Aanmaken van gebeurtenissen in WordPress Inleiding

WordPress is niet alleen een blogplatform, maar kan ook worden gebruikt om complexe webtoepassingen voor vele doeleinden te ontwikkelen. WordPress biedt verschillende API's, waardoor we ons verder kunnen ontwikkelen op basis van API's.

We kunnen WordPress uitbreiden om aan onze behoeften te voldoen met behulp van de Plugins API. Met deze krachtige API kunnen we oplossingen ontwikkelen die voldoen aan onze behoeften voor bijna eindeloze scenario's; daarom, om meester in WordPress te worden, moet het eenmaal zijn API's beheersen.

In deze serie zullen we zowel de WordPress Plugins API als Widget API bekijken en hoe we deze kunnen gebruiken om oplossingen te ontwikkelen die specifiek zijn voor onze behoeften..

Wat we aan het maken zijn

In de loop van deze driedelige serie zullen we een WordPress-plug-in van de grond af opbouwen. Deze plug-in toont een lijst met aankomende evenementen aan de voorkant om gebruikers te laten weten wat er daarna komt. De beheerder kan informatie over nieuwe evenementen publiceren en kan deze bewerken of verwijderen.

Er is een gezegde:

Niet plannen is mislukken.

We zullen elk detail en aspect van onze plug-in plannen voordat we beginnen met het schrijven van code. Op deze manier gaan we verduidelijken wat we gaan doen en hoe we gaan het doen. We zullen er ook voor zorgen dat we alle benodigde middelen hebben die we later zullen gebruiken voordat we beginnen met het schrijven van onze code.

We beginnen met het registreren van een aangepast berichttype voor onze evenementen. Dit zal het voor ons gemakkelijker maken om dingen efficiënt te beheren. Dat aangepaste berichttype bevat:

• een titelveld
• een beschrijvingsveld
• veld voor de afgebeelde afbeelding

Naast deze standaardvelden zullen we ook drie aangepaste metavelden opnemen voor:

• startdatum van het evenement
• einddatum van het evenement
• evenement locatie

Voor de begindatum van het evenement en de einddatum van het evenement zullen we jQuery UI datumkiezer in ons post dashboard opnemen.

De bovenstaande drie aangepaste velden zullen hun waarden opslaan in post-meta en we zullen onze evenementen aan de voorkant onderzoeken op basis van deze aangepaste velden met behulp van de meta-query.

Als het gaat om aangepaste berichttypen, geeft WordPress alleen kolommen weer voor de titel, auteur en publicatiedatum van het bericht op het scherm voor nabewerking, maar we zijn niet beperkt tot dat. We zullen aangepaste kolommen toevoegen voor startdatum van het evenement, einddatum en de locatie van het evenement voor een betere toegankelijkheid van de gebruiker.

Ten slotte is het met betrekking tot de front-end geschikt om een ​​widget te maken die een lijst weergeeft van alle evenementen die in de nabije toekomst zijn gepland. Met de krachtige widget-API coderen we onze aangepaste widget die we kunnen toevoegen in ons zij- of voettekstgebied.

De fundering leggen

Laten we beginnen met het maken van de standaard directory / bestandsstructuur. Navigeer naar dewp-content / plugins map en maak een nieuwe map met de naam aankomende evenementen. Maak daarbinnen meer mappen aan voor:

• css
• js
• img

Maak ook de volgende PHP-bestanden:

• index.php
• aankomende-events.php

Zoals je misschien hebt gemerkt, hebben we een extra gemaakt aankomende-events.php bestand naast de standaard index.php het dossier. We zullen al onze code in de. Schrijven aankomende-events.php het dossier. Het is een goede gewoonte om een index.php bestand in uw assets-directory's en blokkeert iedereen die probeert de inhoud van de directory in de browser te achterhalen.

We zullen creëren style.css en script.js bestanden binnen de css en js mappen respectievelijk.

Binnen in de index.php bestand, voeg de volgende code toe:

 
Hier plaatsen we alleen een tijdelijke aanduiding in de index.php.
 
Binnen in de aankomende-events.php bestand, voeg de volgende plugin-melding toe:
 
 
Nadat we klaar zijn met de basis bestandsstructuur, zullen we doorgaan met het verzamelen van de benodigde middelen die we nodig hebben in onze plug-in. Een van deze items is de stylesheet voor jQuery UI-datepicker. WordPress gebruikt standaard de kern van jQuery en jQuery UI op alle pagina's in het dashboard. We hoeven alleen de stijlen voor de datepicker-widget op te nemen.
 
Om dit te doen, navigeert u in uw browser naar http://jqueryui.com en:
 
 
Klik op Aangepaste download knop aan de rechterkant
 
Schakel op de volgende pagina het selectievakje uit Alles schakelen checkbox onder de Components titel. Hiermee vink je alle selectievakjes uit
 
Blader omlaag naar de widgets sectie en controleer de Datumkiezer checkbox
 
Selecteer onder aan de pagina het kleurthema van uw keuze uit de Thema's sectie. We zullen de standaard gebruiken UI Lightness thema voor onze tutorial
 
Klik op de downloadknop om het aangepaste pakket te downloaden
 
 
Pak het gedownloade pakket uit en kopieer de inhoud van css / ui-lichtheid naar aankomende-events / css directory.
 
What's Up Next?
 
Dat is alles over plannen. In de volgende aflevering van de serie beginnen we met het schrijven van onze code.
 
Wij zullen:
 
 
registreer aangepast berichttype voor evenement
 
voeg metaboxen toe aan het bewerkingsscherm voor evenementen
 
voeg de nodige stijlen en scripts toe aan onze beheerder
 
neem jQuery UI-datumkiezer op om evenementendata in te voeren
 
voeg aangepaste beheerderskolommen toe aan het scherm "Alle evenementen"
 
 
Blijf op de hoogte voor het volgende artikel in de serie.



		
			
	   
	




Code