Czy chcesz dowiedzieć się, jak zbudować stronę wyników wyszukiwania za pomocą Elementora?
Niezależnie od tego, czy masz osobistego bloga, witrynę eCommerce, czy dużą witrynę z wieloma użytkownikami, dodanie funkcji wyszukiwania jest wystarczająco ważne. Ułatwia odwiedzającym znalezienie treści, której szukają, zamiast klikania tu i tam w menu nawigacyjnym.
W WordPress wygląd (układ) strony wyników wyszukiwania jest kontrolowany przez szablon w używanym motywie (plik search.php w większości przypadków). Jeśli domyślny układ Ci nie odpowiada, możesz utworzyć niestandardowy szablon, aby go zastąpić.
Jeśli nie masz umiejętności PHP, możesz użyć Elementor (lub inne wtyczki do tworzenia stron, które mają funkcje tworzenia motywów, takie jak Divi Builder et WPBakery), aby utworzyć niestandardowy szablon strony wyników wyszukiwania w WordPress.
Aby móc utworzyć szablon strony wyników wyszukiwania za pomocą Elementora, musisz użyć wersji pro Elementora, ponieważ funkcja Theme Builder jest dostępna tylko w Elementor Pro.
Jak utworzyć stronę wyników wyszukiwania za pomocą Elementora
Kiedy tworzysz niestandardową stronę wyników wyszukiwania za pomocą Elementora, możesz dodać dowolny element, który Ci się podoba podczas tworzenia strony. Istnieje ponad 90 elementów (zwanych widżetami), które możesz dodać.
Czytaj także: Jak zarządzać przesyłaniem formularzy w Elementorze
Sam elementor oferuje gotowe szablony stron wyników wyszukiwania, aby usprawnić przepływ pracy. Lub, jeśli masz własną koncepcję projektu, możesz również samodzielnie utworzyć stronę wyników wyszukiwania.
W tym artykule pokażemy, jak utworzyć od podstaw szablon strony wyników wyszukiwania. Oto zrzut ekranu strony wyników wyszukiwania, którą chcemy utworzyć.
Do utworzenia powyższej strony wyników wyszukiwania użyjemy dwóch sekcji:
- Sekcja 1: Aby umieścić nagłówek (opis wyników wyszukiwania)
- Sekcja 2: Aby umieścić formularz wyszukiwania i wyniki wyszukiwania
Zanim zaczniesz, upewnij się, że zaktualizowałeś swoją wersję Elementora do wersji pro na wypadek, gdybyś tego nie zrobił. Gdy będziesz gotowy, przejdź do Szablony -> Kreator motywów na pulpicie WordPress.
Zobacz także: Jak korzystać z Elementora: Kompletny przewodnik
Kliknij przycisk Dodaj dniu aby stworzyć nowy szablon (możesz też kliknąć przycisk Spróbuj teraz wypróbować Kreatora motywów Elementora).
Ustaw typ modelu na Wyniki wyszukiwania, nadaj swojemu modelowi nazwę i kliknij przycisk STWÓRZ MODEL zacząć tworzyć to drugie.
Ponieważ chcemy utworzyć stronę wyników wyszukiwania od podstaw, możesz po prostu zamknąć wyświetlone okno biblioteki szablonów.
Czytaj także: Jak dodać efekt punktowy do kolumny w Elementorze
Zanim zaczniesz dodawać widżet, możesz najpierw ustawić układ strony. Aby to zrobić, kliknij ikonę koła zębatego w dolnej części panelu ustawień (panel po lewej stronie). Możesz ustawić układ w opcja Układ strony z bloku Ustawienia ogólne pod zakładką Ustawienia.
Sekcja 1
Jak pokazano powyżej, użyjemy tej sekcji, aby umieścić nagłówek, aby wyświetlić opis strony wyników wyszukiwania. Wystarczy kliknąć przycisk plusa w polu edycji Elementora, aby dodać nową sekcję. Możesz wybrać strukturę jednokolumnową. Po dodaniu sekcji przeciągnij do niej widżet Tytuł.
Przejdź do lewego panelu. W bloku Tytuł pod zakładką Zawartość, kliknij ikonę bazy danych w polu Tytuł i wybierz Tytuł archiwum.
Następnie możesz uzyskać dostęp do zakładki Styl aby dostosować nagłówek. Możesz ustawić takie rzeczy, jak kolor tekstu, typografia (rodzina czcionek, rozmiar czcionki, styl czcionki itp.). Możesz także zastosować tryb mieszania i cień tekstu, jeśli chcesz.
Jeśli chcesz ustawić tło sekcji, dodać separator lub ustawić margines, możesz kliknąć uchwyt sekcji, aby przełączyć ją w tryb edycji.
Sekcja 2
Kliknij przycisk Plus aby dodać nową sekcję, tak jak w sekcji 1 powyżej. Możesz także wybrać strukturę jednokolumnową. Po dodaniu sekcji przeciągnij widżet Formularz wyszukiwania.
Następnie możesz uzyskać dostęp do panelu ustawień, aby wprowadzić ustawienia. W bloku Formularz wyszukiwania sous zakładka Treść, możesz zdefiniować skórkę, symbol zastępczy, ikonę, rozmiar ikony itp ...
Aby dostosować formularz, możesz otworzyć zakładkę Styl. Istnieją dwa bloki parametrów, które możesz otworzyć: Wkład et Przycisk. Z bloku Wejście, możesz ustawić typografię, kolor tekstu, kolor tła, kolor obramowania, rozmiar obramowania i promień obramowania.
Z bloku Przycisk, możesz ustawić kolor tekstu przycisku, kolor tła, typografię, rozmiar ikony i szerokość przycisku.
Po ustawieniu stylu widżetu Formularz wyszukiwania możesz dodać widżet postów w archiwum. Możesz umieścić go bezpośrednio pod widżetem Formularz wyszukiwania.
Po umieszczeniu tego widżetu przejdź do lewego panelu. Pod blokiem Układ, patka Zawartość, możesz zdefiniować skórkę, liczbę kolumn, pozycję obrazu, długość ekstraktu, metadane itp ...
W bloku Paging, możesz ustawić typ paginacji, limit strony i wyrównanie.
W bloku Zaawansowane, możesz ustawić komunikat, aby wyświetlał się, gdy WordPress nie może znaleźć podanego zapytania wyszukiwania.
Po podstawowych ustawieniach zakładki Treść zakończone, możesz przejść do zakładki Styl aby dostosować wygląd widżetu postów archiwalnych. Na tej karcie możesz otworzyć 6 bloków.
- układ
Możesz otworzyć ten blok, aby zdefiniować wyrównanie treści tekstowej postów (tytuł postu i meta). Możesz także zdefiniować odstęp między kolumnami i wierszami.
- Obraz
Możesz otworzyć ten blok, aby ustawić promień obramowania miniatur postów. Możesz także ustawić odstępy i zastosować filtry CSS.
- Treść
Możesz otworzyć ten blok, aby ustawić typografię, kolor tekstu i odstępy w treści tekstu dla postów.
- Paginacja
Jeśli włączysz paginację, możesz otworzyć ten blok, aby dostosować paginację. Możesz ustawić takie rzeczy, jak typografia, kolor tekstu i odstępy między liczbami.
- Nic nie znaleziono wiadomości
Możesz otworzyć ten blok, aby dostosować komunikat o błędzie, gdy WordPress nie może znaleźć treści na podstawie podanego zapytania wyszukiwania. Możesz zdefiniować typografię i kolor tekstu w tym bloku.
Jeśli potrzebujesz, możesz dodać więcej widżetów. Po zakończeniu edycji strony możesz kliknąć przycisk OPUBLIKUJ LUB AKTUALIZUJ u dołu panelu ustawień.
Jeśli zostaniesz poproszony o dodanie warunku wyświetlania, po prostu dodaj go, klikając przycisk DODAJ WARUNEK. Ponieważ tworzysz stronę wyników wyszukiwania, ustaw warunek wyświetlania na wyniki wyszukiwania, Kliknij przycisk ZAPISZ I ZAMKNIJ zastosować zmianę.
I proszę bardzo!
Każda witryna oparta na WordPressie ma unikalną stronę wyników wyszukiwania, w zależności od motywu używanego przez witrynę. Jeśli układ strony wyników wyszukiwania oferowany przez motyw, którego używasz, nie jest dla Ciebie atrakcyjny, możesz go dostosować.
Jeśli nie masz umiejętności PHP, możesz użyć Elementora, aby utworzyć niestandardową stronę wyników wyszukiwania w swojej witrynie WordPress. Wszystko jest przeciągane i upuszczane. Nie ma potrzeby manipulowania kodem PHP.
Poza tym możesz również użyć Elementora do tworzenia niestandardowych nagłówków, niestandardowej stopki, niestandardowej strony 404 i innych części swojego WordPress.
Pobierz Elementor Pro teraz!
Odkryj także niektóre wtyczki premium WordPress
Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.
Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.
1. Autoresponder WooCommerce
Autoresponder WooCommerce to WordPress Plugin co pozwala zapisać klientów do autorespondera. Ten WordPress Plugin wyświetla również pole subskrypcji biuletynu w celu łatwej integracji WooCommerce do autorespondera.
Jako funkcje znajdziesz między innymi: pełną integrację z WooCommerce, obsługę 9 automatycznych odpowiedzi, brak znajomości kodowania, łatwość instalacji i wiele więcej.
Czytaj także: Tutorial MailChimp w języku francuskim: kompletny przewodnik do stworzenia newslettera
2. WordPress Comment Plugin Ocena
To jest o system oceny komentarzy. Pozwala użytkownikom oceniać różne komentarze. Wystarczy kliknąć przycisk podglądu i przewinąć w dół do sekcji komentarzy, aby zobaczyć WordPress Plugin premia w akcji.
W jego cechach odnajdujemy przede wszystkim: łatwość obsługi, wsparcie dla cniestandardowe narzędzia ikon, komentarze w rankingu zgodnie z notatkami personalizacja tidź ikony, niestandardowe wsparcie CSS, cSzyfrowanie IP (dla użytkowników europejskich), możliwość przetłumaczenia tej wtyczki i więcej.
3. Mapa postępu
Mapa postępu to wtyczka WordPress zaprojektowana do geolokalizacji. Celem jest pomoc użytkownikom stron internetowych dotyczących ofert hoteli, reklamy nieruchomości, listy restauracji, oferty pracy, zapowiedzi sklepów i nie tylko ... aby uporządkować swoje lokalizacje Google Map i łatwo poruszaj się po mapie za pomocą karuzeli.
Innymi słowy, dzięki tej wtyczce Twoje lokalizacje zostaną opublikowane w obu Google Map (markery) i na karuzeli. Karuzela jest połączona z mapą, co oznacza, że element wybrany w karuzeli będzie wskazywał swoje położenie na mapie i odwrotnie.
Spójrz na Jak wyświetlić lokalizację członka społeczności WP na mapie Google
Aby dodać lokalizacje, Mapa postępu udostępnia obszar formularza na stronie „Dodaj nowy element”, umożliwiając łatwe dodawanie współrzędnych lokalizacji.
Inne zalecane zasoby
Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.
- Wtyczki 9 WordPress do wysyłania wiadomości e-mail przez SMTP
- Wtyczki 7 WordPress do osadzania Map Google w Twojej witrynie
- Jak skonfigurować sieć wielostanowiskową na WordPress
- Jak dodawać sekcje meta do postów i stron
Wnioski
Tutaj jest ! To wszystko w tym samouczku. Mamy nadzieję, że pokazuje, jak utworzyć stronę wyników wyszukiwania za pomocą Elementora. Chcielibyśmy poznać Twoje przemyślenia na ten temat w sekcja komentarzy.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
