Modification de pages en mode visuel
C’est peut-être une question stupide, et j’ai peut-être manqué certaines bonnes pratiques, mais je rencontre ce problème avec des clients qui utilisent des sites sur WordPress. Disons que nous avons une page assez complexe qui nécessite une bonne quantité de code HTML à l'intérieur de la page elle-même. Nous l'avons mis en place et ça a l'air super. Maintenant, mois après, le client veut éditer quelques mots ici, entre et les édite en mode visuel, et bien sûr tout le balisage que nous avons fait est maintenant foiré, donc tout est omniprésent.
Quelles sont les approches que nous pouvons utiliser pour traiter de tels cas?
Une chose à faire est de créer des modèles de page pour des pages complexes et d’ajouter simplement le contenu dans l’éditeur, en laissant le moins de balises possible dans l’éditeur.
Une autre chose qui peut aider est d'utiliser le style de l'éditeur (activé avec add_editor_style() dans functions.php) et défini dans editor-style.css afin que le client ait une meilleure idée de ce qui va être affiché (si vous imitez votre thème de près) directement dans l'éditeur.
Ajoutez des champs personnalisés avec des noms descriptifs pour les informations qui doivent être affichées d'une certaine manière, à un certain endroit, plutôt que de les insérer dans le contenu principal. Le plugin des champs simples simplifie beaucoup ceci, permet des champs répétables et des téléchargements de fichiers. Cela donne de la souplesse tout en évitant que votre client se tire une balle dans le pied aussi facilement. Ou vous pouvez créer vos propres métaboxes, etc.
Une solution évidente, mais probablement pas satisfaisante, serait de désactiver l'éditeur visuel pour ces pages.
Pour que les éditeurs restent réellement à l'écart des balises sensibles, vous devez créer un modèle de page, comme le suggère Cronco. Si vous constatez que vous avez plusieurs parties modifiables, vous pouvez les stocker en tant que champs personnalisés.
Malheureusement, la modification de ces champs personnalisés via l'interface d'administration par défaut serait aussi éloignée de WYSIWYG que possible. Vous pouvez améliorer les choses en utilisant l'éditeur frontal , qui vous permet de modifier les champs personnalisés en ligne.
Vous devez absolument utiliser un plugin que j'ai écrit au lieu de passer en revue les étapes et les limites recommandées dans les autres réponses.
J'ai déjà répondu à cette question similaire: https://wordpress.stackexchange.com/a/48832/10127
Voici un lien direct vers le plugin: http://wordpress.org/extend/plugins/preserved-html-editor-markup/
Basculer entre les onglets visuels et html ne modifiera pas radicalement votre balisage et les utilisateurs finaux pourront toujours utiliser cet onglet, apportant des modifications au contenu, sans modifier la structure générale du code html. Assurez-vous de lire l'intégralité du fichier lisez-moi avant de décider si ce plug-in est fait pour vous, mais cela ressemble certainement à ce que vous recherchez.