WordPress Editoren erweitern

9

Click here to load reader

description

Erweitern des Text- und des WYSIWYG-Editors.

Transcript of WordPress Editoren erweitern

Page 1: WordPress Editoren erweitern

Erweitern der Texteditoren in WordPress 11.02.2014 Frank Staude <[email protected]>

Page 2: WordPress Editoren erweitern

Warum?

Page 3: WordPress Editoren erweitern

Schritt 1CSS Klasse anlegen.

Page 4: WordPress Editoren erweitern

Schritt 2Shortcode [info] anlegen.

Page 5: WordPress Editoren erweitern

Schritt 3

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

• 2 Editoren

• Text

• TinyMCE (WYSIWYG)

Page 6: WordPress Editoren erweitern

Schritt 3.1(Texteditor)Texteditor

Page 7: WordPress Editoren erweitern

Schritt 3.2 (TinyMCE)TinyMCE

Page 8: WordPress Editoren erweitern

Schritt 3.2 (TinyMCE)Javascript

Page 9: WordPress Editoren erweitern

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