10 balises de modèles WordPress que vous ignorez peut-être
WordPress est livré avec une abondance de balises de modèles depuis sa création. Ces balises de modèle dans WordPress sont des fonctions PHP qui peuvent être utilisées pour sortie aussi bien que récupérer une donnée.
Si vous avez développé un thème WordPress, vous connaissez peut-être certaines de ces balises de modèle, telles que le titre
qui montre le titre du post, l'auteur
qui montre le nom de l'auteur du message, et le lien du message.
WordPress continue d'évoluer. Chaque nouvelle version introduit souvent quelques nouvelles balises de modèles. À tel point que le suivi de toutes ces balises de modèles - anciennes ou nouvelles - peut être assez difficile. Découvrez les 20 balises de modèle que vous avez peut-être oubliées.
Capital P
WordPress, selon leur ligne directrice et norme, doit être écrit avec la lettre majuscule, c'est-à-dire que WordPress est un non non; la bonne façon est de l'épeler comme WordPress.
La capitale “P” est un problème tellement important que Matt Mullenweg (fondateur de WordPress) l’a inclus dans sa résolution de 2009. Le capital_p_dangit ()
la fonction est introduite dans le cadre de l'initiative.
Puisque: 3.0.0
// Utilisation directe $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Tout texte WordPress est tourné avec une majuscule P. // Ou, l'utiliser dans un filtre WordPress. add_filter ("the_excerpt", function ($ text) return captial_p_dangit ($ text););
Logo personnalisé
Dans la version 4.5, WordPress a 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 ('logo du site')
, le logo apparaîtra dans le Customizer.
Cette fonctionnalité conduit à l’utilisation de quelques nouvelles balises de modèle pouvant gérer la sortie de l’image du logo sur les thèmes, à savoir: has_custom_logo ()
, get_custom_logo ()
, et the_custom_logo ()
.
Puisque: 4.5.0
// 1. La sortie inclut le logo de l'image et le lien retour à la maison. the_custom_logo (); // 2. Obtenez la sortie de logo personnalisé "chaîne". $ logo = get_custom_logo (); // 3. Conditionnel if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Utiliser 'get_custom_logo' pour envelopper le logo avec un div; add_filter ("get_custom_logo", function ($ html) return ''. $ html. '';);
URL de l'image miniature
WordPress dispose d'un utilitaire natif intégré depuis longtemps pour ajouter une image miniature ou une image sélectionnée. L'étiquette de modèle, the_post_thumbnail ()
, montre la balise d'image avec leurs attributs.
Mais que se passe-t-il si vous souhaitez plutôt afficher la vignette de l'image en tant qu'arrière-plan via CSS? Utilisez la balise de modèle, get_the_post_thumbnail_url ()
.
Puisque: 4.4.0
Exemple:
Générer un nombre aléatoire
Cette balise de modèle 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..
Puisque: 2.6.2
Exemple:
// Génère un nombre compris entre 1 et 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 le the_comments_navigation ()
qui donnera la “Suivant” et “Prev” type de lien de navigation. Si vous souhaitez afficher une navigation numérotée (pagination), remplacez la balise par the_comments_pagination ()
au lieu.
Gardez à l'esprit que le modèle de balise n'est disponible que dans WordPress 4.4.0 à partir de maintenant. Assurez-vous de vérifier avant de le déployer.
Puisque: 4.4.0
Exemple:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
Raccourcir l'URL
Cette balise de modèle raccourcira une longueur d'URL. Et une URL aussi longue ne pénètrera pas dans une nouvelle ligne dans le contenu du corps. Vous pouvez prendre 2 options: ajouter débordement: mot-pause;
dans votre CSS, ou couper la longueur de l'URL avec le url_shorten ()
Tag de modèle.
Puisque: 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 vous inscrire, chargez un script et ses dépendances. Chargement d'un script interne Cependant, ce n’était pas tout à fait simple, jusqu’à ce que ce, wp_add_inline_script
est introduit.
L'ajout d'un script en ligne nécessite un script en file d'attente connu auquel il sera associé. Ce gestionnaire est passé en tant que premier paramètre du script similaire au wp_localize_script ()
une fonction. Le second paramètre doit transmettre le contenu du script. Les troisièmes paramètres spécifient si l'inline doit être sorti 'avant' ou 'après' .
Puisque: 4.5.0
Exemple:
fonction 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'); // Sortie: // //
Langue du menu déroulant
le wp_dropdown_languages
Template Tag générera une option HTML montrant une liste de langues dans votre site WordPress. Vous trouverez cette balise de modèle utile si vous devez localiser votre site Web. Vous pouvez l’utiliser pour afficher vos options de langue dans Éditeur utilisateur écran ou dans le front-end de votre site pour permettre aux utilisateurs de choisir leur langue de préférence.
Puisque: 4.0.0
Exemple:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', 'ja'), // Indonésie et au Japon 'selected' => 'en_US', 'show_available_translations' => false,));
Obtenir l'URL de l'image de l'avatar
Comme son nom l'indique, cette balise de modèle, get_avatar_url ()
, récupérera le chemin de l'image de l'avatar de l'utilisateur. Il vous permet d'afficher et de mouler l'avatar comme bon vous semble, au lieu de simplement l'afficher via la balise HTML image.
Puisque: 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, Nom, Version, Domaine de texte, Auteur, etc..
Dans l'extrait de code suivant, nous l'utilisons pour récupérer la version et la transmettre en tant que version du script..
Puisque: 3.4.0
Exemple:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // vingt-seize ans define ('THEME_NAME', $ theme-> get ('Nom')); // Vingt seize définit ('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', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');