What’s on your WordPress Menu?

Last week we talked about the WordPress header and header.php. We continue this series and this week we’ll be touching on the WordPress menu. Visitors come to a website to find answers. How they arrive, whether via an organic search, a paid ad, or a sponsored link, matters little to these information seekers. These visitors come believing that they will quickly find the answers that they need. The operative word here being quickly. (The boon and bane of hi-speed internet is that it has turned a lot of us into impatient “speed demons”.) Once these visitors have what they want and they do linger on the site after, then that’s already a bonus.

Often, these new visitors aren’t really looking for a website with flashy, awesome text animation embedded in a huge full width slider-enabled $50 premium WordPress theme. Some might, but like we said, majority of them simply want to find a quick answer to whatever they are looking for. A lot of them will look for the link to the item that led them to the site in the first-place or go straight to the menu to find their way through the site. That’s why it’s important to create a website navigation menu that will make your visitor’s website experience fruitful and pleasant at the same time.

What is website navigation anyway? What is a menu?

Navigation Defined

Navigation Menu is a theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for introducing customised navigation menus into a theme. In order to incorporate menu support into your theme, you need to add a few code segments to your theme files.
Source: WordPress Codex

There are many navigation methods employed on websites. The simplest and easiest to follow, will allow your visitors to find your information pages and enjoy the visit! Simple HTML navigation menus also provide search engines with a clearly marked road map to follow, when they scan your website.
Source: Cal Poly

The process by which a user explores all the levels of interactivity, moving forward, backward, and through the content and interface screens. Users navigate through the project by clicking on interactive controls such as buttons, image maps, and hypertext, while clues such as special colors, backgrounds, or interface sounds help orient them to where they are at within the levels of interactivity. A good navigation scheme will leave the user with little question about where they are in the document and where they can go from there.
(from Lisa Graham, The Principles of Interactive Design, 1999)

Menu Defined

A list of options displayed to the user by a data processing system, from which the user can select an action to be initiated. In text processing, a list of choices displayed to the user by a text processor from which the user can select an action to be initiated. A list of choices that can be applied to an object. A menu can contain choices that are not available for selection in certain contexts. Those choices are indicated by reduced contrast.
Source: Glasgow Caledonian University

“Good Website navigation is very important to every business website. Good text links help. When a visitor can’t easily discover where they are, what valuable business information is on the page, where to go next and how to find your Home Page or a good sitemap… they leave your website! You would never tell a customer to stand outside your business, while they try to do business with you. Poor website navigation creates the same visitor experience. Good page titles tell visitors what each page is about.

A well designed menu will allow search engine spiders and human visitors to navigate around your website and never get lost. A menu is simply a group of links to more information. Helping your visitors find information quickly, will impress potential customers. Finding good information is the key to a successful business website.”
(Source: SEOWebsitesdesigners.com)

There are several ways to set up your navigation menu system on your website: vertical, horizontal, or a combination of both. Beginning WP version 3.0, WordPress introduced a new navigation menu system and since then after numerous updates and improvements, the WordPress menu management system has made setting up navigation menus in the backend admin panel section more user friendly with lesser and lesser coding or technical knowledge required. Check out these great resources: this article by Justin Tadlock, or these tutorials WordPress menu navigation tutorial and Setting up Menus in WordPress to learn how to set up your menus in no time.

80 Reasons To Join Elegant Themes

According to Leonardo Da Vinci “Simplicity is the ultimate sophistication.” True. If you observe a lot of the high end designer brands, there is a common thread among all of them – simple sophistication. Elegant, timeless, classic designs that stand the test of time always wins over outlandish, over the top fads that shine bright like a falling star only to fade later on. Perhaps this is why Elegant Themes continues to remain strong. Their commitment to elegant, classic design gives their themes that timeless appeal. That doesn’t mean that their designs are dated and irrelevant but instead, their consistency, as far as delivering beautiful and highly functional themes, is constant.

Their recently released WordPress Theme, Fusion, is a good example of the quality of design work they put out. Fusion Premium WordPress Theme is just one of 80 high quality themes Elegant Themes members enjoy. That’s 80 good reasons to join Elegant Themes today. Imagine owning 80 beautiful themes for the price of mere pennies for each theme. That’s cheaper than buying an upsized or Big Soda – and hey, no calories too! For WordPress professionals who create websites for clients, that’s a great investment indeed. It’s better to upsize your business rather than your waistline.

