Как да създадете уебсайт (стъпка по стъпка ръководство): 4 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51

В това ръководство ще ви покажа как повечето уеб разработчици изграждат своите сайтове и как можете да избегнете скъпи създатели на уебсайтове, които често са твърде ограничени за по -голям сайт.

Също така ви помагам да избегнете някои грешки, които направих, когато започнах.

Стъпка 1: Вземете уеб хостинг и регистрирайте име на домейн

За да настроите вашия WordPress (или друг вид уебсайт), ще ви трябват две неща:

• Име на домейн (уеб адрес като YourSiteName.com)
• Уеб хостинг (услуга, която свързва вашия сайт с интернет)

За да съхранявате вашите изображения, съдържание и файлове на уебсайтове, ще ви е необходим уеб хостинг. Без уеб хостинг вашият уебсайт няма да се вижда в Интернет.

Притежаването на собствено име на домейн изглежда далеч по-професионално, отколкото разполагането на вашия сайт в домейн на някой друг (като yourbusiness.my-free-website.com), а също така е супер достъпно. Повечето хостинг доставчици предлагат БЕЗПЛАТНИ домейни за една година (обикновено ~ $ 15/година).

Накратко - без уеб хостинг и име на домейн вашият уебсайт НЯМА да съществува.

Къде да регистрирам име на домейн и да получа уеб хостинг?

Пълно разкриване: Печеля комисионна, ако в крайна сметка закупите Bluehost чрез моите реферални връзки в това ръководство. Това ми помага да поддържам WebsiteSetup работещ и актуален. Благодаря за подкрепата.

Най -често използвах Bluehost като уеб хостинг и безплатен регистратор на домейни.

Началната им цена започва от $ 2,75/месец и в момента те въвеждат безплатно име на домейн (първата година) - така че си струва да ги проверите.

Те също са един от най-популярните хостинг доставчици на пазара, така че определено са достатъчно утвърдени и сигурни, за да хостват вашия уебсайт.

Въпреки че повечето от техните сървъри са базирани в САЩ, те могат да обработват много трафик от цял свят. И вероятно е по -евтино от вашия местен домакин.

Като човек, който живее в Европа, все още предпочитам да ги използвам. Вече имате име на домейн и хостинг?

Продължете и преминете към стъпка 2, където ще ви обясня как можете да настроите уебсайта си.

Изтеглете стъпка по стъпка как да се регистрирате при доставчик на уеб хостинг (и да регистрирате име на домейн, ако все още го нямате) по -долу:

Стъпка 2: Настройте уебсайта си

След като сте закупили името на домейна си и сте настроили хостинга си, вие сте на път!

Сега е време да стартирате уебсайта си. Първото нещо, което трябва да направите, е да инсталирате WordPress във вашия домейн.

Инсталиране на WordPress

Има два възможни начина за инсталиране на WordPress, един МНОГО по -лесен от другия.

1. За да създадете уебсайт с WordPress (или Joomla и Drupal), използвайте „инсталация с едно щракване“:

Почти всяка надеждна и утвърдена хостинг компания има интегрирана инсталация с едно щракване за WordPress, което прави бързото стартиране.

Ако сте се регистрирали с Bluehost или друга подобна хостинг компания, трябва да намерите вашата „инсталация с едно щракване“в контролния панел на вашия акаунт.

Ето стъпките, които трябва да следвате (трябва да са сходни/еднакви във всички големи уеб хостинг компании):

1. Влезте във вашия хостинг (Bluehost) акаунт.
2. Отидете на вашия контролен панел.
3. Потърсете иконата „WordPress“или „Уебсайт“.
4. Изберете домейна, в който искате да инсталирате новия си уебсайт.
5. Кликнете върху бутона „Инсталирай сега“и ще получите достъп до новия си уебсайт WordPress.

(Проверете изображението 2 по -горе)

2. ИЛИ РЪЧНО ИНСТАЛИРАНЕ (За тези, които не използват Bluehost или друг подобен хост):

