Начало

Искали ли сте някога да си направите собствен уеб сайт, но не сте знаели как? Или може би сте срещали трудности, с това, че трябва да можете да програмирате или да имате умения на дизайнер?

Тогава този урок е точно за Вас! Ще Ви покажа как бързо и лесно да си създадете професионално изглеждащ и същевременно функционален уеб сайт, без да се налага да имате знания по HTML / CSS, да четете дълги и скучни уроци.

Подходящ за:
Начинаещи

Нужно време:
20-30 минути

Какво получавате:
Работещ уеб сайт

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

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

P.S. Ако имате някакви затруднения с урока (за което силно се съмнявам), не се колебайте да се свържете с мен. Ще се радвам да помогна.

 

Е, готови ли сте да създадете собствен сайт днес? Да започваме…

Преди да започнем, прочетете това:

Има стотици различни уебсайт платформи или уеб сайт билдъри (website builders).

WordPress, Wix, Joomla, Drupal… това са малка част от тях.

Също можете да създадет е собствен уеб сайт от нулата, но не го препоръчвам поради 2 главни причини:

  • Отнема прекалено много време (наистина)
  • Крайният резултат ще бъде посредствен…

Но кое бихте избрали Вие?

Нека разгледаме малко статистики…

Как хората създават уеб сайтове през 2019

Какво виждате от графиките по-горе, за 2019 година най-популярните платформи (CMS) са:

  • WordPress (безплатна) 55%
  • Drupal (платена) 3.14%
  • Google Search Appliance (безплатна) 2.15%
  • cPanel (платена) 1.79%
  • Blogger (безплатна) 0.85%
  • Wix (платена) 0.52%

 

Ето защо повечето хора използват WordPress за създаването на уеб сайт

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

Но най-важното:

  • WordPress срещу HTML и CSS: Обучението на HTML от нулата може да отнеме 6+ месеца, да не говорим за CSS и PHP. Основното познаване на HTML може да ви помогне да прецените нещата по-бързо, но ако искате да създадете уебсайт в рамките на един или два дни, изучаването на HTML не е опция.
  • WordPress срещу Website Builders: Builder-ите на уебсайтове са скъпи и често много ограничени. Те са добри за така наречените one-page сайтове.
  • WordPress срещу Joomla/Drupal: WordPress е по-лесно използваем за потребителя (user-friendly).

Ако по някаква причина не желаете да използвате WordPress, можете да разгледате моите уроци за Drupal, Joomla и HTML5. Безплатни са. 🙂

Но за начинаещите, силно препоръчвам WordPress.

СТЪПКА 1 Избор на уеб хостинг и домейн

За да създадете Вашият WordPress (или какъвто и да било тип уебсайт) са Ви нужни 2 неща

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

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

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

Накратко – без уеб хостинг и домейн, Вашият сайт няма да съществува.

 

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

Информация: Получавам комисионна, ако използвате услугите на SiteGround. Използвайте рефералния линк по-долу. Това помага, за да поддържам сайта. Благодаря за подкрепата!

За проектите си използвам BlueHost.Com като уеб хостинг доставчик и домейн регистрант.

 Използвайте този линк Click here button, за да получите безплатен домейн (за първата година).

Цените им започват от 7.50лв/месец и в момента при поръчка на хостинг получавате безплатен домейн (за първата година), така че си заслужава да ги прегледате.

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

Вече имаш хостинг и домейн? Можете да отидете директно на стъпка 2, където обяснявам как да създадете уеб сайта си.

 

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

 

1. Отворете  www.bluehost.com (или друг провайдър)

Важно: От дълги години работя с bluehost и договорих малка отстъпка за посетителите на този уеб сайт. Използвайте този линк, за да я активирате..

 

2. Изберете вашия хостинг план

Изберете от менюто таба ‘WordPress’ и след това ‘WordPress Hosting’, ще бъдете прехвърлени в страницата с хостинг планове. В момента bluehost предлагат 3 хостинг плана:

  • Basic
  • Plus
  • Choice Plus

Ако сте с ограничен бюджет, можете да използвате техния най-нисък план. Той е чуден за сайтове с нисък или никакъв трафик.

Въпреки това, ако очаквате повече трафик към сайта си, препоръчвам да изберете техния трети план ‘Choice Plus’. Той е наистина неограничен и получавате 24/7 поддръжка от техните специалисти, освен това получавате допълнителна функция, която предпоазва сайта от хакване.

