Welkom bij de Tweaking4All gemeenschapsforums!
Voor je gaat deelnemen, bekijk de Forum Regels!
Specifieke onderwerpen: Start het onderwerp met de naam van het programma of systeem.
Bijvoorbeeld “MacOS X – Jouw vraag“, of bijvoorbeeld “MS Word – Jouw Tip of Truc“.
Merk op: Omschakelen naar een andere taal zal niet werken als je een post aan het lezen bent aangezien er waarschijnlijk geen vertaling beschikbaar is.
Nog een leuke verandering in WordPress 4 en de nieuwe tinyMCE is het missen van de Anchor ... een beperking die WordPress erin heeft gegooid en niet tinyMCE, de benodigde plugin ontbreekt simpel weg ...
N.b. een Anchor maakt het mogelijk om referentie punten in een artikel te plaatsen en daar direct naar toe te springen met een link.
Gelukkig is het niet al te moeilijk om dit op een goede manier terug te krijgen.
Stap 1 - Bemachtig de ancor plugin van tinyMCE
Je kunt hiervoor het beste de volledige versie van tinyMCE van de tinyMCE download pagina halen. Na unzippen vindt je dan de anchor plugin in de js/tinymce/plugins/anchor directory. Je kunt ook het bijgesloten versie gebruiken, maar bedenk dat die misschien al "te oud" is (van tinyMCE 4.17) tegen de tijd dat je deze post leest.
N.b. : ik heb het bestand hernoemt naar anchor.plugin.min.js (was: plugin.min.js) zodat ik het in de toekomst meteen herken.
Stap 2 - Plugin op een veilige plaats zetten
We willen zeker niet de core bestanden van WordPress aanpassen, omdat die overschreven kunnen worden bij een update. Ik heb de plugin file dus in de "js" directory van mijn theme gezet. Mocht jouw theme deze directory niet hebben dan kun je die daar gewoon aanmaken.
Stap 3 - Functions.php aanpassen zodat tinyMCE de plugin gebruikt
Plaats de volgende code in de functions.php van jouw theme:
// Add tinyMCE Anchor
function add_tinymce_anchor_plugin($plugin_array)
{
$the_js_file = get_bloginfo('template_url').'/js/anchor.plugin.min.js';
$plugin_array['anchor'] = $the_js_file;
return $plugin_array;
}
add_filter('mce_external_plugins', 'add_tinymce_anchor_plugin');
Nu kent tinyMCE de plugin maar zien we nog geen Anchor knop, dus moeten we daarna ook het volgende aan functions.php toevoegen:
function set_tinymce_buttons_row2($buttons)
{
array_push($buttons, "superscript", "subscript", "anchor", "hr", "wp_page");
return $buttons;
}
add_filter('mce_buttons_2', 'set_tinymce_buttons_row2');
In dit voorbeeld voeg ik SuperScript, SubScript, Anchor, HR en PageBreak toe aan de tweede knoppenbalk in tinyMCE.
Om het effect te zien kan het nodig zijn de cache van jouw browser te legen ...
