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.

Project NEON Update voor Windows 10 heeft een prachtig nieuw ontwerp

Project NEON Update voor Windows 10 heeft een prachtig nieuw ontwerp

Windows 10 krijgt binnen het jaar enkele grafische verbeteringen, omdat Microsoft een UI-update heeft laten zien tijdens het Windows Developer Day-evenement dat het bedrijf Project NEON noemt.Naar verwachting zal het live gaan met de release van de "Redstone 3" -update van Windows 10, de volgende grote update na de Creators Update, Project NEON bouwt voort op Microsoft Design Language 2 (MDL2)

(Technische en ontwerptips)

Vital CSS - een minimaal invasief webraamwerk

Vital CSS - een minimaal invasief webraamwerk

Verplaats over Bootstrap want er is een nieuw CSS-framework in de stad. Het wordt Vital genoemd en het ontdoet de ontwikkeling van de frontend tot het essentiële .Vital wordt geleverd met alleen CSS en heeft nul JavaScript-bibliotheken of afhankelijkheden . En de Vital.css-stylesheet is slechts 31 KB verkleind, inclusief pictogramlettertypen.

(Technische en ontwerptips)