Change Editor Style In WordPress 3.0


Sponsored Links






WordPress 3.0 introducing another nicely featured. This what we really want it a long time ago. Custom Style on Content Editor.

Change Editor Style In WordPress 3.0 - Nika Lauratis

Change Editor Style In WordPress 3.0 - Nika Lauratis

Why this featured important? with this featured, we can show and live preview our content will be in the live site. The content before we publish will be show up exactly like on the front page.

To use this featured is simple, we need to put some hook or whatever we call it in our functions.php

add_editor_style();

So simple right? The next step is added new style/CSS code editor-style.css in your themes folder. Then began copy of your style.css that contain any code that needed to process for your content will be, example wp-caption, post link, image align and many more.

Thanks for DeluxeBlogTips to share it

Posted on May 26, 2010 by WP Tricks Category Tricks
This entry was posted in Tricks and tagged , , , , .
Bookmark the permalink.

Subscribe to Full RSS Feed

RSS FeedIf you thing this article useful, please consider subscribing to our RSS Feed or e-mail updates and stay updated with us. You can also follow @WPTricksNet on twitter for latest updates.

About WP Tricks

We are WordPress Family, we collected and writed useful tips and tricks for you WordPress. We share it for you...

Related Tips and Trick from Local Data and on The Net

How To Enable Visual Editor Actually WYSIWYG

DigWP, one of my favorite WordPress Tutorials, share another useful tips, How To Enable Visual Editor Actually WYSIWYG. If you are TwentyTen Theme user, you will find that when you are activated and use Visual Editor and edit your content … Read More →

How To Customize WordPress WYSIWYG Editor

Did you know that, Customize WordPress WYSIWYG Editor is one of my favorite excellent tricks by WP Engineer, please note this tricks need so many code to be added in functions.php on your theme, so read it carefully and happy … Read More →

Style Posts From Some Category Differently

Right now, every blogger has know WordPress as easiest and nicely support publishing system. To create more sophisticated and personal blog. Blogger chooses WordPress as they Blog Engine. Some featured that we can use to create more unique blog is … Read More →

How To Add More Button on Visual Mode WordPress Editor

Did you know that, WordPress default WordPress visual mode have limited icon and function. But using some little function we can unlock More Useful Buttons in the WordPress Post Editor. Now I will show you how to do this. We … Read More →

Tutorial Added Adding Custom Buttons to Editor WordPress

I was written about Customize WordPress WYSIWYG Editor, and on this tutorial is another one. Today we will show you how to adding Custom Button to WordPress Editor. There are so many advantage why we need to added custom button. … Read More →

How To Set HTML editor as the default on WordPress

Like we all know, WordPress has two editor mode, Visual and HTML. Now using WordPress add_filter() we can force WordPress to set HTML Editor as default WordPress Post editor. Let's do it, first open your functions.php your current themes and … Read More →

Change Editor Style In WordPress 3.0 - Deluxe Blog Tips

In WordPress 3.0, there's a new interesting feature: you can change the style of default post editor (TinyMCE). It means you can make the post content in read more

Source: http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html

Change Editor Style In WordPress 3.0 / WordPress Tricks & Tips

Why this featured important? with this featured, we can show and live preview our content will be in the live site. The content before we publish will be show up read more

Source: http://wptricks.net/how-to-change-editor-style-in-wordpress-3-0/

Function Reference/add editor style « WordPress Codex

Change Log . Since: 3.0.0; Source File . add_editor_style() is located in wp-includes/theme.php. See also: WordPress.com | WordPress.TV | read more

Source: http://codex.wordpress.org/Function_Reference/add_editor_style

Can themes style the visual editor? | Andrew Ozz on WordPress

add_filter('mce_css', 'my_editor_style'); function my Or is the problem perhaps that I need to change I’m happy to report that WordPress 3.0′s default read more

Source: http://azaozz.wordpress.com/2010/01/02/can-themes-style-the-visual-editor/

8 New Exciting WordPress 3.0 Features | Onextrapixel - Web Design

WordPress 3.0 has editor-style.css. Below I highlight part of the default CSS style from WordPress 3.0 theme will change the style of that author page. WordPress 3.0 read more

Source: http://www.onextrapixel.com/2010/06/21/8-new-exciting-wordpress-3-0-features/


4 Responses to Change Editor Style In WordPress 3.0

  1. Pingback: Tweets that mention How To Change Editor Style In WordPress 3.0 # WordPress Tricks & Tips -- Topsy.com

  2. Dream gaddi says:
    June 5, 2010 at 9:38 am

    Thats a nice information on wordpress editing.

    Reply
  3. Brian says:
    August 4, 2010 at 3:36 am

    This IS an exciting addition. :-)

    But there’s work ahead. My first clue was when aligning feed images failed. My second clue was broken image alignment in the editor following markup of a second paragraph. With matched styles.css and editor-style.css files, I found that TinyMCE did not precisely mirror settings such as margins, padding, line-height or borders. Bugs ahoy!

    All in all, the WordPress community has achieved a great update.

    Reply
  4. empower says:
    August 28, 2010 at 4:07 am

    I was really amazed that we can now create custom style and that impressed me much. Great work!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>