Седмица 2

Въвеждане и основни умения за работа с WordPress

Какво е домейн?

Основен домейн представлява интернет адреса на уебсайта – например www.vashetoime.com. Това е домейн от първо ниво. Заплаща се за минимум една година и благодарение на него потребителите имат достъп до вашия уеб сайт. Съществуват много домейн области/разширения, като най-разпространените и използваните са .com, .org, .net, .eu. Има разбира се и .bg, които обаче са значително по-скъпи и свързани с изискване за предоставяне на допълнителна документация.

Поддомейн или subdomain представлява допълнителен интернет адрес на уебсайт – например www.blog.vashetoime.com. Това е домейн от второ ниво и стои на по-ниско ниво в йерархията на домейн имената в интернет. За да съществува поддомейн е логично, че съществува основен домейн. Всяко име на домейн може да бъде наследено от неограничен брой поддомейни, които са производни от него. Името на всеки поддомейн се поставя преди името на домейна и се разделя с точка („.“)

Какво е хостинг?

Хостинг означава разполагане (съхраняване) на файлове или данни на едно централно място (физическа машина – компютър или cloud панел) и предоставянето (сервирането) им на други компютри през интернет. Думата хостинг произлиза от хост (от англ. host – домакин). В компютърната сфера хостът е компютър, който има програми или файлове, които други компютри (клиенти) могат да достъпват през мрежата (локалната или интернет). Тези специални компютри или хостове в интернет, които предоставят (сервират) данни и услуги, се наричат сървъри.

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

Какво е Cpanel/контролен панел?

Контролният панел cPanel е уеб приложение, чрез което може да се управляват сайтове, файлове, пощи и други различни функционалности на дадения хостинг акаунт. Разработен е така, че дори и потребители без технически познания да могат лесно да работят с него и да управляват своите уеб проекти. В панела има най-различни инструменти – за управление на файлове, бази данни, имейл адреси, бекъпи, PHP настройки, инсталиране на wordpress и много други.

Какво е Wordpress?

WordPress е най-популярната CMS платформа, която се използва се от милиони потребители ежедневно и дава възможност на много бизнеси да популяризират своите услуги и продукти в интернет пространството. Това е безплатна платформа с отворен код, с която се създават уеб сайтове. Тя дава множество възможности за персонализация на дизайна и функционалностите на сайта. Нейната универсалност помага за това да се направят всякакви видове сайтове: от новинарски сайтове и популярни блогове, до професионални страници на малки и големи бизнеси и онлайн магазини. Някои хора наричат WordPress софтуер на неограничените възможности. Със своите хиляди безплатни и платени теми (дизайни) и над 54 000 безплатни плъгина (допълнителни функционалности), платформата позволява почти неограничена персонализация.

За да достъпите до следващите видеа, моля влезте в Training Academy със следните данни

username: drstravel
pass: Drstravelstaj321

За да сме максимално полезни и да се концентрирате само върху това, което ви е необходимо в момента гледайте този клип до минута 4:50

Как се инсталира Wordpress през Cpanel, с помощта на WP Toolkit?

1.Логване в cPanel през линка ТУК и въвеждане на данните, подадени за всеки стажант

2. Навигиране до лява лента – WP Toolkit – клик

3. След това избираме бутон “Install”

4. Попълваме секция генерални настройки и WordPress Administrator. ВАЖНО! При WordPress Administrator – записвайте данните които залагате, те са важни, за да успеете да достъпите след това до сайта.  За username въведете “admin_…..”(на мястото на многоточието въведете вашето име на латиница), паролата нека е с поне 8 знака, сред които малки и големи латински букви, цифри и специални знаци. Имейл: ЗАДЪЛЖИТЕЛНО blagi@hotelbox.bg

5. Секция База данни – В поле Database name въведете вашето име на латиница, по същия начин и в поле Database user name. Database table prefix – ВИНАГИ трябва да е wp_ . Паролата нека е с поне 8 знака, сред които малки и големи латински букви, цифри и специални знаци.