Ако по някаква странна причина (някои хостинг компании не предоставят инсталиране с едно щракване за WordPress) нямате възможност да инсталирате WordPress автоматично, вижте това ръководство по-долу:

1) Изтеглете WordPress от тук:

2) Създайте нова папка на работния плот и разархивирайте WordPress в нея

3) Потърсете файл с име wp-config-sample.php и го преименувайте на: wp-config.php

4) Сега отворете wp-config.php (например с бележник) и попълнете следните редове:

• define (‘DB_NAME’, ‘database_name_here’); - Име на база данни (ако не го знаете, попитайте това от вашата хостинг поддръжка)
• define (‘DB_USER’, ‘username_here’); - Вашето потребителско име за хостинг
• define (‘DB_PASSWORD’, ‘password_here’); - Вашата парола за хостинг

След като попълните празнините, запишете файла.

5) Сега влезте във вашия хостинг ftp (изтеглете FileZilla за това). FTP адресът обикновено е ftp.yourdomain.com, потребителското име и паролата са същите, които сте използвали, за да се регистрирате на вашия хост

6) Ако има файл с име „индекс“- изтрийте го. След това качете всички файлове от вашата папка WordPress на вашия FTP сървър. Вярвам, че можете да използвате функцията „плъзгане и пускане“във FileZilla

7) След като завършите предишните стъпки, отидете на URL адреса: yourdomain.com/wp-admin/install.php Това е страницата, която трябва да видите: (Проверете изображението 3 по-горе)

Просто попълнете формулярите и сте готови!

Pssst-ако нямат инсталация с едно щракване, може би имате работа с лош хост!

Стъпка 3: Проектирайте уебсайта си

След като успешно инсталирате WordPress във вашия домейн, ще видите много елементарен, но изчистен сайт.

Но не искате да изглеждате като всички останали, нали?

Ето защо имате нужда от тема - шаблон за дизайн, който казва на WordPress как трябва да изглежда вашият уебсайт. Вижте пример за безплатна тема на WordPress, която можете да инсталирате:

(Проверете горното изображение 2)

Ето къде се забавлява: Има над 1500 страхотни, професионално проектирани теми, от които можете да избирате и да персонализирате за собственото си заседание.

Повечето теми на WordPress са безплатни за използване и много персонализирани.

Ето как да намерите тема, която харесвате

1. Влезте в таблото си за управление на WordPress: Ако не сте сигурни как, въведете: https://yoursite.com/wp-admin (заменете „yourite“с вашия домейн). Ето как изглежда таблото за управление на WordPress:

(Проверете горното изображение 3)

2. Достъп до БЕЗПЛАТНИ теми: След като сте на таблото, имате достъп до над 1500 безплатни теми! Просто потърсете в страничната лента „Външен вид“, след което щракнете върху „Теми“.

Ако искате нещо по -професионално или елегантно от това, което намирате тук, можете да отидете на ThemeForest.net, където има голяма библиотека от теми, от които да избирате на различни цени.

Но преди да направите това, наистина ви предлагам поне да опитате да прекарате известно време в разглеждане на безплатните теми. Много от тях всъщност са наистина професионални и добре направени; така че не ги отписвайте.

Както можете да видите по -горе, инсталирането на нова тема за вашия уебсайт е много лесно.

Можете да търсите конкретни ключови думи и/или да използвате филтри, за да намерите теми, които отговарят на вашия стил. Намирането на перфектната тема може да отнеме известно време, но си заслужава.

Трябва също да потърсите теми, които са „отзивчиви“, тъй като това означава, че ще изглеждат добре на всяко мобилно устройство. Просто го въведете като една от ключовите си думи и всичко ще бъде готово!

3. Инсталирайте новата си тема

След като намерите тема, която ви харесва, инсталирането й е толкова просто, колкото да кликнете върху „Инсталиране“, последвано от „Активиране“.

