Add Buttons To Visual Editor

Adding Custom Icons

Using the visual editor in WordPress when writing a blog post is great. However, don’t you sometimes wish that you could add custom buttons to the editor to perform specific functions that are either lacking or hard to navigate to? There is great news in that, you can add custom buttons to your visual text editor by editing the quicktags.js file. (back this file up before you actually edit anything).

WPCandy has an awesome tutorial online which takes you through the motions of creating and then adding your own custom button to the text editor. For instance, when I want to use the H2 tag, I have to click on the button which brings down the advanced options and then select H2 Heading from the drop down box. Using this tutorial, I have created a button specifically for H2 so I no longer need to browse through the advanced buttons area.

The tutorial is not at all difficult so give it a try. Let me know what sort of options you end up adding to your existing toolbar.

Web 2.0 Layer Styles For Photoshop

DezineFolio LogoThis is actually a few months old but it’s news to me. DezinerFolio has released 131 Web 2.0 based Photoshop Layer Styles. The layer styles give designers a head start when it comes time to create slick, new Web 2.0 based graphics. The layer styles were created using Adobe Photoshop CS2. I’m not sure if the layer style is backwards compatible or not. If you get the file to work with anything before CS2, be sure to let us know.

The following image is a preview of the various types of styles that are found in this style pack. Click on the image to visit the download area. Thanks to NavDeep for putting this together.

Web 2.0 Layer Styles Preview Image