There are many other reasons why you should seriously consider joining Elegant Themes. A good sign that a company is healthy and thriving is its growth rate. Elegant Themes membership has grown more or less 30% in a span of 6 months. From 120,000+ members last year they jumped to 160,000+ at the start of this year. The numbers tell the story and that is really worth noting.

If you haven’t heard of Elegant Themes yet or if you are a WordPress beginner still trying to find your way around the WordPress community, check out our recently updated article – “Nick Roach’s Elegant Themes Review”. It’s a great resource with lots of information and samples  for anyone who wants to find out more about Elegant Themes. Click on the title “ Nick Roach’s Elegant Themes Review” to read.

Get 80 Premium Themes for $39

Fusion Theme from Elegant Themes is HERE!

Elegant Themes’ recently released Fusion Premium WordPress Theme is a theme designed to bring pizzazz into business websites by fusing fun and professionalism together in one awesome theme. Who says business themes have to boring and sterile when you can jazz it up and make it more interesting? This theme is intended for startups, tech companies, and design firms but it can easily be tweaked and adapted to whatever website you have in mind.

What’s hot? Fusion’s generous homepage slider dominates the theme’s layout even beyond the fold giving you maximum room to showcase your very best products or services with a bang. You have a choice of 5 gorgeous backgrounds to wow your audience with and the animated slideshow is smooth and sleek. The font choices used add that overall subtle elegance to the whole theme while still maintaining readability.

This premium WordPress theme also includes several page templates like: a contact form with built in Captcha, a portfolio section with 5 layout options, a sitemap, an image gallery, an advanced search page, and a not your usual WordPress login page. You can also assign content like quotes, article excerpts, client logos or icons to specific widgetized sections for that professional feel.

Overall, Fusion’s theme layout, color styling, font choices, and built-in features and functionalities are great as is but if you want to customize certain features to make it more custom you can do so via its powerful Theme Options Panel. You can also enhance other functionalities with the use of the theme’s shortcodes. This premium WordPress theme is responsive so you can be assured that you the same pizazz is there no matter what screen size you view it in.

Features:

  • Perpetual Updates
  • Secure and Valid Code
  • Browser Compatibility
  • Complete Localization
  • Unlimited Colors
  • Unparalleled Support

Fusion Premium WordPress Theme includes top-notch tech support provided by Elegant themes’ support staff to help you setup your site and get it running in no time.

Get Fusion from Elegant Themes Now!

Useful WordPress Utilities to Start the Year Right


Give your WordPress site a tune up to keep it running smoothly with these helpful WordPress utilities. Remove forgotten spam comments, beef up your site’s functionalities, or simply improve the overall browsing experience of your audience, and give your website a little TLC. Check out these utilities to see which ones will work for you.

Smart Cleanup Tools

Smart Cleanup Tools is an easy to use, powerful plugin for database cleanup. With this plugin you can remove data that is no longer in use or not needed like trash, spam, or orphan posts and comments. It can help you restore database overhead and speed up database operations. This plugin supports WordPress multisites, and it has few tools designed for Network administration.

Easy Post Google Fonts

This plugin allows you to use over 600 Google fonts (even multiple fonts) in one post or page. You can specify every page element and tell it which Google font to use. No flash required.

The Countdown Pro

Add countdown functionality to your content or your sidebar area with The Countdown Pro powered by jQuery. Features and options include: date picker, expiry url, expiry text, date format, custom labels, custom callbacks, template styles, and so much more. It also comes with a shortcode generator and a multi-instances sidebar widget.

Interactive World Maps

Create as many interactive maps as you want (world, continents, countries, regions, states, metropolitan areas) with Interactive World Maps. Add and display colored regions and display them as regions or with colored markers. Useful for travel websites, multinational companies, NGOs, infographics and many other applications.

Ajax Translator Revolution Dropdown WP plugin

This user-friendly translator plugin is based on the highly rated AJAX Translator Revolution Lite jQuery plugin this time with an easy dropdown menu. Translate everything or select sections, show languages flags and names, remember visitor’s selected language.

Sugar Event Calendar for WordPress

This is a simple, lightweight event calendar plugin with just enough features you need for event management on your site. Neat way to keep visitors updated with scheduled weekly, monthly, yearly recurring, or new events and activities on your site.

30 Realistic and Inspirational 3D Artworks 2013

