Elementor редовно предлага теми, които ви помагат да създадете цялостен уебсайт от тях. Всеки месец публикуваме нови теми, които са изградени около специфична ниша, но са достатъчно гъвкави, за да можете да ги персонализирате според собствените си нужди.
В комбинация с Elementor Pro, тези теми ви помагат да започнете бързо с всяка част от вашия уебсайт, включително:
пстатични възрасти, като началната страница,
- заглавката
- подножието
- страница 404
- раздел Архив
- блогът
- Изскачащи и други
И така, в този урок ще ви покажем как да създадете цялостен уебсайт, използвайки визуалния конструктор на страници Elementor.
Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Как да изградим пълен уебсайт с елементи на Elementor
В този урок ще научите как да използвате тема като основа за всички важни части на вашия уебсайт и след това да съчетаете всичко, за да създадете един цялостен уебсайт.
По-точно темата Дигитална агенция.
Вашият уебсайт ще има няколко основни страници, като страници:
- Начало
- за
- Услуги
- Клиенти
- Още
- Контакти
И също така предлага секции, посветени на динамичното съдържание. Например архивите на публикациите в блога ви и шаблоните за публикации автоматично съвпадат с вашите самостоятелни страници. Можете също да промените заглавката, долния си колонтитул и страници 404.
Ето как да създадете уебсайт с тема на Elementor:
1. Инсталирайте и активирайте темата Elementor Hello
Тъй като ще използвате Elementor и шаблон на тема, за да създадете целия си уебсайт, не е необходимо да търсите други елементи.
Вместо това ще ви е необходим само лек, оптимизиран за производителност уебсайт, който предлага темата Elementor Hello.
За да започнете, отидете на Външен вид → Теми → Добавяне и търсене „Здравейте елементСлед това инсталирайте и активирайте темата.
2. Конфигурирайте основните статични страници на вашия уебсайт
След това отидете в менюто Страници → Добавяне за да създадете основните страници на вашия уебсайт.
Първо, създайте страница, наречена „ Начало „И кликнете върху бутона Редактирайте с Elementor за да стартирате Elementor.
Кликнете върху настройки за да отворите настройките на страницата и променете оформлението й, за да бъде равно на Пълна ширина на елемента.
След това отворете библиотеката с шаблони на Elementor и потърсете "Digital Agency" под Pages :
Трябва да видите списък с шаблони на страници на тази тема. Вмъкване на шаблон Начална страница от списъка на моделите.
Сега трябва да видите пълна начална страница. Заглавката изглежда малко скучна в момента - но не се притеснявайте, скоро ще го поправим..
След това добавете друга страница, която да използвате за вашата „страница“за".
Както преди, създайте страница и променете оформлението на Пълна ширина на елемента, След това отворете библиотеката с шаблони и поставете шаблона За нас на темата Дигитална агенция.
Сега просто повторете същия процес, за да създадете всички останали страници, включително: Услуги, Клиентите и Контакт.
Не се притеснявайте за страницата на блога все още. Тази страница не е статична като другите. Поради тази причина ще го създадете там чрез различен метод (който ще разгледаме по-нататък в този урок).
За да завършите конфигурирането на вашите статични страници, трябва да кажете на вашата WordPress инсталация да използва статична начална страница. За да направите това...
- Продължете Настройки → Възпроизвеждане
- избирам Статична страница (изберете по-долу) под настройките на началната ви страница
- Изберете страницата, която интегрира шаблона на началната страница на темата
3. Създайте останалите части на вашия уебсайт
Сега сте готови да създадете останалите части на уебсайта си, използвайки Elementor. Elementor ви позволява да надхвърлите създаването на статични страници (както направихте по-горе).
С Elementor можете също да проектирате секции като: en-заглавка; долна част и т.н...
И благодарение на темата Elementor ще можете да импортирате шаблони за всички секции, които вече са в статичните страници, които сте създали в предишната стъпка.
За да получите достъп до визуалния конструктор на Elementor, отидете на Шаблони→ Създател на теми. Ще трябва да инсталирате Elementor Pro, за да имате достъп до него.
Сега е време да създадете вашите секции
удар с глава
За да започнете, отидете на раздела Header от визуалния интерфейс за програмисти, след това щракнете Добавяне на нов. На следващия екран ще видите селекция от шаблони в библиотеката Elementor. Точно както направихте със статичните страници, потърсете „Digital Agency“, след което поставете:
Сега трябва да видите визуален преглед на заглавката, както и меню за навигация от шаблона, който сте вмъкнали.
Ако искате да го промените
- Продължете Външен вид → Менюта в таблото за управление на WordPress
- Създайте ново меню
След като създадете меню, можете да добавите страниците, които създадохте в стъпка #2, към навигационното си меню.
Прочетете още: 10 Инструменти за автоматизация за маркетинг на малкия бизнес
Когато приключите с добавянето на елементи от менюто, запазете менюто си и се върнете към шаблона на заглавката си в интерфейса на Elementor.
след това публикувам заглавката си и използвайте условия за показване, за да покажете шаблона на заглавката си в целия уебсайт. Ако искате, можете също да използвате условия за показване, за да създадете различни заглавки за различни видове съдържание:
След това натиснете Запазване и затваряне
Footer
Сега е време да създадете подножието на уебсайта си:
- Върнете се към интерфейса за създаване на визуални страници
- Кликнете върху раздела Footer
- Щракнете върху бутона за Добавяне на нов Footer
- В изскачащото меню дайте име на долния си колонтитул и кликнете върху Създаване на шаблон
Сега трябва да видите списък с шаблони на долни колонтитули, точно както сте направили със заглавката си. Потърсете „Digital Agency“ и поставете шаблона на долния колонтитул.
След като поставите шаблона на долния колонтитул, трябва да видите преглед на него |
след това публикувам шаблона на долния си колонтитул и използвайте условията за показване, за да го покажете на целия си уебсайт.
Страница на блога
За разлика от статичните страници, които създадохте в стъпка №2, страницата на блога на вашия уебсайт е „ архив ". По принцип това означава, че той динамично показва най-новото съдържание от вашия уебсайт.
Ако потребител кликне върху конкретен елемент на страницата на блога, ще бъде пренасочен към страница, която показва съдържанието на този елемент. Това се нарича „единична страница“. Вашият единен дизайн гарантира, че цялото ви съдържание ще има един и същ стил – единственото нещо, което се променя, е самото съдържание (като заглавието на статията, основния текст, представеното изображение и т.н.).
Открийте също Как да добавите съдържанието в WordPress с Elementor
За да създадете архивни страници и уникални шаблони на страници, трябва да използвате визуалния конструктор на Elementor - не зони страница ou статията WordPress по подразбиране
За да започнете...
- Отворете интерфейса на Theme Builder
- Отидете на раздела Архив
- Щракнете върху Добавяне на ново
- Дайте му име и кликнете върху Създаване на шаблон
Както при горния и долния колонтитул, ще видите списък с шаблони за архивни страници. Намерете шаблона „Дигитална агенция“ и го поставете.
Сега би трябвало да видите основния дизайн на страницата с вашите статии.
Трябва да се отбележи, че ако виждате само една статия, това е нормално, защото WordPress се предлага само с пример по подразбиране, който е „Hello World!“.
Засега всичко, което трябва да направите, е публикувам страницата на архива ви и я настройте да се показва във всички архиви.
Прочетете нашето ръководство на Как ръчно да мигрирате уебсайт на WordPress
След това можете да отидете в менюто за публикации в таблото си и да създадете нови публикации в блога. Присвоете всеки елемент към категория, наречена „Новини".
Сега, когато отидете на страницата на вашия блог, трябва автоматично да видите всички тези нови публикации:
Създаване на шаблон за страница с публикации в блога
В този момент страницата на вашия блог има доста удобен за потребителя вид. Но ако щракнете върху конкретна публикация в блога, оформлението няма да съвпада с останалата част от вашия уебсайт.
За да разрешите този проблем, трябва да създадете "уникален" шаблон с Elementor:
- Открит визуален конструктор на Elementor
- Отидете на раздела единичен пост
- Кликнете върху Добавяне на нов
В изскачащия прозорец Нов шаблон :
- Дайте му име
- Изберете пост в падащия списък Изберете Тип на публикацията, Това казва на Elementor, че искате да използвате този шаблон за публикациите в блога си (за разлика от Страници или някакъв друг персонализиран тип публикация, който бихте могли да използвате)
Отново ще видите библиотеката с шаблони на Elementor. Потърсете шаблона за единична публикация от шаблона „Дигитална агенция“ и го вмъкнете.
Прочетете също Режим на поддръжка на WordPress: Обяснение и конфигурация
Ако искате, можете да използвате много динамични джаджи за публикуване на данни, за да контролирате външния вид на вашата страница.
Например, ако промените джаджата Информация за публикацияЩе можете да контролирате елементите на метаданните, които се показват, например в публикацията...
- Автор
- Дата на публикуване
- Коментари
- Т.н.
След като сте доволни от шаблона на статията си, кликнете върху публикувамСлед това можете да използвате опциите за показване, така че този единствен шаблон да се прилага само за публикации в категорията „Отвъд новините“:
- Изберете от категория
- Изберете категорията Новини
След това натиснете Запазване и затваряне.
Сега всичките ви публикации в блога трябва да имат дизайн, който да съответства на останалата част от вашия уебсайт.
За да завършите нещата, отидете на Външен вид → Менюта и добавете страницата на блога си към навигационното меню. За да направите това, можете да добавите връзка към категорията „Новини“ в секцията Категории.
Page 404
И накрая, трябва да създадете 404 страницата на вашия уебсайт. Страницата 404 на вашия уебсайт е това, което посетителите ще видят, ако следват прекъсната връзка или се опитват да посетят страница, която не съществува.
Открийте и нашето 5 WordPress плъгини за работа с 404 грешки
За да създадете своята страница 404, използвайте визуалния конструктор на Elementor, за да добавите друг уникален шаблон.
- Открит визуален конструктор на Elementor
- Отидете на раздела Грешка 404
- Кликнете върху Добавяне на нов
- Вмъкнете шаблон за дигитална агенция от 404 страница
След това публикувайте своя шаблон, за да завършите уебсайта си.
Вземете Elementor Pro сега!
Заключение
Това е всичко! Това е всичко за това ръководство, което ви показва стъпка по стъпка как да създадете цялостен уебсайт с Elementor. Ако имате коментари или предложения, не се колебайте да ни уведомите в запазения раздел.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...