Искате ли да научите как да създадете страница с резултати от търсенето с Elementor?
Независимо дали имате личен блог, уебсайт за електронна търговия или голям уебсайт с множество потребители, добавянето на функция за търсене е достатъчно важно. Това улеснява посетителите ви да намерят съдържанието, което търсят, вместо да щракват тук и там в менюто за навигация.
В WordPress външният вид (оформление) на страницата с резултати от търсенето се контролира от шаблон на темата, която използвате (файлът search.php в повечето случаи). Ако оформлението по подразбиране не ви подхожда, можете да създадете персонализиран шаблон, който да го замени.
Ако нямате PHP умения, можете да използвате Elementor (или други приставки за конструктор на страници, които имат функционалност на конструктора на теми като Divi Builder et WPBakery), за да създадете персонализиран шаблон на страница с резултати от търсенето в WordPress.
За да можете да създадете шаблон на страница с резултати от търсенето с помощта на Elementor, трябва да използвате про версията на Elementor, тъй като функцията Theme Builder е достъпна само в Elementor Pro.
Как да създадете страница с резултати от търсенето с Elementor
Когато създавате персонализирана страница с резултати от търсенето с помощта на Elementor, можете да добавите всеки елемент, който ви харесва, когато създавате страница. Има над 90 елемента (наречени джаджи), които можете да добавите.
Прочетете още: Как да управлявате подаването на формуляри в Elementor
Самият Elementor предлага предварително изградени шаблони на страници с резултати от търсенето, за да рационализира работния ви процес. Или, ако имате собствена дизайнерска концепция, можете също да създадете страницата с резултати от търсенето сами.
В тази статия ще ви покажем как да създадете шаблон на страница с резултати от търсенето от нулата. Ето екранната снимка на страницата с резултати от търсенето, която искаме да създадем.
Ще използваме две секции, за да създадем горната страница с резултати от търсенето:
- Раздел 1: За да поставите заглавката (описанието на резултатите от търсенето)
- Раздел 2: За да поставите формата за търсене и резултатите от търсенето
Преди да започнете, уверете се, че сте надстроили вашата версия на Elementor до про версията, в случай че не сте. След като сте готови, отидете на Шаблони -> Конструктор на теми в таблото за управление на WordPress.
Вижте също: Как да използвам Elementor: Пълното ръководство
Щракнете върху бутона Прибавям за да създадете нов модел (или можете да кликнете върху бутона Опитай сега да опитате Elementor's Themes Builder).
Задайте типа на модела на Резултати от търсенето, дайте име на вашия модел и кликнете върху бутона СЪЗДАЙТЕ МОДЕЛ за да започнете да създавате последния.
Тъй като искаме да създадем страницата с резултати от търсенето от нулата, можете просто да затворите прозореца на библиотеката с шаблони, който се появява.
Прочетете още: Как да добавите точков ефект към колона в Elementor
Преди да започнете да добавяте приспособление, можете първо да зададете оформлението на страницата. За да направите това, щракнете върху иконата на зъбно колело от долната страна на панела за настройки (панел от лявата страна). Можете да зададете оформлението в опцията Page Layout от блока Общи настройки под раздела Настройки.
Раздел 1
Както е показано по-горе, ще използваме този раздел, за да поставим заглавката, за да покажем описанието на страницата с резултати от търсенето. Просто щракнете върху бутона плюс в полето за редактиране на Elementor, за да добавите нов раздел. Можете да изберете структурата на единичната колона. След като разделът е добавен, плъзнете джаджата към него.
Отидете до левия панел. В блока Заглавие под раздела Съдържание, щракнете върху иконата на базата данни в полето Заглавие и изберете Заглавие на архива.
След това можете да получите достъп до раздела Стил за да персонализирате заглавката. Можете да дефинирате елементи като цвят на текста, типография (семейство шрифтове, размер на шрифта, стил на шрифта и т.н.). Можете също да приложите режим на смесване и сянка на текст, ако искате.
Ако искате да зададете фона на секцията, да добавите разделител или да зададете полето, можете да щракнете върху манипулатора на секцията, за да го превключите в режим на редактиране.
Раздел 2
Щракнете върху бутона Plus за да добавите нов раздел, както направихте в раздел 1 по-горе. Можете също така да изберете структурата на единична колона. След като разделът е добавен, плъзнете приспособлението за формуляр за търсене.
След това можете да отворите панела за настройки, за да извършите настройките. В блока Форма за търсене су раздела Съдържание, можете да дефинирате кожата, заместителя, иконата, размера на иконата и т.н.
За да персонализирате формата, можете да отворите раздела Стил. Има два блока с параметри, които можете да отворите: Вход et Бутон. От блока Вход, можете да зададете типография, цвят на текста, цвят на фона, цвят на границата, размер на рамката и радиус на границата.
От блока Бътън можете да зададете цвят на текста на бутона, цвят на фона, типография, размер на иконата и ширина на бутона.
След като стилът на приспособлението за формуляр за търсене е на мястото си, можете да добавите приспособлението Archives Posts. Можете да го поставите точно под приспособлението за формуляр за търсене.
След като тази джаджа е на мястото си, отидете до левия панел. Под блока Оформление, раздел Съдържание, можете да дефинирате кожата, броя на колоните, позицията на изображението, дължината на извлечението, метаданните и т.н. ...
На блока пейджър можете да зададете типа на странирането, ограничението на страницата и подравняването.
На блока Разширено, можете да настроите съобщението да се показва, когато WordPress не може да намери предоставената заявка за търсене.
След като основните настройки на раздела Съдържание завършен, можете да превключите към раздела Стил за да персонализирате външния вид на приспособлението Archive Posts. Има 6 блока, които можете да отворите в този раздел.
- Разпределение
Можете да отворите този блок, за да дефинирате подравняването на текстовото съдържание на публикациите (заглавие на публикацията и мета). Можете също така да определите празнината между колони и редове.
- Изображение
Можете да отворите този блок, за да зададете радиус на границата на миниатюрите на публикацията. Можете също така да зададете разстоянието и да приложите CSS филтри.
- съдържание
Можете да отворите този блок, за да зададете типографията, цвета на текста и разстоянието между текстовото съдържание за публикации.
- Номериране на страници
Ако активирате пагинация, можете да отворите този блок, за да персонализирате пагинацията. Можете да зададете неща като типография, цвят на текста и интервал между числата.
- Няма намерено съобщение
Можете да отворите този блок, за да персонализирате съобщението за грешка, когато WordPress не може да намери съдържанието въз основа на предоставената заявка за търсене. Можете да определите типографията и цвета на текста на този блок.
Можете да добавите още джаджи, ако имате нужда от тях. След като приключите с редактирането на страницата, можете да щракнете върху бутона ПУБЛИКУВАЙТЕ ИЛИ АКТУАЛИЗИрайте в долната част на панела за настройки.
Ако бъдете подканени да добавите условие за показване, просто добавете такова, като щракнете върху бутона ДОБАВЕТЕ УСЛОВИЕ. Тъй като създавате страница с резултати от търсенето, задайте условието за показване на Резултати от търсенето, Кликнете върху бутона ЗАПАЗЕТЕ И ЗАКРЕТЕТЕ за да приложите промяната.
И ето ви!
Всеки уебсайт, базиран на WordPress, има уникална страница с резултати от търсенето, в зависимост от темата, използвана от уебсайта. Ако оформлението на страницата с резултати от търсенето, предлагано от използваната от вас тема, не ви изглежда привлекателно, можете да я персонализирате.
Освен ако не притежавате PHP умения, можете да използвате Elementor, за да създадете персонализирана страница с резултати от търсенето на вашия уеб сайт на WordPress. Всичко е влачене и пускане. Няма нужда да манипулирате PHP код.
Освен това, можете да използвате Elementor, за да създадете персонализиран заглавен файл, персонализиран долен колонтитул, персонализирана 404 страница и други части на вашата WordPress тема.
Вземете Elementor Pro сега!
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. WooCommerce Autoresponder
WooCommerce Autoresponder е приставка за WordPress, която ви позволява да абонирате клиентите си за вашия автоматичен отговор. Този плъгин за WordPress също показва поле за абонамент за бюлетин за лесно интегриране WooCommerce към автоматичния отговор.
Като функции ще намерите наред с други: пълна интеграция с WooCommerce, поддръжка за 9 автоматични отговори, не са необходими познания за кодиране, лесна за инсталиране и много други.
Прочетете още: MailChimp урок по френски: Пълно ръководство за създаване на информационен бюлетин
Изтегляне | демонстрация | уеб хостинг
2. WordPress Рейтинг Plugin за коментар
Това е за система за оценка на коментари. Позволява ви да позволите на потребителите да оценяват различните коментари. Те просто трябва да кликнат върху бутона за предварителен преглед и да превъртят надолу до раздела за коментари, за да видят премиум приставката WordPress в действие.
В неговите функционалности откриваме главно: лекота на използване, поддръжка за cинструменти за персонализирани икони, класиране на коментари според бележките, персонализацията на tотидете на икони, потребителска поддръжка на CSS, вIP криптиране (за европейски потребители), възможността за превод на тази приставка и повече.
Изтегляне | демонстрация | уеб хостинг
3. Карта на прогреса
Карта на напредъка е приставка за WordPress, предназначена за геолокация. Целта е да се помогне на потребителите с уебсайтове относно списъци с хотели, обяви за недвижими имоти, списъци на ресторанти, предложения за работа, съхранявайте съобщения и още ... за да организирате техните местоположения на Google Map и лесно се придвижвайте през картата с помощта на въртележка.
С други думи, с този плъгин вашите местоположения ще бъдат публикувани както на Google Map (маркери) и на въртележка. Въртележката е свързана с картата, което означава, че елементът, избран във въртележката, ще насочи своето местоположение на картата и обратно.
Обърнете внимание Как да покажете местоположението на член на вашата WP общност на Google Map
За да добавите местоположенията си, картата за напредък предоставя пространство за формуляри на страницата „Добавяне на нов елемент“, което ви позволява лесно да добавяте координатите на местоположението си.
Изтегляне | демонстрация | уеб хостинг
Други препоръчани ресурси
Също така ви каним да се консултирате с ресурсите по-долу, за да отидете по-далеч в управлението на вашия уебсайт и блог.
- 9 WordPress плъгини за изпращане на имейли чрез SMTP
- 7 WordPress плъгини, за да вградите Google Карти на уебсайта си
- Как да настроите многосайтова мрежа в WordPress
- Как да добавяте мета раздели в публикации и страници
Заключение
Ето го ! Това е всичко за този урок. Надяваме се, че ще ви покаже как да създадете страница с резултати от търсенето с Elementor. Бихме искали да чуем вашите мисли по темата в раздел коментари.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...