6. Секция автоматични ъпдейти и окончателно инсталиране.

7. Изчакваме инсталацията да приключи, след което може да видим нашия wordpress сайт и да посетим администрацията му.

Клип с целия процес можете да видите тук:

Задача: Инсталирайте свой WORDPRESS сайт през cPanel-a, до който ще ви изпратим достъп

Работа с админ панела на WordPress

1. Запознаване с админ панела на WordPress сайта, който сме създали

2. Основни настройки на Wordpress

След като сме влезли в администрацията на нашия сайт навигираме до бутон “Settings” > General и настройваме часова зона, формати за дата и час. Може да си направим ревизия на попълненото до момента. След като приключим избираме бутон “Save”, за да запазим всички промени.

3. Settings > Writing & Reading

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

4. General > Discussion

Следва спирането на възможността за коментари в сайта General > Discussion. Както казахме по-горе това няма да е блог за сайт за бизнес, който няма нужда интеракция чрез коментари. Отделно през коментарите влизат много СПАМ съобщения, така че ако това не ни е нужно, няма да го представяме като опция за крайния потребител. Това е прави от настройка, която позволява или не коментари, ако има тикче ще има коментари, ако няма тикче няма да има коментари. Разбира се завършваме с бутон “Save” в дъното на страницата.

5. Settings > Permalinks

Следващото важно нещо е линковата структура, или url адресите, които сайта ще генерира. Settings > Permalinks. Тъй като отново говорим за сайт на бизнес, използване Post name линкове структура. Бутон “Save” след като сме готови.

6. Settings > Privacy

Към момента няма да имате политика, изготвена предварително, възползвайте се от тази, която е по default

6. Site Identity

Elementor Page Builder

1. Представяне на Elementor Page Builder

Elementor е програма за създаване на страници, която ви позволява да създавате професионални страници с главоломна скорост. Плъгинът е безплатен и достъпен в Директория с плъгини за WordPress.
Когато трябва да се справим създаване на страници, въпросът за скоростта е важен. Elementor е най-бързият конструктор на страници в момента. Дали с “drag & drop”, което работи без забавяне или бързото зареждане на страници, проектирани от Elementor, това е най-доброто решение.
Скоростта и производителността засягат не само сайта, но и потребителското изживяване. Идеята за “page builder„ ви позволява да работите на живо.

2. Инсталиране на Elementor и тема Hello

За да започнете да създавате страница, всичко, което трябва да направите, е да отворите съществуваща страница или създадете нова. На тази страница ще забележите нов бутон, озаглавен: ” Редактирайте с Elementor”.

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

Кратък курс – запознаване с Елементор:

  1. Installing Hello and Setting Up – https://www.youtube.com/watch?v=WAEhISns8NA&t=45s
  2. Elementor Editor Basics – https://www.youtube.com/watch?v=4G3YjWnQE-o
  3. Building the Design System – https://www.youtube.com/watch?v=i7d9Pn1yZFs
  4. Website Essentials: Layout, Header & Footer – https://www.youtube.com/watch?v=KKnFuAWtvk0&t=19s
  5. Building the Homepage in Elementor – https://www.youtube.com/watch?v=LjQptEShDJo
  6. Responsive Design & Connect the Home Page – https://www.youtube.com/watch?v=sNLlysb87gY
  7. Creating the “Our Menu” Page – https://www.youtube.com/watch?v=9rWCfTTlpOo
  8. Elementor tutorial – Sections, Columns, Margin & Padding – https://www.youtube.com/watch?v=0nm03bulRsQ

Собствен проект - седмица 2

Предвид наученото до момента и възможностите на Elementor пренесете Вашия XD темплейт на хотелски сайт в пълна цялостна начална страница в Wordpress.

Предвид наученото до момента и възможностите на Elementor пренесете темплейта на хотелски сайт посочен по-долу в пълна цялостна начална страница в Wordpress.

Темплейт: ТУК 

Цветове: ТУК 

Графични елементи: ТУК 