3. Избор на Домейн

Ако все още нямате домейн, ето как да започнете:

  • Ако създавате уеб сайт за своята компания, името на домейна ви трябва да съответства на името на компанията ви. Например: ImetoNaKompaniqtaMi.com
  • Ако планирате да създадете сайт за собствени цели, то домейн от типа ImeNaSaita.COM е добра идея.

Имената на домейни обикновенно завършват с .com, .org или .net, но през последните години излезе огромно количество разширения на домейни, вариращи от .agency до .pizza, а дори можете и да напишете името си на сайта на кирилица. Пример: моятсайт.com

Моят съвет? Избягвайте странните разширения и използвайте .com, net или .org, освен ако някое друго не пасва по-добре на името.

Ако вече имате регистриран домейн, просто го напишете и след това кликнете + символа, който излиза от дясно на името.

4. Попълнете данни за профила си

За да създадете вашият акаунт, просто на напишете вашите лични данни в страницата „create your account“.

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

Можете допълнително да добавите бизнес името си.

Your account information

Нужно е да добавите и метод за разпращане, за да продължите.

5. Проверете Поръчката си и Завършете Регистрацията

Следващата стъпка от регистрацията в Bluehost е да изберете Вашият хостинг пакет.

Има още малко стъпки до края, така че остана още малко…

Та, в тази стъпка просто изберете за колко време искате да закупите хостинга си.

Choose add ons and length

Ако изберете плана ‘Choice Plus’ получавате безплатно ‘Domain privacy’, който защитава Вашите данни и никой не може да разбере, че Вие сте собственик на сайта. ‘Codeguard Basic’ прави всекидневни резервни копия на сайта Ви и следи за нормалната работа на сайта Ви. Ако сте избрали план различен от Choice Plus и там няма тези 2 допълнения Ви препоръчвам да ги добавите към поръчката.

6. Завършване на регистрацията

Веднага щом платите ще имате възможност да изберете парола за акаунта:

Bluehost successful purchase

СТЪПКА 2 Създайте Собственият си СайтStep 2 - set up your website

Веднага щом се сдобиете с хостинг и домейн е време да създадете и самият уеб сайт.

 

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

Инсталация на WordPress

Има 2 възможни начина да се инсталира WordPress, като първия е СУПЕР по-лесен от втория.

1. За да създадете уеб сайт с WordPress (или Joomla и Dropal), използвайте ‘инсталация с един клик/one-click installation’:

Почти всяка надеждна и утвърдена хостинг компания има интегриран софтуер за инсталация на WordPress с 1 клик / ‘one-click installation’, който кара нещата да стават бързо.

Ако използвате Bluehost или някой подобен хостинг провайдър можете да откриете ‘1-click installation’ софтуера в контролния си панел.

Ето стъпките, които трябва да следвате (би трябвало да е същото при подобните хостинг провайдъри):

  1. Влезте в (Bluehost) хостинг акаунта си.
  2. Влезте в контрол панела.
  3. Потърсете за “WordPress” или “Website” иконка.
  4. Изберете домейна, на който искате да инсталирате WordPress.
  5. Натиснете ‘Install now’ и до няколко секунди ще имате достъп до Вашият сайт.

Installing WordPress

2. … ИЛИ РЪЧНА ИНСТАЛАЦИЯ

If for some odd reason (some hosting companies don’t provide one-click-install for WordPress) you don’t have the option to install WordPress automatically, look this manual guide below:

Ако по някаква причина (някой хостинг провайдъри нямат ‘1 click installer’) сте решили да не използвате горния вариант, можете да видите следния урок:

Ръчна инсталация на WordPress Ехоо.., ако хостинг провайдъра Ви не разполага с ‘1 click installer’, ами, сменете го. 🙂

СТЪПКА 3 Избор на Дизайн на Сайта

Bluehost WordPress select theme

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

Но предполагам не искате да изглежда както останалите?

Точно поради тази причина имате нужда от нов темплейт – това е шаблон за сайта Ви, който му казва как да изглежда. Можете да видите няколко безплатни темплейта, които можете да инсталирате:

Illdy theme template

Here’s where it gets fun:

И тук идва забавната част..:

Има над 1500+ страхотни, професионално направи темплейти, които можете да използвате за Вашият сайт.

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

Ето Как Да Намерите Темплейт

1. Логнете се във вашият админ панел

Ако не сте сигурни как, напишете https://yoursite.com/wp-admin (заменяте“yoursite.com” с Вашия домейн).

