Искате ли да създадете персонализиран хедър в WordPress с Elementor?
Заглавката е един от ключовите елементи, които всеки уебсайт трябва да има. Заглавката обикновено съдържа меню, което улеснява посетителите ви да навигират до важни страници на вашия уебсайт. Друг елемент, който обикновено се намира в заглавката на уебсайта, е логото.
Discover Как да инсталирам Elementor на WordPress
най-много Теми на WordPress, независимо дали са безплатни или платени, ви позволяват да персонализирате заглавката, като добавите логото на уебсайта си или навигационното меню. някои Теми на WordPress, ви позволяват да добавяте допълнителни елементи като лента за търсене и икони на социални медии.
Но възможно ли е да създадете персонализирана заглавка в WordPress, която да замени заглавката на WordPress тема актив ?
Разбира се, можете да създадете персонализиран хедър, който да замени заглавката по подразбиране за активната в момента тема на вашия уеб сайт на WordPress.
Ако имате умения за програмиране (PHP в този случай), създайте персонализирана заглавка за a WordPress тема не е голям проблем. Ако нямате никакви умения за програмиране, Elementor ви позволява да създадете персонализирана заглавка, без да пишете нито един ред код. Можете да създадете заглавката чрез a визуален редактор чрез плъзгане и пускане.
Забележка: Конструктор на теми е достъпен само в Elementor Pro.
Как да създадете персонализиран хедър в WordPress с Elementor
Професионалната версия на Elementor идва с функция, наречена Създател на теми. Тази функция ви позволява да създадете a WordPress тема без кодиране. Елементите на тема, които можете да създадете с инструмента за създаване на теми на Elementor, включват:
- удар с глава
- Footer
- Шаблон за единична публикация
- Шаблон за страница за архивиране
- Шаблон за страница 404
В тази статия ще ви покажем как да създадете персонализиран хедър за вашата WordPress тема с Elementor. След като бъде публикуван, този персонализиран заглавие ще замени заглавката на текущата ви тема.
Преди да започнете, уверете се, че сте инсталирали Elementor Pro на вашия WordPress уебсайт.
Първо отидете на Шаблони -> Конструктор на теми.
На страницата Theme Builder отидете в раздела Header и щракнете върху бутона Прибавям за да създадете нов хедър.
Ще се появи изскачащ прозорец, в който ще поискате да дадете име на вашия шаблон. Въведете името на вашия модел и кликнете върху бутона СЪЗДАЙТЕ МОДЕЛ.
Elementor ви позволява да създадете заглавка от шаблон. Изберете един от моделите, налични в библиотеката с модели, и кликнете върху бутона вмъкнете за да го заредите в редактора на Elementor.
Можете също да създадете заглавката от нулата. Ако предпочитате да създадете заглавката от нулата, можете просто да затворите библиотеката с шаблони, за да отворите редактора на Elementor.
Технически можете да добавите всяка джаджа на Elementor - която можете да изследвате в левия панел - към заглавката си. Но не всички джаджи са наистина необходими, когато става въпрос за създаване на заглавката на уебсайта.
Прочетете нашето ръководство: Elementor Free срещу Elementor Pro: Подробно сравнение на характеристиките
В тази статия ще ви покажем как да добавите често срещаните елементи на заглавка: лого на уебсайт, меню за навигация и лента за търсене. В този случай ще ви трябва нов раздел с три колони. Щракнете върху иконата плюс в редактора на Elementor и изберете структурата от три колони.
Задайте ширината на всяка колона, като плъзнете разделителя вляво или вдясно. Погледнете заснемането по-долу.
- Добавете лого на уебсайта
За да добавите логото на уебсайта, плъзнете приспособлението Лого на сайта от левия панел до една от колоните в редактора на Elementor.
Приспособлението Лого на сайта ще зареди логото на вашия уебсайт. Ако не сте посочили логото на уебсайта си, можете да отидете на Външен вид -> Персонализиране за да добавите вашето лого.
Прочетете още: Как да импортирате или експортирате модели в Elementor
Можете да персонализирате логото си от левия панел. Можете да дефинирате елементи като подравняване, връзка, ширина и т.н.
Просто си поиграйте с левия панел, докато не сте доволни от резултата.
- Добавяне на меню за навигация
За да добавите навигационното меню, плъзнете приспособлението Меню за навигация към една от колоните в редактора на Elementor.
Приспособлението Меню за навигация ще зареди главното меню на вашия уебсайт. Ако не сте създали нито едно меню на уебсайта си, можете да отидете на Външен вид -> Менюта за да създадете такъв. Ако имате няколко менюта на уебсайта си, можете да посочите кое искате да се показва от падащото меню на опцията Меню на левия панел.
Отново можете да си поиграете с левия панел, за да персонализирате менюто си. Можете да зададете оформлението (хоризонтално, вертикално), подравняване, ефект на анимация и така нататък.
- Добавете лента за търсене
За да добавите лентата за търсене, можете да плъзнете джаджата Форма за търсене в останалата колона.
След като формулярът бъде добавен, можете да отидете в левия панел, за да го персонализирате.
Персонализирайте заглавката
По подразбиране заглавката ви ще има бял фон. Можете да промените този цвят, за да съответства на цвета на вашата тема. За целта активирайте секцията, като кликнете върху нея в браузъра (Ctrl+i).
Ако искате да имате лепкава заглавка, можете да отидете в раздела Разширено. В опцията Лепкава, под раздела Ефекти на движението, задайте местоположението Sticky. По подразбиране ефектът Sticky ще се прилага за всички видове устройства (настолни компютри, таблети и смартфони).
Прочетете още: Elementor Pro: 10 страхотни функции за отключване - част I
Ако искате да изключите Sticky ефекта на определен тип устройство, просто премахнете устройството от полето.
Публикувайте вашата персонализирана заглавка
Досега успешно сте създали своя персонализиран хедър. Има много други опции за настройка, които можете да зададете, и е невъзможно да ги покриете всички в тази публикация.
Вижте също: Как да създадете уникален шаблон за публикация с Elementor Pro
Просто си поиграйте с левия панел, докато наистина сте доволни от резултата. Когато сте готови, щракнете върху бутона ПУБЛИКУВАНЕ в долната част на левия панел, за да публикувате шаблона на заглавката.
В следващата стъпка ще бъдете помолени да зададете условията на дисплея. Щракнете върху бутона ДОБАВЕТЕ УСЛОВИЕ
По подразбиране вашият заглавен шаблон ще бъде приложен към целия уебсайт. Така че, ако искате шаблонът на заглавката ви да се приложи към целия уебсайт, можете просто да щракнете върху бутона ЗАПАЗЕТЕ И ЗАКРЕТЕТЕ.
Прочетете още: Как да създадете долен колонтитул в WordPress с Elementor
Или, ако искате шаблонът на заглавката ви да се приложи към определена страница, можете да посочите страницата, като щракнете върху падащото меню. Изберете страницата от другото падащо меню, което се появява след това. Щракнете върху бутона ЗАПАЗЕТЕ И ЗАКРЕТЕТЕ след като приключите с посочването на страницата.
Вземете Elementor Pro сега!
Заключение
Тук ! Това е за тази статия, която ви показва как да създадете персонализиран хедър в WordPress с Elementor. Ако имате някакви притеснения как да стигнете до там, уведомете ни в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...