WordPress Editoren erweitern

Erweitern der Texteditoren in WordPress 11.02.2014 Frank Staude <frank@staude.net>

Warum?

Schritt 1CSS Klasse anlegen.

Schritt 2Shortcode [info] anlegen.

Schritt 3

• Button den Editoren hinzufügen, um einen markierten Text als Info auszuzeichnen.

• 2 Editoren

• Text

• TinyMCE (WYSIWYG)

Schritt 3.1(Texteditor)Texteditor

Schritt 3.2 (TinyMCE)TinyMCE

Schritt 3.2 (TinyMCE)Javascript

Links• QuickTag API

http://codex.wordpress.org/Quicktags_API

• TinyMCE Custom Buttomshttp://codex.wordpress.org/TinyMCE_Custom_Buttons

• TinyMCE APIhttp://www.tinymce.com/wiki.php/API3:tinymce.api.3.x

• Register Style http://codex.wordpress.org/Function_Reference/wp_register_style

• Enqueue Style http://codex.wordpress.org/Function_Reference/wp_enqueue_style

• Shortcode APIhttp://codex.wordpress.org/Shortcode_APIhttp://wpmeetup-hannover.de/2013/01/24/shortcodes-was-ist-das-und-wie-kann-ich-das-selbst-nutzen/

• Beispiel Plugin http://wpmeetup-hannover.de/wp-content/uploads/beispiel-plugin.zip