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


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.

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

Niantic rolt nieuwe beveiligingsmaatregelen uit voor Pokémon Go;  Bedriegers in de armen

Niantic rolt nieuwe beveiligingsmaatregelen uit voor Pokémon Go; Bedriegers in de armen

Vreemdgaan en botten in Pokémon Go komt vrij vaak voor, waarbij velen vertrouwen op software van derden om hun locaties te spoofen en het spel te automatiseren om levels te winnen. De reactie van Niantic op valsspelen is tot dusver relatief tam geweest, maar dat is vrijdag veranderd, toen de cheaters ontdekten dat Niantic de beveiligingsfuncties van de Pokémon Go-servers stilletjes heeft bijgewerkt .H

(Technische en ontwerptips)

Hoe SVG-animatie te maken met behulp van CSS

Hoe SVG-animatie te maken met behulp van CSS

Het animeren van SVG kan worden gedaan via inheemse elementen zoals en . Maar voor degenen die meer vertrouwd zijn met CSS-animaties, maak je geen zorgen, we kunnen ook CSS-animatie-eigenschappen gebruiken voor geanimeerde SVG's.CSS-animatie kan ook een alternatieve manier zijn om JavaScript-bibliotheken zoals SnapSVG te gebruiken

(Technische en ontwerptips)