10 étiquettes de modèles WordPress que vous ne connaissez peut-être pas

WordPress est livré avec une abondance de Tags Template depuis sa création. Ces balises Template dans WordPress sont des fonctions PHP qui peuvent être utilisées pour afficher et extraire un élément de données .

Si vous avez développé un thème WordPress, vous connaissez peut-être certaines de ces balises Template, telles que the_title qui affiche le titre du message, the_author qui affiche le nom de l'auteur du message et le lien du post.

WordPress continue d'évoluer. Chaque nouvelle version introduit souvent quelques nouvelles balises Template. Tant et si bien que le fait de suivre toutes ces balises Template - anciennes ou nouvelles - peut être assez difficile. Jetez un coup d'œil sur ces 20 balises que vous avez peut-être oubliées.

Capital P

WordPress, selon leur ligne directrice et standard, doit être écrit avec le capital P c'est à dire que WordPress est un non non; la bonne façon est de l'épeler comme WordPress .

La capitale "P" est une question d'une telle importance que Matt Mullenweg (fondateur de WordPress) l'a inclus dans sa résolution en 2009. La fonction capital_p_dangit() est introduite dans le cadre de l'initiative.

Depuis : 3.0.0

 // L'utiliser directement $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Tout texte WordPress est retourné avec la majuscule P. // Ou, en l'utilisant dans un filtre WordPress. add_filter ("the_excerpt", function ($ text) {return captial_p_dangit ($ text);}); 

Logo personnalisé

En 4.5, WordPress introduit la possibilité de télécharger un logo pour les thèmes via le Customizer. Cette nouvelle fonctionnalité nécessite un support de thème: en ajoutant add_theme_support( 'site-logo' ), le logo apparaîtra dans le Customizer.

Cette fonctionnalité conduit à l'utilisation de quelques nouvelles balises de modèle qui peuvent gérer la sortie d'image de logo sur les thèmes, à savoir: has_custom_logo(), get_custom_logo() et the_custom_logo() .

Depuis : 4.5.0

 // 1. La sortie inclut le logo de l'image et le lien vers la maison. the_custom_logo (); // 2. Obtenez la sortie "logo" du logo personnalisé. $ logo = get_custom_logo (); // 3. Conditionnel if (has_custom_logo ()) {$ logo = get_custom_logo (); } // 4. Utilisation du 'get_custom_logo' pour envelopper le logo avec un div; add_filter ("get_custom_logo", fonction ($ html) {return ''. $ html. '';}); 

URL de l'image miniature

WordPress a un utilitaire natif intégré depuis longtemps pour ajouter une image miniature ou une image en vedette. La the_post_thumbnail() Template, the_post_thumbnail(), affiche la balise d'image avec ses attributs.

Mais que se passe-t-il si vous souhaitez afficher la vignette de l'image en arrière-plan via CSS? Utilisez l'étiquette de modèle, get_the_post_thumbnail_url() .

Depuis : 4.4.0

Exemple :

Générer un nombre aléatoire

Cette balise vous donnera un nombre aléatoire basé sur une plage spécifiée. WordPress utilise cette fonction en interne pour générer un mot de passe aléatoire. Vous pouvez probablement l'utiliser pour générer un numéro de coupon aléatoire pour votre site WooCommerce.

Depuis : 2.6.2

Exemple :

 // Génère un nombre de 1 à 200 $ rand_number = wp_rand (1, 200); // la sortie ne sera pas inférieure à 0 ou 201 ci-dessus. 

Commentaires Pagination

La plupart des thèmes utilisent actuellement the_comments_navigation() qui donnera le type de lien de navigation "Next" et "Prev". Si vous souhaitez afficher une navigation numérotée (pagination), remplacez la balise par the_comments_pagination() place.

Gardez à l'esprit que la balise Template n'est disponible que dans WordPress 4.4.0. Assurez-vous de lancer une vérification avant de le déployer.

Depuis : 4.4.0

Exemple :

 'ol', 'short_ping' => true, 'avatar_size' => 42, )); ?> 

