Désactivé : le thème n'ajoute pas de fichier de feuille de style nommé editor-style.css ?

avoir quelque chose à fairePromotion Webami, a récemment commencé à apprendre à utiliserSite web Wordpress.

Activer le plug-in de l'éditeur TinyMCE, dans les paramètres du plug-in de l'éditeur TinyMCE, a rencontré un tel problème▼

Créer un menu de style CSS

• Chargez les styles CSS utilisés dans editor-style.css et remplacez le menu Format.
• Désactivé: Le fichier de feuille de style pour editor-style.css.
• Désactivé: Un fichier de feuille de style nommé editor-style.css n'a pas été ajouté par votre thème.

Si la situation ci-dessus se produit, l'éditeur visuel WordPress peut ne pas être en mesure d'afficher le style de code que nous voulons, comme :

• bloc de citation, pré, code...

Dépanner

1. 请问editor-style.cssfichier, est-il dans le répertoire racine du thème WordPress ?
2. Utilisez-vous des thèmes enfants (enfant) ?

Quand nous sommesMoteur WordPressLors de l'édition d'un article, l'affichage du premier plan et de l'arrière-plan sont différents en raison de problèmes de style CSS...

Mais après Wordpress 3.0, il a de très bonnes fonctionnalités :

• Autrement dit, les styles recto et verso peuvent être unifiés, de sorte que lorsque Wordpress édite des articles en arrière-plan, il peut également avoir le même aspect que le recto.
• De même, nous n'avons plus besoin de modifier le post édité dans le backend WordPress et de l'afficher différemment du frontend.

Si nous ouvrons le thème par défaut de Wordpress Twenty Eleven, nous pouvons voir qu'il y a un commentaire html et un code comme celui-ci ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Signification de ce commentaire : L'éditeur visuel correspond au style de thème editor-style.css.
• Cette fonction est également très simple à mettre en place, car c'est la fonction par défaut de WordPress, il suffit de l'activer.

Comment les articles WordPress affichent-ils le même style de texte que le frontend ?

1 步：Créer un fichier de style éditeur.css

2 步：Ajoutez le code suivant au fichier editor-style.css▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

3 步：Copiez le fichier editor-style.css dans le répertoire racine de votre thème WordPress.

4 étape:Ajoutez le code suivant au fichier functions.php▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

5 步：Actualiser la page d'édition de publication WordPress

• Vérifiez et confirmez si les styles de texte à l'avant et à l'arrière de WordPress sont les mêmes ?

注意 事项

Si votre thème WordPress n'ajoute pas de styles CSS aux "quote tag blockquote" et "code tag pre/code", vous devez ajouter le code CSS correspondant au fichier style.css du thème WordPress.

Pour plus de détails, veuillez consulter le didacticiel de création de site Web suivant ▼

Comment utiliser le blockquote ? Effet démo de la balise HTML blockquote

Dans l'édition d'articles WordPress, il existe un bouton commun "Blockquote" ▼ Lorsqu'il est utilisé, il ajoutera unMarquer pour invoquer une déclaration citée ou surligner. Que signifie blockquote ?Ce qui suit est Chen Wei...

Qu'est-ce qu'un pré dans le style CSS ? Le rôle des balises de code de pré-emballage dans HTML

Nous devons acquérir quelques connaissances de base en CSS et HTML pour créer un site Web avec WordPress : en raison des fichiers de style CSS de certains thèmes WordPress, les styles de balises pré et code ne sont pas ajoutés.La plupart des navigateurs prennent actuellement en chargemarque. h...