Maison > Tutoriel CMS > WordPresse > Comment étendre les fonctionnalités de l'éditeur de publication WordPress

Comment étendre les fonctionnalités de l'éditeur de publication WordPress

WBOY
Libérer: 2023-09-05 09:28:44
original
1223 Les gens l'ont consulté

Comment étendre les fonctionnalités de léditeur de publication WordPress

Comment étendre les fonctionnalités de l'éditeur d'articles WordPress

WordPress est actuellement l'un des systèmes de gestion de contenu les plus populaires et fournit un éditeur d'articles puissant qui peut répondre aux besoins de rédaction de la plupart des utilisateurs. Cependant, à mesure que le nombre d’utilisateurs continue d’augmenter et que leurs besoins se diversifient, nous devrons parfois étendre davantage les fonctionnalités de l’éditeur d’articles. Cet article expliquera comment étendre l'éditeur de publication WordPress en personnalisant les fonctions et en ajoutant du code personnalisé.

  1. Utilisation de fonctions personnalisées
    WordPress propose de nombreuses options pour les fonctions personnalisées, et nous pouvons étendre les fonctionnalités de l'éditeur de publication en ajoutant du code. Voici quelques fonctions personnalisées couramment utilisées et comment elles sont implémentées.

1.1 Ajouter des boutons personnalisés
Parfois, nous pouvons avoir besoin d'ajouter des boutons personnalisés à la barre d'outils de l'éditeur d'articles afin de pouvoir insérer du contenu ou des fonctions spéciales. Cela peut être réalisé grâce au code suivant :

function custom_editor_buttons($buttons) {
    array_push($buttons, 'custom_button');
    return $buttons;
}
add_filter("mce_buttons", "custom_editor_buttons");
Copier après la connexion

Dans cet exemple, le nom du bouton personnalisé que nous souhaitons ajouter est "custom_button", vous pouvez le modifier selon vos besoins. Après avoir ajouté ce code, nous pouvons voir un bouton personnalisé supplémentaire dans la barre d'outils de l'éditeur d'articles.

1.2 Formater le texte
Parfois, nous souhaitons formater automatiquement du texte lors de son insertion, comme l'ajout de titres, de polices en gras, etc. Nous pouvons y parvenir avec le code suivant :

function custom_text_formatting($initArray) {
    $initArray['theme_advanced_blockformats'] = 'h1,h2,h3,h4,h5,h6,p,pre';
    return $initArray;
 }
add_filter('tiny_mce_before_init', 'custom_text_formatting');
Copier après la connexion

Dans cet exemple, nous définissons les formats disponibles de l'éditeur d'article sur titre (h1-h6), paragraphe (p) et texte prédéfini (pre). Vous pouvez le modifier selon vos besoins.

  1. Ajouter du code personnalisé
    En plus d'utiliser les fonctions fournies avec WordPress, nous pouvons également étendre l'éditeur d'articles en ajoutant du code personnalisé.

2.1 Insérer des styles personnalisés
Parfois, nous souhaitons utiliser des styles personnalisés dans l'éditeur d'article, ce qui peut être réalisé par le code suivant :

function custom_editor_styles($styles) {
    $styles .= 'body#tinymce.wp-editor { font-size: 18px; }';
    return $styles;
}
add_filter("mce_css", "custom_editor_styles");
Copier après la connexion

Dans cet exemple, nous définissons la taille de police de l'éditeur d'article à 18 pixels. Vous pouvez ajouter des styles personnalisés selon vos besoins.

2.2 Insérer des scripts personnalisés
Parfois, nous souhaitons utiliser des scripts personnalisés dans l'éditeur d'article, ce qui peut être réalisé par le code suivant :

function custom_editor_scripts($plugin_array) {
    $plugin_array['custom_script'] = get_template_directory_uri() . '/js/custom_script.js';
    return $plugin_array;
}
add_filter("mce_external_plugins", "custom_editor_scripts");
Copier après la connexion

Dans cet exemple, nous ajoutons le fichier de script personnalisé custom_script.js à l'article dans le éditeur. Vous pouvez ajouter vos propres fichiers de script personnalisés à cet emplacement.

Résumé
Nous pouvons facilement étendre les fonctionnalités de l'éditeur de publication WordPress en personnalisant les fonctionnalités et en ajoutant du code personnalisé. Qu'il s'agisse d'ajouter des boutons personnalisés, de formater du texte ou d'insérer des styles et des scripts personnalisés, nous pouvons tout faire avec ces méthodes. J'espère que cet article vous aidera à étendre les fonctionnalités de votre éditeur de publication WordPress.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal