// create a styled button function ContactButton($params, $content = null) { extract(shortcode_atts(array( 'url' => '/contact-us', 'type' => 'style1' ), $params)); return '<a href="' . $url . '" >' . ucwords($content) . '</a>'; } add_shortcode('button','ContactButton');Lorsque le code suivant est rencontré en page ou en publication:
[button]contact us today[/button]Il sera traduit en:
<a href="/contact-us" >Contact Us Today</a>Le travail de l'éditeur est rendu beaucoup plus facile et ils n'ont pas à s'inquiéter de l'apprentissage du HTML. Regardons un autre exemple qui crée une simple bo?te de callout:
// callout box function CalloutBox($params, $content = null) { extract(shortcode_atts(array( 'type' => 'style1' ), $params)); return '<aside >' . $content . '</aside>'; } add_shortcode('callout','CalloutBox');Mais que se passe-t-il si notre éditeur veut insérer un bouton à l'intérieur de sa bo?te de callout?…
[callout]For more information [button]contact us today[/button][/callout]Dans l'état actuel des choses, le code actuel échouera. La fonction Calloutbox est appelée d'abord mais le [bouton] intérieur ne sera pas traduit en conséquence. La fonction clé pour résoudre le problème est DO_ShortCode () - il applique le filtre de raccourci de WordPress à n'importe quel contenu. Dans ce cas, nous voulons permettre à l'éditeur d'ajouter un [bouton] dans notre [Calout] afin que nous modifions modifier l'instruction RETOUR de Calloutbox en conséquence:
return '<aside >' . do_shortcode($content) . '</aside>';Le code imbriqué ci-dessus fonctionnera désormais comme prévu. Cependant, l'éditeur ne serait pas autorisé à nicher un [callout] dans un [bouton]. C'est une flexibilité comme celle-ci qui fait de WordPress une joie à utiliser - la version 3.3 est maintenant disponible.
Les questions fréquemment posées sur les shortcodes imbriqués WordPress
Que sont les shortcodes imbriqués dans WordPress?
Les codes shorts imbriqués dans WordPress sont essentiellement des codes à short dans les codes short. Ils vous permettent d'utiliser un shortcode comme attribut ou dans la zone de contenu d'un autre raccourci. Cela peut être particulièrement utile lorsque vous souhaitez créer des structures ou des fonctionnalités de contenu complexes sur votre site WordPress sans avoir à écrire un code HTML ou PHP étendu.
Comment créer un shortcode imbriqué dans WordPress?
Pour créer un raccourci imbriqué dans WordPress, vous devez d'abord définir vos raccourcis parents et enfants dans le fichier functions.php de votre thème ou dans un plugin personnalisé. Le shortcode parent doit avoir un attribut qui peut accepter la sortie du raccourci enfant. Le raccourci enfant doit renvoyer sa sortie au lieu de l'imprimer directement. De cette fa?on, la sortie peut être transmise au shortcode parent.
Pourquoi mes shortcodes imbriqués ne fonctionnent-ils pas?
Il pourrait y avoir plusieurs raisons pour lesquelles vos shortcodes imbriqués ne fonctionnent pas. Une raison courante est que le shortcode enfant imprime directement sa sortie au lieu de le retourner. Une autre raison pourrait être que le shortcode parent n'est pas correctement configuré pour accepter la sortie du shortcode enfant. Il est également possible qu'il y ait un conflit avec un autre plugin ou thème.
Puis-je utiliser un shortcode dans un attribut de shortcode?
Oui, vous pouvez utiliser un shortcode dans un attribut de shortcode. Cependant, cela nécessite une configuration spécifique dans vos fonctions de shortcode. La fonction de shortcode parent doit utiliser la fonction do_shortcode sur l'attribut qui contiendra le shortcode imbriqué.
Comment puis-je déboguer mes shortcodes imbriqués?
Le débogage des raccourcis imbriqués peut être effectué en vérifiant la sortie de chaque shortcode séparément. Vous pouvez également utiliser divers outils de débogage disponibles pour WordPress, tels que le plugin Debug Bar, qui peut fournir des informations utiles sur les shortcodes.
Puis-je nicher le même shortcode en lui-même?
Oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, oui, Il est possible de nicher le même shortcode en lui-même, créant un shortcode récursif. Cependant, cela devrait être fait avec prudence car cela peut potentiellement entra?ner des boucles infinies si elle n'est pas correctement contr?lée.
y a-t-il des limites à l'utilisation de shortcodes imbriqués?
Alors que les shortcodes imbriqués peuvent fournir beaucoup de liens La flexibilité, ils peuvent également rendre votre code plus complexe et plus difficile à maintenir. Il est également important de noter que tous les thèmes ou plugins ne peuvent pas prendre en charge les shortcodes imbriqués.
Puis-je utiliser des shortcodes imbriqués avec n'importe quel thème WordPress?
Oui, vous pouvez utiliser des shortcodes imbriqués avec n'importe quel thème WordPress. Cependant, la fonctionnalité spécifique des shortcodes dépendra des fonctions définies dans votre thème ou vos plugins.
Comment puis-je styliser la sortie de mes shortcodes imbriqués?
La sortie de vos shortcodes imbriqués peut-être Soyez stylé à l'aide de CSS. Vous pouvez ajouter des classes personnalisées à la sortie de votre shortcode, puis utiliser ces classes dans votre CSS pour appliquer les styles souhaités.
Puis-je utiliser des codes shorts imbriqués dans mes messages et pages?
Oui, vous pouvez Utilisez les shortcodes imbriqués dans vos messages et pages. Vous pouvez également les utiliser dans des widgets, tant que votre thème ou vos plugins prennent en charge les codes de widgets.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Lorsque vous gérez des projets WordPress avec GIT, vous ne devez inclure que des thèmes, des plugins personnalisés et des fichiers de configuration dans le contr?le de version; configurer des fichiers .gitignore pour ignorer les répertoires de téléchargement, les caches et les configurations sensibles; Utilisez des outils Webhooks ou CI pour réaliser un déploiement automatique et faire attention au traitement de la base de données; Utilisez des politiques à deux branches (principale / développement) pour le développement collaboratif. Cela peut éviter les conflits, assurer la sécurité et améliorer l'efficacité de la collaboration et du déploiement.