Some people believe that genius is something intrinsic, something inherent within a man and genius cannot be taught. You cannot be trained to become a genius. For e.g. you cannot be trained to paint like Da Vinci. Although this notion is true but some people take it far too seriously. Some students skip classes because they think that traditional education will tamper with their natural instincts. Others try to start a business without reading a single business book. Of course these people are flawed in their thinking. Albert Einstein once said – “You have to learn the rules of the game. And then you have to play better than anyone else.” So you see success has two parts. One is learning the rules of the game and the other one is playing better than others. This former aspect, learning the rules of your trade, can be trained and taught.

Below I have collected 30 artworks for those artists who want to learn the rules of art. These artworks are not genre specific. They vary from the children’s comic character The Incredible Hulk to the portrait of a simple innocent girl, from the picture of a super hero to Ibn Tulun Mosque. So scroll down and enjoy.

(more…)

Blazing the Trail in 2013

Greater things are yet to come and they are exciting. There’s always something magical whenever the New Year comes. Technically, if you really strip this day down to what it really is and take away all the fireworks and celebration, it’s actually another normal sunrise and sunset in the calendar. Fortunately, this is not how majority of us see it. Many of us look forward to it with a lot of hope and expectations, a chance to start again, an opportunity to embrace new challenges, a time to let go of the old and wipe the slate clean, a new beginning for many.

For those of us in the WordPress community and the greater Internet population, things have never been more exciting. Imagine a single video garnering more than a billion views and still counting. Why is this significant? This simply gives us the information that there are a billion or more active Internet users out there that we can reach out to. As global interconnection continually increases, social behavior continues to adapt and our world seems closer and more reachable everyday. By force majeure the older generation are being pulled in by the tech savvy younger generation into the digital age as this has now become the common tool for communication. Social networking continues to expand and so has its demographic base.

For those who are in the WordPress marketplace and are serious about it, the hard questions need to be asked. Is it enough to simply ask what the ideal WordPress theme really is or what the perfect theme looks like? Are the current themes in the market today meeting the needs of the consumers, real and perceived? What about creativity and originality? Or innovation? Are we willing to think out of the box and be experimental as far as theme features and designs are concerned or are we just going to play it safe and blend with the crowd? Are we ready to meet the demands of the unstoppable rise of mobile computing and the multilingual global marketplace?

As we look into the future, those in the Internet and web development industry, (WordPress included) need to take a wholistic approach in planning for the next 12 months and beyond. Maybe some are just dabbling in WordPress theme development for fun while others are seriously considering it as a viable business opportunity worth investing in. Perhaps as we plan future steps maybe we can take a step or two back and view the WordPress themes market from a different angle or with a fresh perspective – to work backwards and use the future to strategically determine today’s activities. Somebody once said, “If you always do what you always did, you will always get what you always got.” Who would have ever thought that an Asian guy would teach the world (1 billion+) how to do a horse dance? Mind-blowing but undeniably real and possible. Maybe he did what wasn’t normally done and got the results nobody expected. Guess what? So can all of us.

WordPress Theme Deconstructed

Last week we touched on the basic components of a typical WordPress theme. Below is a visual example of how the layout looks like.

The components are as follows:

The Header (header.php)

The header is the structure that traditionally sits at the top of a web page. It contains the title of the website. It may also be referred to as the masthead, head, title, and banner. In all WordPress Themes, the header is found within the header.php template file.

Most themes have a header image that displays at the top of the page. This image is generated by a graphic defined either in the CSS value for the property that represents the header area or through the use of a custom header feature in WordPress. In themes that don’t have the custom header image feature, you can easily define a background image for the header image using CSS. (source: CSS for Dummies)

Menu (navigation) – usually found within or above the header

There are two ways to display a nav menu. One is by calling wp_nav_menu() within a theme template file. The other is by using the Navigation Menu widget. Most themes will call a menu from their header.php template, but menus can be placed anywhere. (source: Justin Tadlock)

The Sidebar (sidebar.php)

In general, the WordPress sidebar features titles of the various sections within a list, with the section items in a nested list below the title.
According to the WordPress Codex and in terms of design,
a sidebar is:
“… a narrow vertical column often jam-packed with lots of information about a website. Found on most WordPress sites, the sidebar is usually placed on the right or left-hand side of the web page, though in some cases, a site will feature two sidebars, one on each side of the main content where your posts are found.”

(You can also check out our previous article “Adding Sidebars to WordPress” to read more about sidebars.)

The Content Column (index.php)

The content container in WordPress plays the most important role. It holds the WordPress Loop which dictates the generation of content on the page depending upon the request by the user.

