web-dev-qa-db-fra.com

Utilisation de main style.css avec add_editor_style

Toutes les ressources que j'ai lues en ligne suggèrent d'utiliser un fichier CSS différent (c'est-à-dire editor-style.css) afin de donner un style à l'éditeur WYSIWYG afin de mieux ressembler au contenu réel.

Dans le but de tester, j'ai simplement essayé d'utiliser le fichier principal style.css que j'ai utilisé pour le reste du site. Le style de l'éditeur WYSIWYG est superbe et, jusqu'à présent, je n'ai constaté aucun problème en procédant ainsi.

Devrais-je toujours créer un nouveau editor-style.css et l'utiliser ou est-ce une pratique acceptable d'utiliser mon style.css principal?

Pour référence, c'est le code que j'ai utilisé ci-dessous:

function wysiwyg_styles() {
    add_editor_style( 'style.css' );
}
add_action( 'init', 'wysiwyg_styles' );
tinymcewysiwygadd-editor-style
2
epsilon42

La réponse la plus simple est: vous pouvez utiliser la feuille de style de votre choix pour l'éditeur. editor-style.css est simplement la feuille de style par défaut chargée si aucune n'est passée à add_editor_style().

Ceci chargera la feuille de style spécifiée:

add_editor_style( 'some-stylsheet.css' );

Cela chargera editor-style.css:

add_editor_style();

Utilisez ce qui correspond le mieux à vos besoins.

En passant, il est préférable d’ajouter la feuille de style de l’éditeur en utilisant l’action after_setup_theme, et non la init, car c’est quelque chose de spécifique pour le thème:

add_action( 'after_setup_theme', 'cyb_theme_setup' );
fucntion cyb_theme_setup() {
    add_editor_style();
}
2
cybmeta

L'éditeur n'utilise pas tous les styles utilisés par le front-end de votre site Web. Ainsi, vous n'avez pas besoin du fichier style.css complet. Néanmoins, le fichier est mis en cache par le navigateur, ce qui évitera probablement un problème de performances.

Mais il pourrait y avoir un problème de conflit si vous style.css est assez énorme. Cela pourrait remplacer les autres styles utilisés par le panneau d'administration. Vous avez peut-être remarqué quelques petits changements dans l'apparence générale de votre tableau de bord (probablement, pas du tout). Dans ce cas, vous pouvez écrire une petite feuille de style et inclure uniquement les styles utilisés dans les publications et les pages individuelles.

0
Jack Johansson