Salut,

J'ai écrit quelques classes dans un fichier css, que j'ai ajouté en tant que css additionnel à un thème existant dans wordpress. À présent, j'aimerais que quelqu'un qui n'y connaît rien puisse, via l'interface utilisateur de wordpress (online), séléctionner un bout de texte et lui appliquer ce style de la façon suivante:

Avant: Ceci est le première phrase. Ceci est la seconde phrase.
(là l'utilisateur séléctionne la seconde phrase)

Après: Ceci est le première phrase. <div class="maClasse">Ceci est la seconde phrase</div>.

Quelle est la bonne manière de faire ? Merci!

Edit: ce que je viens de décrire est ce qu'il se passe au niveau html, mais évidemment l'utilisateur qui n'y connaît rien ne doit pas avoir à insérer lui même des balises html.

Bonjour,

c'est tout à fait possible. Il faut modifier certains fichiers pour modifier l'éditeur TinyMCE.

As-tu des connaissances en programmation?

Oui, j'ai des connaissances de PHP, javascript et html/css.
J'ai installé le plugin tinyMCE custom styles.

J'ai aussi essayé créé un shortcode qui fait ça, mais maintenant je n'arrive pas à l'intégrer à l'UI correctement. J'utilise shortcake, mais je trouve pas comment gérer les balises fermantes.
En gros mon shortcode s'utilise comme ça:

[div class="maClasse"] bla bla bla[\div]

et avec shortcake, en regardant les tutos/examples disponibles, j'arrive juste à ça via l'UI:

[div class="maClasse"/] bla bla bla

https://developer.wordpress.org/reference/functions/add_shortcode/

https://code.tutsplus.com/tutorials/guide-to-creating-your-own-wordpress-editor-buttons--wp-30182