Седмица 2

Въвеждане и основни умения за работа с WordPress

Какво е домейн?

Основен домейн представлява интернет адреса на уебсайта – например www.vashetoime.com. Това е домейн от първо ниво. Заплаща се за минимум една година и благодарение на него потребителите имат достъп до вашия уеб сайт. Съществуват много домейн области/разширения, като най-разпространените и използваните са .com, .org, .net, .eu. Има разбира се и .bg, които обаче са значително по-скъпи и свързани с изискване за предоставяне на допълнителна документация.

Поддомейн или subdomain представлява допълнителен интернет адрес на уебсайт – например www.blog.vashetoime.com. Това е домейн от второ ниво и стои на по-ниско ниво в йерархията на домейн имената в интернет. За да съществува поддомейн е логично, че съществува основен домейн. Всяко име на домейн може да бъде наследено от неограничен брой поддомейни, които са производни от него. Името на всеки поддомейн се поставя преди името на домейна и се разделя с точка („.“)

Какво е хостинг?

Хостинг означава разполагане (съхраняване) на файлове или данни на едно централно място (физическа машина – компютър или cloud панел) и предоставянето (сервирането) им на други компютри през интернет. Думата хостинг произлиза от хост (от англ. host – домакин). В компютърната сфера хостът е компютър, който има програми или файлове, които други компютри (клиенти) могат да достъпват през мрежата (локалната или интернет). Тези специални компютри или хостове в интернет, които предоставят (сервират) данни и услуги, се наричат сървъри.

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

Какво е Cpanel/контролен панел?

Контролният панел cPanel е уеб приложение, чрез което може да се управляват сайтове, файлове, пощи и други различни функционалности на дадения хостинг акаунт. Разработен е така, че дори и потребители без технически познания да могат лесно да работят с него и да управляват своите уеб проекти. В панела има най-различни инструменти – за управление на файлове, бази данни, имейл адреси, бекъпи, PHP настройки, инсталиране на wordpress и много други.

Какво е Wordpress?

WordPress е най-популярната CMS платформа, която се използва се от милиони потребители ежедневно и дава възможност на много бизнеси да популяризират своите услуги и продукти в интернет пространството. Това е безплатна платформа с отворен код, с която се създават уеб сайтове. Тя дава множество възможности за персонализация на дизайна и функционалностите на сайта. Нейната универсалност помага за това да се направят всякакви видове сайтове: от новинарски сайтове и популярни блогове, до професионални страници на малки и големи бизнеси и онлайн магазини. Някои хора наричат WordPress софтуер на неограничените възможности. Със своите хиляди безплатни и платени теми (дизайни) и над 54 000 безплатни плъгина (допълнителни функционалности), платформата позволява почти неограничена персонализация.

За да достъпите до следващите видеа, моля влезте в Training Academy със следните данни

username: drstravel
pass: Drstravelstaj321

За да сме максимално полезни и да се концентрирате само върху това, което ви е необходимо в момента гледайте този клип до минута 4:50

Как се инсталира Wordpress през Cpanel, с помощта на WP Toolkit?

1.Логване в cPanel през линка ТУК и въвеждане на данните, подадени за всеки стажант

2. Навигиране до лява лента – WP Toolkit – клик

3. След това избираме бутон “Install”

4. Попълваме секция генерални настройки и WordPress Administrator. ВАЖНО! При WordPress Administrator – записвайте данните които залагате, те са важни, за да успеете да достъпите след това до сайта.  За username въведете “admin_…..”(на мястото на многоточието въведете вашето име на латиница), паролата нека е с поне 8 знака, сред които малки и големи латински букви, цифри и специални знаци. Имейл: ЗАДЪЛЖИТЕЛНО blagi@hotelbox.bg

5. Секция База данни – В поле Database name въведете вашето име на латиница, по същия начин и в поле Database user name. Database table prefix – ВИНАГИ трябва да е wp_ . Паролата нека е с поне 8 знака, сред които малки и големи латински букви, цифри и специални знаци.

