Cum să adăugați stilurile dvs. în editorul de cuvânt tinymce

Fiți atenți. Apoi, vom crea variante ale unor coduri open source, numite TinyMCE Kit din depozitul de plugin-uri WordPress.

Soluție rapidă

Lista de tipărire "Styles" ("styleselect") este adăugată la al doilea rând de butoane (theme_advanced_buttons2_add) la începutul rândului (înainte). Această listă descendentă este apoi populate cu stilurile sale, care sunt adăugate prin array $ classes în loc să le scrieți direct acolo (în formatul descris în documentația TinyMCE). În ultima parte, foaia de stil proprie este adăugată la site-ul însuși folosind funcția wp_enqueue_scripts.

Alternate adăugare de stiluri

Putem să scăpăm de aceste limitări și să facem lista noastră de drop-down mai puternică prin adăugarea de stiluri la matrice utilizând sintaxa TinyMCE. Restul codului plugin-ului rămâne neschimbat. În TinyMCE, fiecare format stabilește un set de parametri pe care îi puteți defini (TinyMCE - formate):

inline - numele elementului încorporat, care va crea, de exemplu, "span". Textul selectat în prezent va fi inclus în acest element încorporat.
bloc este numele elementului bloc pentru a crea, de exemplu, "h1". Elementele de bloc existente în partea selectată vor fi înlocuite cu un nou element de bloc.
selector - selectorul CSS3 pentru a găsi elementele din interiorul celui selectat. Poate fi folosit pentru a aplica clase la anumite elemente sau într-un tabel complex, de exemplu, în ciudat.
classes este o listă de clase separate de spațiu care se aplică elementelor selectate pentru elementele inline / block noi.
stiluri - numele / valoarea obiectului cu elementele CSS care trebuie aplicate, de exemplu, culoarea etc.
atribute - numele / valoarea obiectului cu atribute care trebuie aplicate elementelor selectate sau noului element încorporat / blocat.
exact - dezactivează îmbinarea unor stiluri similare. Acest lucru este necesar pentru unele probleme cu CSS, de exemplu, text pentru subliniere / ștergere.
wrapper - indică faptul că formatul curent este un format de container pentru elementele de bloc. De exemplu, un strat de tip wrap sau blockquote.

Dacă doriți să utilizați aceste stiluri suplimentare pe site-ul dvs., trebuie doar să adăugați codul pluginului în fișierul functions.php al temei. Asigurați-vă că înlocuiți plugin_dir_url (__FILE__) cu get_stylesheet_directory_uri () și consultați foaia de stil dorită din dosarul tematic.

concluzie

Sursa: WP.tutsplus.com

Vă mulțumim pentru plugin, într-adevăr a ajutat!

Mulțumesc! Interesat de modul în care puteți adăuga butonul dvs. cu [shortcode] [/ shortcode] în tinymce-advanced, poate cineva căuta acest lucru, aveți nevoie de instrucțiuni detaliate despre cum și unde să inserați, pentru o foarte mare distanță de această persoană =)?

Acolo, stilul este adăugat doar la elementul Red Uppercase Text, uitați-vă în sursă și veți înțelege cum să eliminați
'title' => 'Red Text superior',
'inline' => 'span';
"stiluri" => matrice (
'culoare' => '# ff0000',
'fontWeight' => 'bold',
'textTransform' => 'majuscule'
)
schimbați la
'title' => 'Red Text superior',
'inline' => 'span';
'clase' => 'clasa mea'

Articole similare

Pagina anterioară