Ето това трябва да Ви зареди:

WordPress dashboard (backend)

Всичко е лесно обозначено. Ако не сте сигурни за нещо, спокойно, ще обясня по-надолу. 🙂

2. Достъп до безплатни темплейти

Веднага щом се логнете в администраторския панел, получавате достъп  до над 1500 безплатни темплейти. Просто разгледайте, като натиснете „Appearance“, след това „Themes“.

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

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

Free WordPress themes

Както виждате в снимката, инсталацията на нов темплейт е много просто.

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

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

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

Щом намерите подходящ темплейт, инсталацията му става много лесно, просто натискате „Install“, след което „Activate“.

Installing WordPress theme

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

Стъпка 4 Добавяне на Съдържание

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

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

Искате да имате страница „Услуги“, или пък „За нас/мен“?

1. От сайдбара в ляво, в администраторския панел изберете „Страници“ -> „Добавяне“

2. Ще намерите екран, който много прилича на това, което виждате в Microsoft Word. Добавете текст, изображения и други, за да създадете желаната от Вас страница, след което я запазете, когато сте готови.

WordPress editing a page

Добавяне на страници към главното меню

Ако искате страницата, която създадохте да излиза в навигационното меню:

1. Бъдете сигурни, че сте запазили промените.

2. Изберете „Външен вид“ -> „Менюта“, от сайдбара в администраторския панел.

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

WordPress navigation

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

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

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

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

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

ИЛИ

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

Персонализиране и Безкрайни настройки…

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

Променя на Заглавие на Сайта и Описанието

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

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

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

За да промените заглавието и описанието на сайта Ви, изберете „Настройки“ -> „Общи“.

Site title, tagline and settings

Забраняване на Коментари за Публикации и Страници

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

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

1. Докато пишете нова страница, кликнете върху „Опции на екрана“ в горния десен ъгъл.

2. Кликнете върху полето „Дискусия“. В долната част ще се появи полето „Разрешаване на коментари“.

3. Махнете тикчето на „Разрешаване на коментари“.

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

1. Отидете в „Настройки -> Дискусия“ и махнете отметката на „“.

Website comments settings

Настройка на Статичка Начална Страница

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

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

За да зададете Статична Начална Страница:

1. Изберете “Настройки -> Четене”

2. Изберете статична страница, която сте създали.

Ако не изберете

Ако не изберете статична страница самостоятелно, WordPress ще показва последните Ви публикации на началната страница.

Static homepage

Редактиране на сайдбар/sidebar (странична лента)

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

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

1. Изберете “Външен вид -> Джаджи” в администраторския панел.

2. От тук, можете да

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

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

Инсталиране на Плъгини/Разширания, за да получите повече от WordPress

Какво е плъгин/разширение?

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

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

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

Как да Инсталирам Ново Разширение?

За да започнете с инсталацията с разширение, изберете „Разширния“ -> „Добавяне на още“.

Имайте в предвид, че има над 25,000 различни разширения!

Инсталацията е лесна – харесвате си разширение и просто натиснете „Инсталиране сега“.

За да Ви спестя малко време, ето списък с едни от най-известните разширения, които повечето администратори на сайтове ги намират за полезни:

  • #1 Contact form 7: Това уеб сайт използва това разширение. Това е страхотно разширение, тъй като хората (като Вас!) могат да попълнят контактната форма и да ми изпратят мейл, без да се налага да влизат в собствения си имейл акаунта си. Силно препоръчвам да го инсталирате.
  • #2 Yoast SEO for WordPress: Ако искате Вашият уеб сайт да бъде още по SEO-friendly, този плъгин е задължителен. Той е безплатен и наистина е страхотен. Той също Ви дава възможност да задавате таговете, мета описанията и други, всичко от една страница – няма да се занимавате повече с настройките на WordPress.
  • #3 Google Analytics: Искате да знаете колко човека посещават сайтта Ви и тяхното поведение в него? Трябва само да инсталирате разширението и да го свържете с профила си в Google и сте готови.

Поздравления – готови сте!

Последно, но не на последно място – продължавайте да подобрявате уебсайта си!

Както споменах по-рано, WordPress е много адаптивна. Съвсем скоро очаквайте много нови ръководства за Вашият WordPress сайт, а до тогава – можете да се свържете с мен, ще се радвам да помогна!!! 🙂

Наздрави,

Мирослав

Последен ъпдейт: 22.06.2019