10 WordPress-sjabloonlabels die u misschien niet kent

WordPress wordt sinds het begin met een overvloed aan sjabloontags verzonden. Deze sjabloontags in WordPress zijn PHP-functies die kunnen worden gebruikt voor het uitvoeren en ophalen van een gegeven .

Als u een WordPress-thema hebt ontwikkeld, bent u wellicht bekend met enkele van deze sjabloontags, zoals de titel van de the_author 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 standaard, moet worden geschreven met de hoofdletter P, dwz WordPress is een nee nee; de juiste manier is om het te spellen als WordPress .

De hoofdletter "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. De functie capital_p_dangit() 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. Deze nieuwe functie vereist ondersteuning voor thema's: door add_theme_support( 'site-logo' ) toe te voegen, verschijnt het logo in de Customizer.

Deze functie leidt tot het gebruik van enkele nieuwe sjabloontags die de uitvoer van logo-afbeeldingen op thema's kunnen verwerken, namelijk: has_custom_logo(), get_custom_logo() en the_custom_logo() .

Aangezien : 4.5.0

 // 1. Uitvoer bevat het afbeeldingslogo en de koppeling naar huis. the_custom_logo (); // 2. Haal de aangepaste logo-uitvoer "string". $ logo = get_custom_logo (); // 3. Voorwaardelijk 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 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() die de navigatielink "Volgende" en "Vorige" geeft. Als u een genummerde navigatie (paginering) wilt weergeven, vervangt u de tag door the_comments_pagination() .

Houd er rekening mee dat de sjabloontag alleen in WordPress 4.4.0 beschikbaar is. Zorg ervoor dat u een vinkje zet 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: voeg overflow-wrap: break-word; in uw CSS, of url_shorten() de lengte van de URL in met de url_shorten() Template Tag.

Sinds : 1.2.0

Voorbeeld :

 $ link = get_the_permalink (); $ url_text = url_shorten ($ link); // eg www.hongkiat.com/blog/css ... echo ' '. $ url_text. ' '; 

Voeg inlinescripts toe

We hebben altijd het wp_enqueue_script om te registreren, een script en de afhankelijkheden ervan te laden. Het laden van een intern script was echter niet helemaal rechttoe rechtaan, totdat deze sjabloontag, wp_add_inline_script, wp_add_inline_script geïntroduceerd.

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 functie wp_localize_script() . De tweede parameter moet de inhoud van het script doorgeven. De derde parameters specificeren of de inline moet worden uitgevoerd 'before' of 'after'.

Aangezien : 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'); // Output: // // 

Dropdown-taal

De sjabloontoets wp_dropdown_languages een HTML-optie 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 het scherm Gebruikerseditor of in de frontend van uw site zodat gebruikers hun taalvoorkeur kunnen selecteren.

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, haalt deze sjabloontag, get_avatar_url(), het get_avatar_url() van de avatar van de gebruiker op. Hiermee kunt u de avatar op elke gewenste manier weergeven en vormgeven, in plaats van deze 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, etc.

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'); 

Leer uw kinderen om te coderen met Tynker

Omdat technologie tegenwoordig zo vaak voorkomt en er om de dag nieuwe programmeertalen worden gelanceerd, is het geen verrassing dat sommige ouders ernaar streven hun kinderen al op jonge leeftijd te laten programmeren.De mensen bij Apple zijn zich er waarschijnlijk van bewust dat programmeurs cruciaal zijn in deze door technologie aangedreven wereld

(Technische en ontwerptips)

Showcase van 40 dikke en prachtige geïllustreerde websites

Illustraties voegen karakter en levendigheid toe aan uw site. Kleuren, karikaturen en creativiteit die worden omgezet in vetgedrukte illustraties kunnen de indruk van een gebruiker van uw website wijzigen en natuurlijk uw bezoekers op verschillende manieren beïnvloeden. Illustraties kunnen uw website ook echt uniek maken en u kunt het gebruiken als een platform om uw persoonlijke branding te lanceren .

(Technische en ontwerptips)