Utilisez les environnements de test WordPress pour assurer la sécurité et la compatibilité de nouvelles fonctionnalités, plug-ins ou thèmes avant d'être officiellement lancés et éviter d'affecter de vrais sites Web. Les étapes pour créer un environnement de test comprennent: le téléchargement et l'installation de logiciels de serveur local (tels que localwp, xAMPP), la création d'un site, la configuration d'une base de données et un compte administrateur, l'installation de thèmes et de plug-ins pour les tests; La méthode de copie d'un site Web formel dans un environnement de test consiste à exporter le site via le plug-in, à importer l'environnement de test et à remplacer le nom de domaine; Lorsque vous l'utilisez, vous devez faire attention à ne pas utiliser de données utilisateur réelles, à nettoyer régulièrement des données inutiles, à sauvegarder l'état du test, à réinitialiser l'environnement dans le temps et à unifier la configuration de l'équipe pour réduire les différences.

La clé pour créer un bloc Gutenberg est de comprendre sa structure de base et de connecter correctement les ressources avant et arrière. 1. Préparez l'environnement de développement: installez WordPress local, Node.js et @ wordpress / scripts; 2. Utilisez PHP pour enregistrer les blocs et définir la logique d'édition et d'affichage des blocs avec JavaScript; 3. Créer des fichiers JS via NPM pour que les modifications prennent effet; 4. Vérifiez si le chemin et les ic?nes sont corrects lors de la rencontre avec des problèmes ou utilisez une écoute en temps réel pour éviter la compilation manuelle répétée. Après ces étapes, un simple bloc Gutenberg peut être implémenté étape par étape.

Dans WordPress, lors de l'ajout d'un type d'article personnalisé ou de la modification de la structure de liaison fixe, vous devez rafra?chir manuellement les règles de réécriture. à l'heure actuelle, vous pouvez appeler la fonction flush_rewrite_rules () via le code pour l'implémenter. 1. Cette fonction peut être ajoutée au thème ou au crochet d'activation du thème ou du plug-in pour actualiser automatiquement; 2. Exécuter une seule fois lorsque cela est nécessaire, comme l'ajout de CPT, la taxonomie ou la modification de la structure de liaison; 3. évitez les appels fréquents pour éviter d'affecter les performances; 4. Dans un environnement multi-sites, actualisez chaque site séparément le cas échéant; 5. Certains environnements d'hébergement peuvent restreindre le stockage des règles. De plus, cliquer sur Enregistrer pour accéder à la page "Paramètres> Links épinglés" peut également déclencher une actualisation, adaptée aux scénarios non automatiques.

TosetupredirectSinwordPressusingthe.htaccessfile, locatethefileinyoursite’srootDirectoryandAdlecrectulesabovethe # BeginwordPressSection.

Pour implémenter la conception de thème WordPress réactive, utilisez d'abord des balises META HTML5 et Mobile-First, ajoutez des paramètres de la fenêtre dans Enditer.php pour vous assurer que le terminal mobile est affiché correctement et organiser la mise en page avec des balises de structure HTML5; Deuxièmement, utilisez la requête multimédia CSS pour réaliser l'adaptation de style sous différentes largeurs d'écran, les styles d'écriture en fonction du principe mobile d'abord, et les points d'arrêt couramment utilisés incluent 480px, 768px et 1024px; Troisièmement, traitez élastiquement les images et les dispositions, définissez la largeur maximale: 100% pour l'image et utilisez la disposition Flexbox ou Grid au lieu de la largeur fixe; Enfin, testez complètement les outils de développeur de navigateur et les appareils réels, optimiser les performances de chargement et assurer la réponse

UsingsmtpforwordPressEmailSimproveSDeliverability andreliabilitycompatedTotheDefaultPhpmail () function.1.smtpauthenticateswithyouremailServer, réducingspamplacement.2

TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS, SuivreSestesteps: 1.SelectasuitableAPiANDObtainCredentialSlikePikeySoroAuthTokensByregisterring et greepingthemSecure.2.choosebetweenpluginsforsimplicity orfistomcodeusingfunctionslise wp_reMote_get () pour le flexibilité.
