Mõnikord on WordPressi redaktori abil tekstiplokki kirjutades vaja, et see näeks välja teatud moodi, tavaliselt teeme seda tekstiosadele stiilide lisamisega, kuid me ei soovi alati, et meie kliendid peaksid tekstiredaktorit avama. ja tehke seda käsitsi.
Selles näites loome väikese filtri, mille saate oma functions.phpfailile lisada, et anda kasutajale täiendavaid vormindamisvalikuid, et lisada kohandatud "Lead" lõigu stiil.
Kohandatud TinyMCE vormingu kasutamine
Siin on ülikiire näide filtri töös. See näitab teile:
- Kuidas lülitada tööriistariba nii, et näeksite menüüd Vormingud
- Kuidas rakendada vormingut menüü Vormingud abil
- Kuidas stiile kustutada
TinyMCE vormindamine tegevuses
Kood
Kood on tõesti lihtne, lihtsalt haakige ja lisage massiivile tiny_mce_before_initoma kohandatud stiil. style_formatsLisage kindlasti pealkiri, elemendi tüüp, mida soovite kasutada, ja mis kõige tähtsam – klass.
function wholesomecode_tinymce_formatting( $settings) {
$style_formats = array(
array(
'title' => 'Lead Paragraph',
'block' => 'p',
'classes' => 'lead',
'wrapper' => false,
),
);
$settings['style_formats'] = json_encode( $style_formats );
return $settings;
}
add_filter( 'tiny_mce_before_init', 'wholesomecode_tinymce_formatting' );
Stiilid
Loomulikult ei juhtu midagi ilma väikese stiilita. Lisage kindlasti stiilid mõlemasse oma peamisse WordPressi styles.css, et teie müügivihje kuvataks esiküljel, ja registreerige kindlasti ka redaktori stiilileht, et kood kuvatakse redaktoris (add_editor_style()selleks saate kasutada).
.lead {
font-size: 120%;
}