6. Секция автоматични ъпдейти и окончателно инсталиране.

7. Изчакваме инсталацията да приключи, след което може да видим нашия wordpress сайт и да посетим администрацията му.

Клип с целия процес можете да видите тук:

Задача: Инсталирайте свой WORDPRESS сайт през cPanel-a, до който ще ви изпратим достъп

Работа с админ панела на WordPress

1. Запознаване с админ панела на WordPress сайта, който сме създали

2. Основни настройки на Wordpress

След като сме влезли в администрацията на нашия сайт навигираме до бутон “Settings” > General и настройваме часова зона, формати за дата и час. Може да си направим ревизия на попълненото до момента. След като приключим избираме бутон “Save”, за да запазим всички промени.

3. Settings > Writing & Reading

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

4. General > Discussion

Следва спирането на възможността за коментари в сайта General > Discussion. Както казахме по-горе това няма да е блог за сайт за бизнес, който няма нужда интеракция чрез коментари. Отделно през коментарите влизат много СПАМ съобщения, така че ако това не ни е нужно, няма да го представяме като опция за крайния потребител. Това е прави от настройка, която позволява или не коментари, ако има тикче ще има коментари, ако няма тикче няма да има коментари. Разбира се завършваме с бутон “Save” в дъното на страницата.

5. Settings > Permalinks

Следващото важно нещо е линковата структура, или url адресите, които сайта ще генерира. Settings > Permalinks. Тъй като отново говорим за сайт на бизнес, използване Post name линкове структура. Бутон “Save” след като сме готови.

6. Settings > Privacy

Към момента няма да имате политика, изготвена предварително, възползвайте се от тази, която е по default

6. Site Identity

Elementor Page Builder

1. Представяне на Elementor Page Builder

Elementor е програма за създаване на страници, която ви позволява да създавате професионални страници с главоломна скорост. Плъгинът е безплатен и достъпен в Директория с плъгини за WordPress.
Когато трябва да се справим създаване на страници, въпросът за скоростта е важен. Elementor е най-бързият конструктор на страници в момента. Дали с “drag & drop”, което работи без забавяне или бързото зареждане на страници, проектирани от Elementor, това е най-доброто решение.
Скоростта и производителността засягат не само сайта, но и потребителското изживяване. Идеята за “page builder„ ви позволява да работите на живо.

2. Инсталиране на Elementor и тема Hello

За да започнете да създавате страница, всичко, което трябва да направите, е да отворите съществуваща страница или създадете нова. На тази страница ще забележите нов бутон, озаглавен: ” Редактирайте с Elementor”.

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

Кратък курс – запознаване с Елементор:

  1. Installing Hello and Setting Up – https://www.youtube.com/watch?v=WAEhISns8NA&t=45s
  2. Elementor Editor Basics – https://www.youtube.com/watch?v=4G3YjWnQE-o
  3. Building the Design System – https://www.youtube.com/watch?v=i7d9Pn1yZFs
  4. Website Essentials: Layout, Header & Footer – https://www.youtube.com/watch?v=KKnFuAWtvk0&t=19s
  5. Building the Homepage in Elementor – https://www.youtube.com/watch?v=LjQptEShDJo
  6. Responsive Design & Connect the Home Page – https://www.youtube.com/watch?v=sNLlysb87gY
  7. Creating the “Our Menu” Page – https://www.youtube.com/watch?v=9rWCfTTlpOo
  8. Elementor tutorial – Sections, Columns, Margin & Padding – https://www.youtube.com/watch?v=0nm03bulRsQ

Собствен проект - седмица 2

Предвид наученото до момента и възможностите на Elementor пренесете Вашия XD темплейт на хотелски сайт в пълна цялостна начална страница в Wordpress.

Предвид наученото до момента и възможностите на Elementor пренесете темплейта на хотелски сайт посочен по-долу в пълна цялостна начална страница в Wordpress.

Темплейт: ТУК 

Цветове: ТУК 

Графични елементи: ТУК