Opis
Za pomocą wtyczki SearchWP Modal Search Form łatwo zintegrujesz ze swoją witryną w WordPressie przystępny i lekki modalny formularz wyszukiwania! SearchWP Modal Search Form nie wymaga wtyczki SearchWP, ale korzysta z niej, jeśli jest zainstalowana i włączona. 👍
Oprócz informacji podanych w tym pliku README
jest również dostępna pełna dokumentacja.
Na czym polega różnica w stosunku do innych formularzy modalnych?
Twórcom wtyczki SearchWP Modal Search Form chodziło o to, aby ułatwić wdrażanie dostępnych i lekkich modalnych formularzy wyszukiwania, a także – i ten aspekt być może był jeszcze ważniejszy – zapewnić znakomite wrażenia deweloperom (i użytkownikom).
Wtyczka SearchWP Modal Search Form bezpośrednio integruje się z WordPressem w sposób, w jaki z niego korzystasz, a domyślny motyw formularza modalnego wykorzystuje style określone przez aktywny motyw, co do minimum ogranicza narzut. Wbudowany jest również pełny program do wczytywania szablonów, dzięki któremu możesz w pełni dostosować wtyczkę SearchWP Modal Search Form przy minimalnym wysiłku.
Zapoznaj się z domyślnym szablonem, aby się przekonać, jak łatwo można go dostosować 🤓
Dodawanie formularzy modalnych do witryny
Wtyczka SearchWP Modal Search Form ułatwia wdrażanie modalnych formularzy wyszukiwania w dowolnym miejscu witryny w WordPressie. Są w niej dostępne następujące wbudowane metody:
- Jako pozycję menu
- Przy użyciu krótkiego kodu
- Jako blok Gutenberga
- W ramach szablonów w sposób programowy
Dostosowywanie szablonów
Z wtyczką SearchWP Modal Search Form zintegrowano odpowiedni program wczytujący, który umożliwia wyświetlenie formularzy wyszukiwania w dowolnej liczbie szablonów, a tym samym – pełne dostosowanie wyglądu formularza modalnego w każdym szablonie.
Najprostszy sposób na utworzenie własnego szablonu jest następujący:
- Utwórz w swoim motywie katalog o nazwie
searchwp-modal-form
- Utwórz w tym katalogu plik o nazwie
template.php
(lub o dowolnej nazwie kończącej się na.php
) - Skopiuj do tego pliku zawartość domyślnego szablonu
- Dostosuj wartość
SearchWP Modal Form Name
w bloku komentarza nagłówka - Wprowadź ewentualne inne dostosowania znaczników/stylu, zwracając uwagę na dokumentację
Istnieją zdarzenia (jQuery) uruchamiane podczas otwierania i zamykania formularzy modalnych. Biblioteka jQuery nie jest komponentem wymaganym, ale jeśli jest wczytana, zdarzenia będą się uruchamiać.
// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
// Focus an input in the template.
e.el.find('input').focus();
});
// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
alert('Modal closed!');
});
Aby uzyskać bardziej szczegółowe informacje, zapoznaj się z pełną dokumentacją szablonów.
Zrzuty ekranu
SearchWP Modal Search Form przystosowuje się do aktywnego motywu SearchWP Modal Search Form przystosowuje się do aktywnego motywu SearchWP Modal Search Form przystosowuje się do aktywnego motywu Wstawianie wyzwalaczy formularzy modalnych bezpośrednio w menu Wstawianie wyzwalaczy formularzy modalnych jako bloków Gutenberga
Bloki
Wtyczka dodaje 1 blok.
- Modal Form
Instalacja
SearchWP Modal Search Form instaluje się tak jak wszystkie wtyczki do WordPressa. Możesz zainstalować tę wtyczkę za pomocą pozycji Wtyczki > Dodaj nową
dostępnej w menu administratora po zalogowaniu się do kokpitu WordPressa, wyszukując SearchWP Modal Search Form
.
Ewentualnie możesz też zainstalować wtyczkę ręcznie:
- Pobierz wtyczkę i rozpakuj pliki
- Prześlij katalog
searchwp-modal-form
do katalogu~/wp-content/plugins/
- Włącz wtyczkę za pośrednictwem menu „Wtyczki” w WordPressie
- Dodaj jeden lub więcej formularzy modalnych przy użyciu dostępnych metod
Najczęściej zadawane pytania
-
Dokumentacja?
-
Oczywiście! Zobacz pełną dokumentację
-
Jak dodać formularz modalny do mojej witryny?
-
Istnieje wiele sposobów na dodawanie do witryny wyzwalaczy formularzy modalnych. Możesz dodać dowolną ich liczbę w dowolnym miejscu:
- Jako pozycję menu
- Przy użyciu krótkiego kodu
- Jako blok Gutenberga
- W ramach szablonów w sposób programowy
-
Jak dostosować formularz modalny?
-
Aby uzyskać szczegółowe informacje, zapoznaj się z pełną dokumentacją szablonów.
Recenzje
Kontrybutorzy i deweloperzy
„SearchWP Modal Search Form” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.
ZaangażowaniWtyczka „SearchWP Modal Search Form” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.
Przetłumacz wtyczkę “SearchWP Modal Search Form” na swój język.
Interesuje cię rozwój wtyczki?
Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.
Rejestr zmian
0.5.3
– Naprawiono błąd wywołania niezdefiniowanej metody występujący w niektórych motywach.
0.5.2
– Poprawiono powiadomienia o wycofaniu w PHP 8.2.
– Poprawiono domyślną semantykę tagów HTML szablonów.
– Naprawiono błąd występujący podczas dodawania do strony bloku Gutenberga z formularzem modalnym.
– Zmieniono wygląd strony ustawień i strukturę menu, aby zapewnić płynną współpracę z aktualną wersją wtyczki SearchWP.
0.5.1
– Dodano system powiadomień wtyczki, aby umożliwić otrzymywanie najnowszych aktualizacji z wtyczki SearchWP.
0.5.0
– Dodano nową stronę administratora Ustawienia, aby umożliwić łatwiejsze kontrolowanie sposobu działania wtyczki.
0.4.1
– Zgodność z PHP 8
0.4.0
– Rozwiązano problem z kodowaniem znaków występujący w niektórych przypadkach
– Zaktualizowano zależności
– Zaktualizowano bundler i powiązane polecenia NPM
0.3.4
– Naprawiono błąd występujący podczas korzystania z wtyczki SearchWP 4
0.3.3
– Naprawiono błąd występujący w niektórych przypadkach począwszy od wersji 0.3.2
0.3.2
– Zgodność z wtyczką SearchWP 4.0 (gdy będzie dostępna)
– Rozwiązano problem z danymi wyjściowymi pozycji menu w formacie HTML
0.3.1
– Usunięto dodawanie nieużywanych arkuszy stylów do kolejki
– Zaktualizowano zależności
0.3
– Zaktualizowano zależności
– Dodano zdarzenia jQuery związane z otwieraniem i zamykaniem formularzy modalnych
0.2.3
– Naprawiono regresję wprowadzoną w wersji 0.2.2, która uniemożliwiała wyszukiwanie za pomocą klawisza Enter
0.2.2
– Rozwiązano problem z niedziałaniem wyzwalacza formularza modalnego w niektórych przypadkach
0.2.1
– Naprawiono błąd krytyczny kontekstu $this
0.2
– Dodano obsługę argumentu class
– Rozwiązano problem z typem button
0.1
Pierwsze wydanie