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.

45 beste HD-games voor iOS en Android voor 2017

45 beste HD-games voor iOS en Android voor 2017

Na het ontkoppelen van je nieuwe smartphone en het tevreden zijn van je ogen op zijn glorie, wil je waarschijnlijk het potentieel ervan testen met een paar zware grafische spellen. Smartphones zijn tegenwoordig zelfs beter dan de meeste draagbare consoles, dus je kunt verbazingwekkende spellen verwachten met realistische grafische afbeeldingen in de app stores

(Technische en ontwerptips)

Het Scooter Framework van Dropbox maakt Sass-ontwikkeling nog eenvoudiger

Het Scooter Framework van Dropbox maakt Sass-ontwikkeling nog eenvoudiger

We weten allemaal over CSS-frameworks en de kracht die ze ontwikkelaars bieden. Maar hoe zit het met SCSS-frameworks die aansluiten op de Sass-workflow ?Er zijn niet veel van deze frameworks maar Scooter is een leuke uitzondering. Het wordt onderhouden door de mensen van Dropbox en het werkt net als een frontend UI-framework, maar met een waarschuwing: het is allemaal gebouwd op SCSS

(Technische en ontwerptips)