nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Hoe aangepaste WordPress-sjabloontags te maken

Het bouwen van een WordPress-thema is zo eenvoudig met sjabloontags . U kunt the_title() toevoegen om de the_title() of paginatitel weer te geven en u kunt the_content() gebruiken om de inhoud van berichten of pagina's weer te geven. Er zijn veel meer sjabloontags in WordPress die we kunnen gebruiken om andere dingen weer te geven .

Maar als het gaat om het weergeven van alleen bepaalde dingen in uw thema, wilt u misschien uw eigen sjabloon-tag maken . In de tutorial van vandaag gaan we je door dit niet al te ingewikkelde proces leiden. Laten we beginnen met de grondbeginselen.

Basis sjabloontag

Als je de WordPress Core-bronnen bekijkt, zul je zien dat een sjabloontag eigenlijk een PHP-functie is die een reeks codes met een aantal parameters uitvoert .

Om uw eigen sjabloontag te maken, kunt u bijvoorbeeld een PHP-functie schrijven in functions.php binnen uw themadirectory.

 function my_template_tag () {echo 'Dit is mijn sjabloon'; } 

In uw andere themabestanden, bijvoorbeeld single.php of page.php, kunt u de functie toevoegen, zoals dat het geval is.

Hierdoor wordt het 'Dit is mijn sjabloon' weergegeven in de functie my_template_tag() .

Het maken van een WordPress-sjabloon is echt zo eenvoudig. Oké, laten we nu eens naar een iets meer geavanceerd voorbeeld kijken.

Paginaweergave tellen sjabloontag

In dit voorbeeld gaan we een sjabloon maken die het aantal weergaven voor elk bericht en elke pagina zal weergeven.

Installeer en activeer eerst WordPress.com Stat in Jetpack . En zorg ervoor dat u Jetpack heeft verbonden met WordPress.com. De reden dat we WordPress.com Stat gebruiken, is dat de View- gegevens worden opgeslagen in WordPress.com in plaats van in onze eigen database. Dit kan onze serverbelasting besparen.

Maak een functie in uw functions.php met de naam the_view(), zoals zo:

 function the_view () {} 

We plaatsen de functie (de sjabloon-tag) in een pagina of post, dus we moeten de pagina ophalen en het ID-nummer plaatsen. Dit kan worden opgehaald met get_the_ID(); .

 function the_view () {$ id = get_the_ID (); } 

We kunnen dan een functie gebruiken om het aantal views van WordPress.com Stats op te halen met behulp van stats_get_csv(); . Deze functie accepteert verschillende parameters (vind de volledige lijst hier).

In ons geval moeten we de days, die het tijdbereik van het aantal weergaven en de post_id .

 function the_view () {$ id = get_the_ID (); $ page_view = stats_get_csv ('postviews', 'days = -1 & post_id ='. $ id. ''); } 

Omdat we in de bovenstaande code de parameter days instellen op -1, halen we het aantal weergaven van de opgegeven bericht-ID op van het begin af, vanaf het moment dat de plug-in WordPress.com Stat is geactiveerd.

Zodra we het nummer hebben, moeten we het als volgt herhalen.

 function the_view () {$ id = get_the_ID (); $ page_view = stats_get_csv ('postviews', 'days = -1 & post_id ='. $ id. ''); echo $ page_view [0] ['views']; } 

Dat is alles, onze nieuwe sjabloon-tag voor het weergeven van het aantal pagina's is klaar. Jij kan overal in page.php of single.php. Bijvoorbeeld:

Als u vragen heeft, kunt u deze in het gedeelte 'Opmerkingen' hieronder plaatsen.

Wat is nieuw in Android Nougat 7.1.1

Wat is nieuw in Android Nougat 7.1.1

Pixel- en Nexus-gebruikers nemen er nota van dat Google de Android Nougat 7.1.1-update heeft uitgebracht. Daarmee komen nieuwe emoji's en twee nieuwe verbeteringen van levenskwaliteit.Als onderdeel van het standpunt van Google over gendergelijkheid, bevat Nougat 7.1.1 een reeks nieuwe emoji's die 'de cruciale rollen van vrouwen in de wereld weerspiegelen'

(Technische en ontwerptips)

Beginnershandleiding voor CSS3

Beginnershandleiding voor CSS3

Dit artikel maakt deel uit van onze "HTML5 / CSS3 Tutorials-serie" - speciaal bedoeld om u een betere ontwerper en / of ontwikkelaar te maken. Klik hier om meer artikelen uit dezelfde serie te zien. Sinds de aankondiging van in 2005 is de ontwikkeling van het niveau 3 van Cascading Style Sheet of beter bekend als CSS3 nauwlettend in de gaten gehouden en gecontroleerd door vele ontwerpers en ontwikkelaars

(Technische en ontwerptips)