Block Supports est un mécanisme de l'éditeur de Gutenberg qui contr?le les fonctionnalités de bloc et le support de style. Il permet l'activation unifiée ou la désactivation de caractéristiques de blocs spécifiques telles que la couleur, l'espacement, l'alignement, etc. via le fichier thème.json. Par exemple, la prise en charge des couleurs et de l'espacement peut être activée pour les blocs de paragraphes dans theme.json pour obtenir des spécifications de conception cohérentes globalement. Les fonctionnalités prises en charge comprennent la couleur, la typographie, l'espacement, la mise en page et d'autres options telles que les liens d'ancrage et les balises de titre. Lorsque vous l'utilisez, assurez-vous que le thème.json se charge correctement et faites attention à la compatibilité des versions et à l'exactitude de la syntaxe pour éviter les paramètres ou les erreurs non valides.
Lorsque vous utilisez l'éditeur Gutenberg, vous pouvez constater que certains styles ou fonctionnalités de bloc n'apparaissent pas comme prévu. En fait, Gutenberg fournit un module fonctionnel appelé "supports de blocs", qui peut vous aider à activer ou à désactiver certaines fonctionnalités de support de bloc dans l'éditeur, telles que l'espacement, la couleur, l'alignement, etc. Il est principalement destiné aux développeurs de thèmes, mais il peut également être utile de conna?tre ces paramètres si vous êtes un utilisateur électrique ou si vous souhaitez personnaliser l'apparence de votre site Web.
Que sont les supports de blocs?
Block Supports est un mécanisme de Gutenberg qui vous permet de définir les blocs devraient prendre en charge les fonctions dans le fichier theme.json
du thème. Vous pouvez contr?ler le comportement et le style des blocs sur tout le site sans avoir à les régler séparément pour chaque bloc. Cela améliore non seulement l'efficacité, mais maintient également la cohérence de la conception.
Par exemple, vous pouvez décider si tous les blocs de paragraphe peuvent être définis la couleur d'arrière-plan ou si un bloc est autorisé à être complètement aligné.
Comment activer les supports de blocs dans le thème.json
Pour utiliser les supports de blocs dans votre thème, vous devez d'abord créer ou modifier le fichier theme.json
dans le répertoire de thème. Ce fichier est utilisé pour configurer divers styles et comportements de Gutenberg.
Dans ce fichier, vous pouvez définir les fonctions prises en charge par le bloc via le champ supports
. Voici un exemple simple:
{ "Version": 2, "paramètres": { "blocs": { "Core / Paragraphe": { "supports": { "couleur": { "Contexte": vrai, "Texte": vrai }, "Espacement": { "marge": vrai, "rembourrage": vrai } } } } } }
Dans cet exemple, nous avons permis la prise en charge de la couleur (texte et fond) et de l'espacement (marges externes et intérieures) du bloc de paragraphe.
Quelles sont les fonctionnalités des supports de bloc commun?
Les paramètres des supports de bloc commun comprennent:
- Prise en charge des couleurs : comprend la couleur du texte et la couleur d'arrière-plan.
- Support de composition : taille de police, hauteur de ligne, espacement des lettres, etc.
- Support d'espacement : marge extérieure, marge intérieure.
- Prise en charge de la disposition : alignement, paramètre de largeur.
- Autres fonctions : telles que les liens d'ancrage, la sélection de balises de titre, etc.
Vous pouvez définir ces fonctions pour différents blocs en fonction de vos besoins. Par exemple, si vous souhaitez que tous les blocs de bouton prennent en charge les couleurs d'arrière-plan, vous pouvez écrire ceci:
"Core / Button": { "supports": { "couleur": { "Contexte": vrai } } }
Bien s?r, certaines fonctions peuvent également être complètement désactivées pour éviter que la mauvaise opération des utilisateurs affectant le style global.
Notes et FAQ
Il y a plusieurs choses à noter lors de l'utilisation de supports de blocs:
- Assurez-vous que votre thème a le fichier
theme.json
correctement chargé. - Le support de
theme.json
dans différentes versions de Gutenberg et WordPress peut être légèrement différent. Il est recommandé de vérifier la documentation officielle pour confirmer la compatibilité. - Si la modification ne prend pas effet, essayez d'effacer le cache ou de vérifier les erreurs dans la syntaxe.
- Si vous souhaitez remplacer les paramètres globaux et définir le style séparément pour une instance de bloc, vous pouvez activer manuellement les options associées dans le panneau des paramètres de bloc.
Fondamentalement, c'est tout. Bien que les supports de blocs puissent sembler un peu techniques, une fois ma?trisés, il peut gérer efficacement les styles de bloc de l'ensemble du site.
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

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.

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.

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.

TosetupredirectSinwordPressusingthe.htaccessfile, locatethefileinyoursite’srootDirectoryandAdlecrectulesabovethe # BeginwordPressSection.

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.

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

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

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