WordPress Quick Tips

Posts Tagged ‘CSS

Oakwood Creative is hiring a front end developer!

Posted by: Vincent on: June 30, 2011

The company I work for is currently hiring a front end developer. So if you’re located in Stockholm, Sweden or willing to relocate you should definitely check it out! We have put together a small site for you turn into HTML as a work sample, which could be fun as a night activity! More info [...]

Add your own CSS classes to tinyMCE

Posted by: Vincent on: April 2, 2011

The Rich Text Editor (RTE) in WordPress use a JavaScript-library called tinyMCE. It is a widely used library and can be configured in a lot of ways. WordPress let developers filter the settings to tinyMCE so that it fits your needs. These few lines of code changes the buttons in the editor, and also adds [...]

Add the browser name and version to the body class

Posted by: Vincent on: September 1, 2010

As suggested by Phil Irish, the best way to make browser specific CSS is with a class on the body element rather than separate CSS files or complex hacks. In his example he used conditional HTML to create multiple body-tags, but with this simple function you can just add the browser name and version to [...]

Tags: , ,

Style WordPress images and captions

Posted by: Vincent on: March 22, 2010

When inserting an image into the rich text editor you get the following: When viewing the code in the HTML tab you see that the following Shortcode is created: And the Shortcode creates the following HTML: When developing new themes it really helps to use the existing markup. You could redo the HTML if you [...]

Tags: , ,

Use WordPress functions to include your CSS

Posted by: Vincent on: February 21, 2010

When I’m not developing for WordPress, I try to use a specific folder structure for my project. I have all my .css-files in the /css/-folder, all JavaScript in /js/-folder and so forth. I tried to keep this up for WordPress, and placing my CSS in the root instead of the theme folder, but this quickly [...]

Make use of the body_class function

Posted by: Vincent on: February 11, 2010

The function body_class was introduced in WordPress 2.8 and should be included in every theme. Include it in your HTML like so: And you will end up with something like this It can come quite handy when you want pages to have different color themes for example. Just like the classes in your navigation, the [...]

Custom CSS class for your menu items

Posted by: Vincent on: February 4, 2010

When using the wp_list_pages function in WordPress you get a generated list of your WordPress pages. To be able to style them, the items get several CSS classes. Example: These classes work in most cases, but in thoose cases they don’t you can change the class by using the filter page_css_class. The function accepts two [...]


About

WordPress Quick Tips is a blog supplying great tips about WordPress.

We hope to create a great knowledge resource for WordPress developers as well as serving a reminder for all the forgetful ones.

The blog is created and run by Vincent of Oakwood Creative

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 86 other followers

Follow

Get every new post delivered to your Inbox.

Join 86 other followers