Archive for "Tutorials"

15 useful WordPress Functions you probably don’t know

Tutorials, Wordpress Tutorial Oct 11, 2010 54 Comments

While I was building my first premium WordPress Plugin – the Avia Feedback Box – I needed to solve quite a few problems I have never encounterd when creating themes. During my research I stumbled upon several really cool wordpress functions that I want to share with you.
Read more »

How to build a WordPress Post Pagination without plugin

Tutorials, Wordpress Tutorial Sep 21, 2010 63 Comments

WordPress only comes bundled with the “next page” and “previous page” links to navigate between different blog overview pages. If you happen to have a blog with a lot of posts or simply want to offer a better user experience I would recommend to remove those links and replace them with a pagination like most people (including me) are using in their templates. Read more »

Improve your WordPress Navigation Menu Output

Tutorials, Wordpress Tutorial Jul 18, 2010 60 Comments

WordPress 3 has gone gold and ships with an amazing new menu manager that can be used to control the navigation menus of your website. This tutorial will teach you how to change the default output of this manager, since getting a custom output can heavily improve the style of your themes. So first of all here is an example of the wordpress menu we want to build.

Read more »

Create simple tooltips with CSS and jQuery – Part 2

CSS Tutorials, Javascript, Tutorials Nov 03, 2008 59 Comments

In a recent tutorial I taught you how to create simple transparent tooltips with a few lines of CSS and jQuery. Today we will build some more advanced tooltips, based on the aforementioned tutorial.

Read more »

Create simple tooltips with CSS and jQuery – Part 1

CSS Tutorials, Javascript, Tutorials Oct 15, 2008 75 Comments

CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks.

Before I started to delve deeper into this topic, I thought you have to use at least a plugin, but to get some basic tooltips all you need are about 10 lines of CSS and jQuery Code.

This Tutorial will teach you how to create such tooltips with some basic CSS and jQuery. Read more »

WordPress Tutorial: Simple Breadcrumb Navigation

Tutorials, Wordpress Tutorial Sep 10, 2008 25 Comments

I am currently working on some larger projects, and some of them are in desperate need of a breadcrumb navigation, since there are so many sub categories and pages, that users often have a hard time not to lose track of their current position on the site.

After searching the web for an adequate plugin, the only Breadcrumb navigation I could find was Breadcrumb NavXT. The plugin is basically the only one which supports nested pages as well as nested categories. It has a ton of options… to my mind there are way to many. After testing the plugin on a blank installation my Database query count went from 17 to 59 even if I was on the starting page where no breadcrumb navigation was displayed. So I decided to code a lightweight version for myself.

What you will learn here, are the basics of creating a simple breadcrumb navigation. This tutorial doesn’t offer a complete script, just some snippets to experiment with =)

Read more »