Hogyan adhatod stílusodat a wordpress szerkesztő tinymce-be
Figyeljen oda. Ezután létrehozunk néhány nyílt forráskódú változatot, a TinyMCE Kit-et a WordPress plugin-tárból.
Gyors megoldás
A "Styles" ("stíluskiválasztás") legördülő listát a sor elején (_before) a gombok második sorához (theme_advanced_buttons2_add) adjuk hozzá. Ez a legördülő listát a stílusok tölti ki, amelyeket a $ classes array helyett hozzáadnak ahelyett, hogy ott közvetlenül írnák őket (a TinyMCE dokumentációjában leírt formátumban). Az utolsó részben saját stíluslapot ad a wp_enqueue_scripts függvény használatával.
Alternatív stílusok hozzáadása
Megszabadíthatjuk ezeket a korlátozásokat, és a legördülő listát még hatékonyabbá tehetjük, ha stílusokat adunk hozzá a TinyMCE szintaxist használó tömbökhöz. A plugin kód többi része változatlan marad. A TinyMCE-ben mindegyik formátum egy meghatározott paramétert állít össze (TinyMCE formátumok):
- inline - a beépített elem neve, amely például "span" -t hoz létre. Az aktuálisan kiválasztott szöveg bekerül a beépített elembe.
- blokk a blokk elem nevének létrehozása, például "h1" létrehozása. A kiválasztott részen lévő meglévő blokkelemeket egy új blokkelem váltja fel.
- választó - CSS3 választó a kiválasztott elem belsejének megtalálásához. Használható arra, hogy osztályokat alkalmazzon meghatározott elemekre vagy komplexumokra, például egy páratlan sorokra a táblázatban.
- osztályok az osztályok szóközzel elválasztott listája, amelyek az új inline / block elemek kiválasztott elemeire vonatkoznak.
- stílusok - az objektum neve / értéke az alkalmazható CSS elemekkel, például a szín stb.
- attribútumok - az objektum neve / értéke olyan attribútumokkal, amelyeket a kiválasztott elemekre vagy az új beépített / blokk elemre kell alkalmazni.
- pontos - letiltja a hasonló stílusok összevonását. Ez a CSS néhány problémájához szükséges, például az aláhúzás / áthúzás szövegére.
- wrapper - azt jelzi, hogy az aktuális formátum blokkelemek konténerformátuma. Például egy csomagoló vagy blokkvona réteg.
Ha ezeket a kiegészítő stílusokat szeretné használni a webhelyén, csak add hozzá a plugin kódot a téma funkciók.php fájljába. Győződjön meg róla, hogy a get_stylesheet_directory_uri () függvényt a plugin_dir_url (__ FILE__) helyére cserélte, és a téma mappájából válassza ki a kívánt stíluslapot.
következtetés
Forrás: WP.tutsplus.com
Köszönöm a plugint, tényleg segített!
Köszönöm! Érdeklődik, hogyan lehet hozzáadni a gombot a [shortcode] [/ shortcode] -hoz a tinymce-advanced, talán valaki kereste ezt, részletes útmutatásra van szüksége arra vonatkozóan, hogy hogyan és hova kell beilleszteni egy nagyon messze ettől a személytől =)?
Ott a stílus csak a Piros nagybetűs szöveg eleméhez adódik, nézze meg a forrást, és meg fogja érteni, hogyan kell eltávolítani
'title' => 'Piros nagybetűs szöveg',
'inline' => 'span',
'stílusok' => tömb (
'color' => '# ff0000',
'fontWeight' => 'félkövér',
'textTransform' => 'nagybetűs'
)
változtasd
'title' => 'Piros nagybetűs szöveg',
'inline' => 'span',
'classes' => 'my class'