Beschrijving
Gebruik SearchWP Modal Search Form om eenvoudig een toegankelijk, lichtgewicht modal zoekformulier in je WordPress site te integreren! SearchWP Modal Search Form vereist SearchWP niet maar het zal SearchWP gebruiken als het is geïnstalleerd en geactiveerd! 👍
Naast de informatie die in dit README
is beschikbaar gesteld, is er ook volledige documentatie beschikbaar.
Wat maakt het anders dan andere modals?
De filosofie achter SearchWP Modal Search Form is om het gemakkelijk te maken toegankelijke en lichte modal zoekformulieren te implementeren, maar misschien nog belangrijker om het een geweldige ontwikkelaar (en gebruiker) ervaring te maken.
SearchWP Modal Search Form integreert direct met WordPress op de manier zoals je het gebruikt, en het standaard modale formulierthema bouwt voort op de stijlen die door je actieve thema zijn ingesteld, waardoor de overhead zo klein mogelijk is. Er is ook een volledige template lader ingebouwd, waardoor je je SearchWP Modal Search Form met minimale moeite volledig kunt aanpassen.
Bekijk de standaard template voor een voorbeeld van hoe gemakkelijk het is om aan te passen 🤓
Modal formulieren toevoegen aan je site
SearchWP Modal Search Form maakt het gemakkelijk om modal zoekformulieren overal in je WordPress site te implementeren. De volgende methoden zijn ingebouwd en beschikbaar voor je:
- Als een menu-item
- Met een shortcode
- Als een Gutenberg blok
- Binnen je templates programmeerbaar
Template aanpassing
SearchWP Modal Search Form integreert een juiste template loader voor het weergeven van zoekformulieren in een aantal templates, waardoor je volledig kunt aanpassen hoe de modal eruitziet per template.
De meest eenvoudige manier om een aangepaste template te maken is als volgt:
- Maak een map genaamd
searchwp-modal-form
binnen je thema - Maak een bestand binnen die map genaamd
template.php
(of een andere naam eindigend op.php
) - Kopieer de inhoud van de standaard template in dat bestand
- Pas de
SearchWP Modal Form Name
waarde aan in het header reactie blok - Breng alle andere aanpassingen die je wil aan, aan de mark-up/stijl en let gelijktijdig op de documentatie
Er zijn (jQuery) gebeurtenissen die plaatsvinden wanneer modals worden geopend en gesloten. jQuery is geen vereiste, maar als jQuery is geladen, zullen de gebeurtenissen plaatsvinden.
// 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!');
});
Bekijk de volledige template documentatie voor meer gedetailleerde informatie.
Schermafdrukken
Blokken
Deze plugin heeft 1 blok.
- Modal Form
Installatie
SearchWP Modal Search Form wordt geĂŻnstalleerd zoals alle WordPress plugins. Je kunt deze plugin installeren met behulp van de Plugins > Nieuwe toevoegen
optie in het beheer menu wanneer je bent ingelogd op je WordPress dashboard en zoekt naar SearchWP Modal Search Form
.
Je kunt de plugin ook handmatig installeren:
- Download de plugin en pak de bestanden uit
- Upload de
searchwp-modal-form
map naar je~/wp-content/plugins/
folder - Activeer de plugin via het ‘Plugins’ menu in WordPress
- Voeg een of meer modal formulieren toe met behulp van de beschikbare methoden
FAQ
-
Documentatie?
-
Natuurlijk! Bekijk volledige documentatie
-
Hoe voeg ik een modal formulier toe aan mijn site?
-
Er zijn meerdere manieren om modal form triggers aan je site toe te voegen. Je kunt er zoveel toevoegen als je wilt, waar je maar wil:
- Als een menu-item
- Met een shortcode
- Als een Gutenberg blok
- Binnen je templates programmeerbaar
-
Hoe pas ik de modal aan?
-
Bekijk de volledige template documentatie voor gedetailleerde informatie.
Beoordelingen
Bijdragers & ontwikkelaars
“SearchWP Modal Search Form” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers“SearchWP Modal Search Form” is vertaald in 1 locale. Dank voor de vertalers voor hun bijdragen.
Vertaal “SearchWP Modal Search Form” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
0.5.5
– Fixes settings page appearance and menu structure when SearchWP Live Search is active.
0.5.4
– Fixes Settings link location in the plugins list when SearchWP is activated.
– Fixes Modal breaks emojis in menu items.
0.5.3
– Oplossingen “Call to undefined method” fout die op sommige thema’s verschijnt.
0.5.2
– Lost verouderd meldingen op in PHP 8.2.
– Verbetert de semantiek van HTML tags in de standaard template.
– Lost de fout op bij het toevoegen van een modal formulier Gutenberg blok aan de pagina.
– Verandert de weergave van de instellingenpagina en de menu structuur om naadloos te werken met de huidige versie van SearchWP.
0.5.1
– Voegt in-plugin meldingssysteem toe om de nieuwste updates van SearchWP te krijgen.
0.5.0
– Voegt nieuwe instellingen beheer pagina toe om het gedrag van de plugin eenvoudiger te beheersen.
0.4.1
– PHP 8 compatibiliteit
0.4.0
– Lost probleem op met karaktercodering in sommige gevallen
– Updatet afhankelijkheden
– Updatet bundler en bijbehorende NPM commando’s
0.3.4
– Oplossingen voor fout bij gebruik van SearchWP 4
0.3.3
– Lost een fout op in sommige gevallen geĂŻntroduceerd in 0.3.2
0.3.2
– SearchWP 4.0 compatibiliteit (wanneer beschikbaar)
– Lost een probleem op met HTML uitvoer van menu items
0.3.1
– Verwijdert ongebruikte stylesheet wachtrij
– Updatet afhankelijkheden
0.3
– Updaten van afhankelijkheden
– Voegt jQuery evenementen toe wanneer modals openen en sluiten
0.2.3
– Oplossingen voor regressie geĂŻntroduceerd in 0.2.2 die zoeken met Enter toets verhinderde
0.2.2
– Lost een probleem op met modal trigger die in sommige gevallen niet werkte
0.2.1
– Oplossing voor $this
context fatale fout
0.2
– Voegt ondersteuning toe voor class
argument
– Lost probleem op met knop
type
0.1
Initiële release