10 WordPress sjabloontags die u misschien niet kent
WordPress wordt vanaf het begin geleverd met een overvloed aan sjabloontags. Deze sjabloontags in WordPress zijn PHP-functies die kunnen worden gebruikt uitgang net zoals een stuk gegevens ophalen.
Als u een WordPress-thema hebt ontwikkeld, bent u wellicht bekend met enkele van deze sjabloontags, zoals de titel
die de berichttitel toont, de auteur
met de naam van de auteur van het bericht en de link van het bericht.
WordPress blijft evolueren. Elke nieuwe release introduceert vaak een paar nieuwe sjabloontags. Zo veel zelfs dat het bijhouden van al deze sjabloontags - oud of nieuw - vrij uitdagend kan zijn. Bekijk de 20 sjabloontags die u mogelijk over het hoofd heeft gezien.
Hoofdstad P
WordPress, volgens hun richtlijnen en normen, moet worden geschreven met de hoofdletter P, d.w.z. WordPress is een nee; de juiste manier is om het te spellen als WordPress.
De hoofdstad “P” is een kwestie met zoveel belang in de mate dat Matt Mullenweg (oprichter van WordPress) het in zijn resolutie al in 2009 heeft opgenomen. capital_p_dangit ()
functie wordt geïntroduceerd als onderdeel van het initiatief.
Sinds: 3.0.0
// Gebruik het eenvoudig $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Elke WordPress-tekst wordt omgezet met hoofdletter P. // Of gebruikt in een WordPress-filter. add_filter ("the_excerpt", functie ($ tekst) return captial_p_dangit ($ text););
Aangepast logo
In 4.5 introduceerde WordPress de mogelijkheid om een logo voor thema's te uploaden via de Customizer. Voor deze nieuwe functie is ondersteuning van het thema vereist: door toe te voegen add_theme_support ('site-logo')
, het logo verschijnt in de Customizer.
Deze functie leidt tot het gebruik van een paar nieuwe sjabloontags die de uitvoer van logo-afbeeldingen op thema's kunnen verwerken, namelijk: has_custom_logo ()
, get_custom_logo ()
, en the_custom_logo ()
.
Sinds: 4.5.0
// 1. De uitvoer omvat het afbeeldingslogo en de koppeling naar huis. the_custom_logo (); // 2. Haal de aangepaste logo-uitvoer "string". $ logo = get_custom_logo (); // 3. Voorwaardelijke if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Gebruik het 'get_custom_logo' om het logo in te pakken met een div; add_filter ("get_custom_logo", functie ($ html) return ''. $ html. '';);
Thumbnail Image URL
WordPress heeft een lang geïntegreerd, native hulpprogramma om een miniatuurafbeelding of aanbevolen afbeelding toe te voegen. De sjabloontag, the_post_thumbnail ()
, toont de afbeeldingstag samen met hun attributen.
Maar wat als u in plaats daarvan de beeldminiatuur als achtergrond via CSS wilt weergeven? Gebruik de sjabloontag, get_the_post_thumbnail_url ()
.
Sinds: 4.4.0
Voorbeeld:
Genereer willekeurig nummer
Deze sjabloontag geeft u een willekeurig getal op basis van een opgegeven bereik. WordPress gebruikt deze functie intern om een willekeurig wachtwoord te genereren. U kunt het waarschijnlijk gebruiken om een willekeurig couponnummer voor uw WooCommerce-site te genereren.
Sinds: 2.6.2
Voorbeeld:
// Genereer een getal van 1 tot 200 $ rand_number = wp_rand (1, 200); // uitvoer zal niet lager zijn dan 0 of 201 hierboven.
Opmerkingen Paginering
De meeste thema's gebruiken momenteel de the_comments_navigation ()
welke de “volgende” en “Vorige” type navigatielink. Als u een genummerde navigatie (paginering) wilt weergeven, vervangt u de tag door the_comments_pagination ()
in plaats daarvan.
Houd er rekening mee dat de sjabloontag alleen beschikbaar is in WordPress 4.4.0 en hoger. Zorg ervoor dat u een vinkje maakt voordat u het in gebruik neemt.
Sinds: 4.4.0
Voorbeeld:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
Verkort URL
Deze sjabloontag verkort de lengte van een URL. En zo'n zeer lange URL zal niet inbreken in een nieuwe regel binnen de inhoud van het lichaam. Er zijn 2 opties die u kunt nemen: toevoegen overflow-wrap: breekwoord;
in uw CSS, of kort de lengte van de URL in met de url_shorten ()
Sjabloonlabel.
Sinds: 1.2.0
Voorbeeld:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // b.v. www.hongkiat.com/blog/css... echo ''. $ url_text. '';
Inline scripts toevoegen
We hebben altijd het wp_enqueue_script
om te registreren, een script en de afhankelijkheden ervan te laden. Een intern script laden was echter niet helemaal duidelijk, tot deze sjabloontag, wp_add_inline_script
is voorgesteld.
Het toevoegen van een inline script vereist een bekend, aanhoudend script waaraan het zal worden gehecht. Deze handler wordt doorgegeven als de eerste parameter van het script die lijkt op de wp_localize_script ()
functie. De tweede parameter moet de inhoud van het script doorgeven. De derde parameters specificeren of de inline moet worden uitgevoerd 'voor' of 'na' .
Sinds: 4.5.0
Voorbeeld:
functie enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ('jQuery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'before'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Uitvoer: // //
Dropdown-taal
De wp_dropdown_languages
Sjabloontoets zal een HTML-optie uitvoeren met een lijst met talen op uw WordPress-site. U zult deze sjabloontag handig vinden als u uw website moet lokaliseren. U kunt het gebruiken om uw taalopties weer te geven in de Gebruikerseditor scherm of in de front-end van uw site zodat gebruikers hun taalvoorkeur kunnen selecteren.
Sinds: 4.0.0
Voorbeeld:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', 'ja'), // Indonesië en Japan 'selected' => 'en_US', 'show_available_translations' => false,));
Download de Avatar afbeeldings-URL
Zoals de naam al doet vermoeden, deze sjabloontag, get_avatar_url ()
, zal het beeldpad van de avatar van de gebruiker ophalen. Hiermee kun je de avatar op elke gewenste manier weergeven en vormgeven, in plaats van hem gewoon weer te geven via de HTML-afbeeldingstag.
Sinds: 4.2.0
Voorbeeld:
$ avatar = get_avatar_url ('[email protected]');
Verkrijg thema
Met deze functie wordt een object opgehaald met informatie over het momenteel actieve thema. Deze informatie omvat het thema Slug, Naam, Versie, Tekstdomein, Auteur, enz.
In het volgende codefragment gebruiken we het om de versie op te halen en door te geven als de scriptversie.
Sinds: 3.4.0
Voorbeeld:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 functie load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jQuery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');