Raccourcir l'URL

Cette balise Template raccourcira une longueur d'URL. Et une telle URL très longue ne va pas entrer dans une nouvelle ligne dans le contenu du corps. Il y a 2 options que vous pouvez prendre: ajouter overflow-wrap: break-word; dans votre CSS, ou couper la longueur de l'URL avec la url_shorten() Template url_shorten() .

Depuis : 1.2.0

Exemple :

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

Ajouter des scripts en ligne

Nous avons toujours utilisé le wp_enqueue_script pour enregistrer, charger un script et ses dépendances. Le chargement d'un script interne n'était cependant pas très simple, jusqu'à ce que cette wp_add_inline_script Template, wp_add_inline_script soit introduite.

L'ajout d'un script en ligne nécessite un script mis en file d'attente connu auquel il sera joint. Ce gestionnaire est transmis en tant que premier paramètre du script similaire à la fonction wp_localize_script() . Le deuxième paramètre devrait passer le contenu du script. Les troisièmes paramètres spécifient si l'inline doit être sorti 'before' ou 'after'.

Depuis : 4.5.0

Exemple :

 function 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 = {}', 'avant'); } add_action ('wp_enqueue_scripts', 'enqueue_script'); // Sortie: // // 

Dropdown Language

Le wp_dropdown_languages Template wp_dropdown_languages affichera une option HTML montrant une liste de langues dans votre site WordPress. Vous trouverez cette balise utile si vous devez localiser votre site Web. Vous pouvez l'utiliser pour afficher vos options de langue dans l'écran de l' éditeur d'utilisateurs ou dans la page d'accueil de votre site pour permettre aux utilisateurs de sélectionner leur langue préférée.

Exemple :

 wp_dropdown_languages ​​(array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages ​​(), 'translations' => array ('id_ID', 'ja'), // Indonésie, et le Japon 'sélectionné' => 'en_US', 'show_available_translations' => false, )); 

Obtenir l'URL de l'image Avatar

Comme son nom l'indique, cette get_avatar_url() Template, get_avatar_url(), récupérera le chemin de l'image de l'avatar de l'utilisateur. Il vous permet d'afficher et de façonner l'avatar comme vous le souhaitez, au lieu de simplement l'afficher via l'image HTML.

Depuis : 4.2.0

Exemple :

 $ avatar = get_avatar_url ('[email protected]'); 

Obtenir le thème

Cette fonction récupère un objet contenant des informations sur le thème actuellement actif. Ces informations incluent le thème Slug, le nom, la version, le domaine de texte, l'auteur, etc.

Dans l'extrait de code suivant, nous l'utilisons pour récupérer la version et la transmettre en tant que version de script.

Depuis : 3.4.0

Exemple :

 $ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Nom')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 function load_scripts () {wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditionnel', 'IE IE 9'); } add_action ('wp_enqueue_scripts', 'load_scripts'); 

35 applications Android utiles pour les utilisateurs avec pouvoir (2017)

Android, avec tout son charme de conception et la facilité d'utilisation, est l'une des plates-formes les plus puissantes pour les appareils mobiles. Cependant, afin d'utiliser votre appareil Android à son plein potentiel, vous avez besoin du bon type d'applications .Certaines applications permettent à votre appareil Android de gagner en puissance et en rapidité, d' activer de nouvelles fonctionnalités et de lui donner un aspect et une convivialité personnalisés comme vous le souhaitez.Très b

(Conseils techniques et de conception)

Post-processeurs CSS pour les débutants: conseils et ressources

Le pré-traitement CSS est un concept que la plupart des développeurs Web ont déjà appris ou lu. Nous avons couvert en détail le prétraitement CSS pour aider les développeurs à se familiariser avec cette technologie répandue. Mais qu'en est-il des post-processeurs ?Ces outils relativement nouveaux sont similaires en ce sens qu'ils affectent le flux de travail de développement web, mais ils opèrent de l' autre côté du développement CSS ( développement "post").Dans ce post,

(Conseils techniques et de conception)