ВАЖНО: Промяната на темите няма да изтрие предишните ви публикации, страници и съдържание. Можете да променяте теми толкова често, колкото искате, без да се притеснявате, че ще загубите това, което сте създали.

Стъпка 4: Добавете съдържание към вашия уебсайт

Когато вашата тема е инсталирана, вие сте готови да започнете да създавате съдържание. Нека бързо преминем през някои от основите:

Добавяне и редактиране на страници:

Искате страница „Услуги“или страница „За мен“(както имам в менюто си в горната част на сайта)?

1. Потърсете по страничната лента в таблото за управление на WordPress за „Страници“-> „Добавяне на ново“.

2. Ще намерите екран, който много прилича на това, което може би сте виждали в Microsoft Word. Добавете текст, изображения и други, за да изградите желаната страница, след което я запишете, когато приключите. (Проверете изображението над 1)

Добавяне на страници към менюто: Ако искате новата ви страница да бъде свързана с навигационната ви лента, 1. Запазете всички промени, които сте направили на страницата, като кликнете върху „Актуализиране“

2. Щракнете върху „Външен вид“-> „Менюта“в страничната лента на таблото за управление на WordPress.

3. Намерете създадената от вас страница и я добавете към списъка, като поставите отметка в квадратчето до нея и след това „Добавяне към менюто“.

(Проверете изображението над 2)

Добавяне и редактиране на публикации:

Ако имате блог на уебсайта си, „Публикации“ще бъде мястото, където ще преминете към следващия. Можете да използвате различни категории, за да групирате подобни публикации.

Ако искате да добавите блог към уебсайта си, можете да използвате различни категории и публикации. Да предположим, че искате да създадете категория, наречена „Блог“. Просто го добавете към менюто си и започнете да правите публикации.

Ето какво трябва да направите:

Създайте нова категория, като отидете на „Публикации -> Категории“

ИЛИ

Създайте публикация в блог, като отидете на „Публикации -> Добавяне на ново“. След като приключите с писането на публикацията си в блога, трябва да добавите подходящата категория за нея

След като създадете категорията си, просто я добавете в менюто и сте в бизнеса!

Персонализиране и безкрайни ощипвания …

В този раздел ще разгледам някои от основните неща, за които ме питат през цялото време, които ще ви помогнат да промените вашия уебсайт.

Промяна на заглавието и лозунга

Заглавията на страниците обясняват на търсещите какво представлява вашият уебсайт. Те също са голяма част от начина, по който търсачките определят вашето класиране. Искате да сте сигурни, че имат ключовите думи, към които искате да се насочите (но по естествен начин, написани за реални хора).

Трябва да използвате уникално заглавие на всяка страница от вашия сайт. Например заглавието на моя сайт е „Как да направя уебсайт“.

(Не можете да го намерите? Просто задръжте мишката върху раздела в горната част на уеб браузъра си).

Заглавията се добавят в края на заглавията на всяка страница. Мотото на моя сайт е „Ръководство стъпка по стъпка“

За да промените заглавието и слога на вашия уебсайт, отидете на „Настройки -> Общи“и попълнете формуляра по -долу: (Проверете изображението над 3)

Деактивиране на коментарите за публикации и страници

Някои уебсайтове (предимно сайтове за бизнес/организация) не искат посетителите им да могат да коментират страниците им.

Ето как да изключите коментарите на страниците на WordPress:

• 1. Докато пишете нова страница, щракнете върху „Опции на екрана“в горния десен ъгъл.
• 2. Щракнете върху полето „Обсъждане“. В долната част ще се появи полето „Разрешаване на коментари“.
• 3. Махнете отметката от „Разрешаване на коментари“.

Искате ли да деактивирате коментарите на всяка нова страница по подразбиране?

1. Отидете на „Настройки -> Дискусия“и премахнете отметката от „Разрешаване на хората да публикуват коментари за нови статии“(Проверете изображението над 4)