Content consists of text, images, or other information shared in posts. This is separate from the structural design of a web site, which provides a framework into which the content is inserted, and the presentation of a site, which involves graphic design.

The Footer (footer.php)

The footer is found within the footer.php template file. Footers are more than just a place to put copyright information. The footer in a web design is the bottom of the page. It indicates the end of the page. The footer includes navigational links to move the reader into your blog’s content, but it does so much more. It’s the last thing some visitors see after they finish reading your blog post and comments and should encourage people to stay a little longer on your site. (Source: lorelle.wordpress.com).

More next week!

WordPress Plugins 2013: Trends

WordPress themes, free or premium, come with common, basic features and functionalities upon installation. Some are built in together with the WordPress version you are using while others come with the theme you plan to use and install. Technically, these plugins are a set of one or more functions, written in the PHP scripting language, that adds a specific set of features or services to the WordPress weblog. Simply put, these plugins offer new additions to your blog that either enhance features that were already available or add otherwise unavailable new features to your site. Here are some of what we think will be the WordPress Plugin Trends for 2013:

Jetpack Plugin

The JetPack plugin supercharges your self?hosted WordPress site with the awesome cloud power of WordPress.com. You can activate this plugin if you have an existing blog on WordPress.com. Once connected and activated, several awesome features available on WordPress.com like: Contact Form, Gravatar Hovercards, Shortcode Embeds, Spelling and Grammar, and many others become available to your self-hosted site. All this is powered by WordPress.com’s cloud infrastructure.

WordPress SEO Plugin by Yoast

This popular plugin designed and developed by WordPress Consultant Joost De Valk. WordPress SEO is the most complete WordPress SEO plugin that exists today for WordPress.org users. It incorporates everything from a snippet preview and page analysis functionality that helps you optimize your pages content, images titles, meta descriptions and more to XML sitemaps, and loads of optimization options in between. It has recently been updated and is now compatible with WordPress 3.5.

ALO EasyMail Newsletter

One of the best ways to connect to your market is to get them to subscribe to your newsletter via email. It is also one of the most tedious things to do if you do not have an ARS (auto responder system) provider who will automatically distribute your newsletter. ALO EasyMail Newsletter is a great email marketing marketing tool that allows you to gather and manage subscribers and write and send newsletters right within WordPress. It also supports internationalization and multi language requirements.

WP Smush.it

Improving your page ranking is not just about having the right keywords. Fast loading pages are now part of the equation. WP Smush.it is a plugin that offers an API that performs image optimizations like optimizing JPEG compression and converting certain GIFs to indexed PNGs automatically to help improve site performance. As sites continue to become more image intensive, plugins like this are helpful in managing load rate.

Photonic Gallery for Flickr, Picasa, SmugMug, 500px and Instagram

Social networking has branched out into different streams and has integrated images into its arsenal. Hence the popularity of Pinterest and Instagram. Photonic takes all that and lets you use the WordPress gallery shortcode and ramps it up with a lot of added functionality including glamming up your social networking images like Instagram. It supports Flickr photos, Photo sets, Galleries and Collections, along with Picasa photos and albums, SmugMug albums and images, 500px photos and collections, and Instagram photos and users. You can also enable authentication for your site visitors that will let them see private and protected photos from each provider.

WordPress 3.5 has been released so some of these plugins may need to be updated to work with the latest WordPress update. Please check the developers’ links to see of they have a version compatible with the latest update.

22 Awesome jQuery Typography Plugins 2013

In today’s fast moving internet world every website owner is using all the tools that he can to make his website look more visually appealing and more attractive in terms of design. This makes sense because if you think that websites should only provide information then you should not consider starting up a website at all.

Now many different types of technological tools are available out there which can help you design better websites. In this article I have chosen to focus on jQuery plugins.

jQuery is a JavaScript library that simplifies HTML, document traversing, event handling, animating and Ajax interactions for rapid web development.

Below I have compiled 22 awesome jQuery typography plug-ins which you can use to enhance your site. To show one example how these plug-ins can help you, let’s take a look at the first plugin J Rumble. I am sure you know sites that change the link color when you move your hover over the link. This effect is known as “hover effect”. J Rumble takes this technology one step further. By using this plugin, as soon as someone chooses an element of your site, the element will rumble, vibrate, shake or rotate.

There are 21 other plugins that will make your life easier. So scroll down and take a look.

(more…)