Adding a Page Navigation to your WordPress

Treating your user good is always a key for web development. By adding a page navigation is one important key to wordpress blogging. Let’s take a look at the big boys which uses page navigation in there blog style tuts/reviews.

Smashing Magazine

smashingmagazine
Continue Reading »

Adding Style to your TAGS for WordPress

introduction

Let’s take a look at styling your tags on your blog. This article focus on the easy step to create a css driven class for your tags. Simply you can change it to any color, background color you want in it. Have fun with it.
Continue Reading »

Adding QuickTag to the html Editor in WordPress

Often time when you edit the content, you would like to add a custom class or div/span to wrap your text. How do i add this QuickTag to the html editor in wordpress. WYSIWYG function in the wordpress include all the basic functions such as bold, italic, link and etc. WordPress refers thess buttons set as Quicktags.

HTML view on your WYSIWYG Editor

quicktags

Visual view on your WYSIWYG Editor

quicktags2

In this tutorial you will see how easy it is to add a Quicktag bar within your editor. You basically have a editor custom as your like. I am going to add 2 buttons that create a span and div tag which ask you or your editor for a class to the HTML eidtor Quicktag.
Continue Reading »

Adding Breadcrumbs to Your WordPress

introduction

For the past years, the word “breadcrumb” are very popular in modern web design/development. Most of the template / theme provider or developer will add this feature in their package. So if you are new to the web, simply breadcrumbs or breadcrumb trail is a navigation tools that help user to know which section they are in. An UI (user interfaces) for user to track their location within your blog so that they don’t get lost from hundred cats and million of post you got in your blog post ;P

Continue Reading »

Adding Square User Photo to an Author for WordPress

introduction

Authors: cptnwinky, westonruter

Allows a user to associate a profile photo with their account through their “Your Profile” page. Admins may add a user profile photo by accessing the “Edit User” page. Uploaded images are resized to fit the dimensions specified on the options page; a thumbnail image correspondingly is also generated. User photos may be displayed within a post or a comment to help identify the author. New template tags introduced are:

  • userphoto_the_author_photo()
  • userphoto_the_author_thumbnail()
  • userphoto_comment_author_photo()
  • userphoto_comment_author_thumbnail()

Continue Reading »