Archive for category Web Design

Designing a WordPress Theme (2.7)

Posted by The Artist on Tuesday, 13 January, 2009

Welcome viewers.

If you are like me, you’ve scoured the web for more information in a more concise and basic form. The WordPress Codex is great, but huge and bulky. Buying the next “how to” book may only leave you behind as the CMS upgrades over time.

So what I offer here is the most up to date listing of information, tutorials, links, reviews and pointers to try and help you along in your designing needs. WordPress may seem daunting, with all of it’s php code and not-quite stero-like instructions. But once it is broken down, yuo are good to go.

There are two paths that diverge from here. Basic Theme editing and more Advanced Theme editing. Basic Theme editing uses WordPress’ general settings, and some plugins. A slightly more techincal (Intermediate) aspect of Basic Theme editing  is using the WordPress internal editor and some knowledge of either php code or WordPress’s Template Tags. The Advanced Theme-styling requires a bit more boldness as you either convert a current theme to fit your needs by editing the php code, css files, and the templae tags, OR you start from scratch, using other themes as your reference point.

Choose your preference!

  • Basic Theme Styling.
  • Intermediate Theme Styling
  • Advanced Theme styling I
  • Advanced Theme styling II

*note* Updated as I am able. Keep this page bookmarked, or subscribe to my rss for site updates.

  • Share/Bookmark

Turning a WordPress Blog into a CMS for Websites

Posted by The Artist on Thursday, 8 January, 2009

In the Beginning….

This has been a rather educational experience and then some. Suffice to say everyone is trying to sell something, and often they are trying to sell you convenience wrapped up in a pretty little package. Not here. My services are by far much different, though I too can offer you that same convenience by doing much of this work for you for a fee.

Instead I would rather share with you the information and sites I’ve discovered that helped me. Yet as I do this I hope I do not “shoot myself in the foot” in the process of sharing what I’ve learned. I am a Web Designer after all.

So with a little bit of extra work, a lot of searching, and carefully selecting my keywords in the search engines, I’ve dug up quite a bit of information. This is my Journey into Word Press to CMS conversion.

Wait. What?

CMS? For the non-tech-talk savvy, a CMS is short hand for “Content Management System” among other acronyms. What “Content Management System” means, to put it simply, is the back-end code that makes publishing web pages easier. It does the work of the monotonous tasks that normally must be done by hand. It does all of the of coding each page, for every page, in a site. All you have to do is create content!

It takes most of the repeated tasks, like coding the header and footer that are the same for every page, and does it for you while yet making sure it looks the same for every page.  Well that’s a “Cliff Notes ™” version of the idea. For a clearer and more specific definition, here is a Wikipedia Article on CMS for your perusal.

General Overview

So the idea here is that we are using WordPress to facilitate website building by changing the Blog software a bit.  To some this may be “cheating”, but to others it is a form of efficiency and speed. To be sure, one should always give credit where credit is due. So here is a cheerful ‘hats off’ to the various creative minds that have put in the work and effort to make WordPress what it is today!

  • Share/Bookmark

Navigation Links

Posted by Drakenhart on Tuesday, 30 November, 1999

Surfing around the net I discovered a difference in philosophy on, of all things, Navigation links. So why write an article about it?

Well for the completely clueless, navigation links are the hyper links (short-form: links) in say a header menu, a side-bar menu, or a footer menu. In fact they can show up anywhere, even inside a blog post, or website page. These take you to important areas, or areas that a designer/ site owner want to draw your attention and have you visit.

Navigation links are honestly vital to any website. I mean otherwise how would people get to the different sections of you web-site? Seriously. Simple answer is they wouldn’t because generally they wouldn’t know the other portions of the site even existed.

Generally navigation depends on the culture, country, and eye-flow of a particular group of people. No joke. The Japanese and Chinese do not read their magazines, nor do they write their alphabet, the same way much of the “European” countries do. In fact culture has a lot to do with site design in general, but more on that later.

So, what are “Good” navigation links?

It seems that WordPress feels that “Good Navigation Links” belong to the side or on the bottom. Buh?

Every Web Site Design reference I find points to Header (in the top of the site) or side-bar links. Those references that offer insight into designing for the end-user in mind (very important aspect most people forget to do – keep the end user in mind), point out that culture and how their are raised to read their print materials should be kept in mind when designing a site’s navigation.

Print material? Maybe WordPress Codex has something in their ideal?

Huh?

Look at any magazine, newspaper, poster, postcard, or more and you’ll see what I mean.

Where is the index to a newspaper? What portion do you look at to find where the job section is located? The bottom.

Check out magazines. How do they list their table of contents? Side-bars, or double columns. This leaves room for more advertisements in the table of contents area.

Now go grab a manga, and not an American Knock-off manga. If you can’t find one of them, try to find any real Japanese magazine. Not only are they laid out different, but their table of contents are different as well.

But only slightly! They still have the side menus. Food for thought.

So What makes for Good Navigation?

It comes down to content and what is the site’s main focus? Is it a blog or a static site? Is it s static site with a blog? Then you have the concept of what kind of culture are you catering to and how have their populations been raised when it comes to media that is read?

Generally the top, “header”, navigation has been around long enough that far too many people are used to it. So one should’t just dismiss them entirely. I would suggest using them for static sites mostly. This is one of the key items that helps gives a web-site (rather then a blogging site) it’s feel.

Side-menus will never go out of style. People of all culutres are used to using them in various forms.

If you are using a Blog, and you want to give it that quality of a newspaper or a more text-oriented feel, go with a bottom menu. Just beware that a lot of users may not understand where your navigation links are located and get lost in your site. This is where the rest of the site’s design should help by drawing the eye towards your links.

Over all, I would highly recommend using only two of the three options. In many ways less is more. Unless you are building a site that will have a lot of links (search engines, news sites, etc, for example), you don’t want to confuse you end-user with too many links or HUGE menus.

End Note

Which brings me to another concept, simplifying your navigation menus. It is an easier read for the end user if you have 7 or fewer main links in you primary navigation menu.

If there is a lot of important information, you may wish to add a footer menu, and make the links smaller. Often links to legal references, policies, faq’s, extra contact link, job offers and the like can be found in footer menus. But since they are at the bottom most often they don’t catch the eye and detract from a site’s overall design.

So it is highly recommended that when developing navigation links you take into consideration what you can group together under a specific link.

Review

So in the K.I.S.S. method here is a brief list of what one should keep in mind when designing navigation menus.

  • Theme: Blog or Static site?
  • End User Culture
  • Simplify Links: Grouping
  • Enjoy!

    • Share/Bookmark