Настройка на статична предна страница:

Някои хора се свързват с мен, казвайки, че са разочаровани, че началната им страница изглежда като публикация в блог. Можете да поправите това, като направите началната си страница „статична“.

Статичната страница е страница, която не се променя. За разлика от блог, където първата нова статия ще се показва най -отгоре всеки път, „статична“страница ще показва същото съдържание всеки път, когато някой дойде на сайта - като начална страница, която сте проектирали.

За да настроите статична първа страница:

1. Отидете на „Настройки -> Четене“2. Изберете статична страница, която сте създали. „Предна страница“означава вашата начална страница. „Страница с публикации“е първата страница на вашия блог (ако целият ви сайт не е блог).

Ако не изберете самостоятелно статична страница, WordPress ще вземе последните ви публикации и ще започне да ги показва на началната ви страница. (Проверете изображението над 5)

Редактиране на страничната лента:

Повечето теми на WordPress имат странична лента от дясната страна (в някои случаи е отляво).

Ако искате да се отървете от страничната лента или да редактирате елементи, които не ви трябват, като „Категории“, „Мета“и „Архиви“, които обикновено са безсмислени, ето как:

1. Отидете на „Външен вид -> Приспособления“в таблото за управление на WordPress.

2. От тук можете да използвате плъзгане и пускане, за да добавите различни „кутии“към страничната си лента или да премахнете елементите, които не искате.

Има и „HTML поле“- текстово поле, където можете да използвате HTML код. За начинаещи не се притеснявайте за това - просто плъзнете и пуснете елементите, които искате в страничната си лента.

Инсталиране на приставки, за да извлечете повече от WordPress

Какво е плъгин? „Плъгини“са разширения, които са създадени, за да разширят възможностите на WordPress, добавяйки функции и функции към вашия сайт, които не са вградени.

Те са преки пътища, за да накарате вашия сайт да направи това, което искате, без да се налага да изграждате функциите от нулата.

Можете да използвате приставки, за да правите всичко - от добавяне на фотогалерии и формуляри за изпращане до оптимизиране на вашия уебсайт и създаване на онлайн магазин.

Как да инсталирам нов плъгин?

За да започнете да инсталирате приставки, отидете на „Приставки -> Добавяне на нов“и просто започнете да търсите.

Имайте предвид, че има над 25 000 различни приставки, така че имате много за избор!

Инсталацията е лесна - след като намерите приставка, която харесвате, просто щракнете върху „Инсталиране“.

За да ви спестя малко време, съставих списък с най -популярните приставки, които уебмастърите намират за полезни:

#1 Форма за контакт 7: Моят уебсайт има форма за контакт на страницата „За мен“. Това е страхотна функция, тъй като хората (като вас!) Могат да попълнят формуляра и да ми изпратят имейл, без да влизат в собствения си доставчик на имейли. Ако искате да направите нещо подобно, определено вземете този плъгин.

#2 Yoast SEO за WordPress: Ако искате да направите вашия WordPress сайт още по-удобен за SEO, този плъгин е задължителен. Безплатно е и е страхотно. Ще можете да редактирате заглавните си тагове, мета описания и други, всичко от самата страница - няма повече суетене с настройките на WordPress.

#3 Google Analytics: Интересувате ли се от проследяване на вашите посетители/трафик и тяхното поведение? Просто инсталирайте плъгина, свържете го с профила си в Google и сте готови за работа.

Разбира се, това е само върхът на айсберга! Ето списък на препоръчаните от мен плъгини:

1. Yoast SEO

2. Akismet Anti-Spam

3. WooCommerce

4. TinyMCE Advanced

5. Защита на WordFence

6. Google XML Sitemap

7. WP Супер кеш

8. Табло за управление на Google Анализ за WP от ExactMetrics

9. UpdraftPlus WordPress Backup Plugin

10. Elementor Page Builder

11. Компресиране на изображения и оптимизация на Smush

И списъкът продължава.