Editing the Visual Editor

A follow up on a popular talk I gave at WordCamp Chicago 2010 (“Hijacking WordPress Administration”), this session introduces techniques for tailoring the visual editor inside a theme. It will cover adding custom stylesheets based on post type to the editor, modifying what WordPress strips out from the editor, customizing the “styles” drop down with new styles, removing buttons from the TinyMCE editor, and even creating your own custom buttons for the TinyMCE toolbar.

The session will feature a few slides to walk through some introductory concepts and ideas, and then jump into a live code review and walk through of a theme with a customized editor. The code will all be prepared in advanced, and commented out. I’ll uncomment blocks of code that reveal each technique and show their effect on the editor.

Intended for developers, it will introduce new ideas and techniques to even the most experienced programmers, while also providing newer developers a good sense of how to use WordPress hooks in creative and powerful ways.