WordPress Customer est un outil puissant et très utile. La fusion dans des thèmes et des plug ins offre une plus grande flexibilité aux utilisateurs et simplifie la conception, la mise en page et la personnalisation du contenu. Toutefois, elle présente aussi ses inconvénients. Lrsquoun drsquoeux est que chaque style ajouté directement par personnalisation est publié dans la section titre de la page, pas dans la Feuille de style du sujet. Ceci est particulièrement vrai lorsque ajoutez des styles à travers le sélecteur de couleurs. Ajouter CSS de cette façon nrsquoest pas une bonne pratique: il est beaucoup mieux de mettre tous les styles dans une feuille de style, donc devriez faire de votre mieux pour le faire.
Dans je vais montrer comment utiliser PHP en conjonction avec une feuille de style de sujet pour éviter ce problème et pour mrsquoassurer que les styles de couleurs ajoutés par personnalisation sont stockés dans la Feuille de style au lieu de la section titre de page. Vous devez suivre cet article et avez besoin de ce qui suit: WordPress Development installe vos thèmes, pouvez modifier et ajouter des fonctionnalités personnalisées. Alternativement, pouvez créer un sous thème à partir drsquoun thème tiers, mais ne pouvez pas modifier directement le thème tiers. Éditeur de code. Remarque: Cette méthode utilise des palettes limitées parce que devez définir css pour chaque Palette dans la Feuille de style. voulez donner aux utilisateurs la possibilité de choisir parmi nrsquoimporte quelle couleur qursquoils aiment, devez utiliser le sélecteur de couleur et supporter le style de la tête. Je suis désolée.
Définir un thème la première chose à faire est de définir un thème pour ajouter des fonctionnalités personnalisées. Ajoutez un dossier nommé include au sujet et créez un fichier vide nommé customizer. Php. Ajouter ceci au fichier de fonctionnalités du thème: téléchargement sommaire 2d32bb4fff9
Arole, les paramètres que venez de créer. Il est défini en utilisant le type radio, ce qui signifie que le bouton Options est affiché. Drsquoautres options incluent des zones de texte, des cases à cocher, des cases à cocher, des URL, etc. Pour une liste complète, voir le Code. Détermine la sélection du bouton Options, bleu, rouge ou vert dans mon cas. Il srsquoagit de la fonction wpmu _ Customize Register () complète. Enregistrer le fichier et ouvrir le Programme personnalisé. Vous verrez maintenant les nouvelles partitions et contrôles affichés:
Mais si sélectionnez lrsquoun des boutons drsquooption, il nrsquoy a pas de changement. Crsquoest parce que devez ajouter du Code au sujet. En particulier, devez ajouter un crochet de filtre dans le menu de navigation dans le titre et ajouter quelques CSS dans la Feuille de style. Au lieu drsquoajouter des styles à la section titre de la page, nous utiliserons des crochets de filtre pour appeler les paramètres, et nous les passerons aux éléments connexes dans le sujet. Ajoutez des crochets de filtre au sujet et ouvrez le fichier drsquoen tête. Sujet PHP, et trouver la ligne du menu de navigation. Dans mon sujet, crsquoest comme suit:
02077d97defaba79c06b8c2bba57cee6 devez ajouter un filtre à lrsquoétiquette de départ de lrsquoélément NAV comme suit: charger le contenu 962c52769cf91c6a8fe5cae6828f4fa4 votre apparence est différente de la mienne, mais devez quand même ajouter un crochet de filtre à lrsquoendroit où tapez habituellement la classe CSS. Ceci crée un crochet de filtre avec le contenu bleu par défaut. Nous lrsquoutiliserons pour ajouter un style à cet élément. Envoie les paramètres au crochet du filtre, mais devez quand même passer les paramètres à ce filtre et le faire dans le fichier de programme personnalisé. Php.
Retour au fichier de personnalisation. Php, ajouter une nouvelle fonction qui se connectera au nouveau crochet de filtre: charger la substance 98252a9db701ef2d4023815f7a41016c ceci récupérera les paramètres du Programme personnalisé en utilisant get _ Theme MOD ()
Personnalisation dans le sujet? Comment utilisez cette technologie? Veuillez nous le dire dans vos commentaires! Étiquettes: personnalisation des tutoriels
Ajouter des styles par personnalisation sans ajouter de CSS à la page
