Tagged: Sample Tags

Works with the Powerful Supreme Framework

Supreme is a child theme which works on top of our Supreme parent theme which also powers our other recent themes

With 3.0 release, WordPress has introduced a new user interface to help manage navigation menus, which simply means you´ll get a new page with some tools on it to help you add, delete, and arrange links.

To utilize this feature, you must first activate it. Without activation, your menu management page will display nothing, but an error.
If it´s currently inactive, in your WordPress administration panel, go to Appearance > Menus to see the error.

How to Activate WordPress 3.0 Menu Management

Add the following code to the functions.php file of your theme.
[php]if (function_exists(“add_theme_support”)) {
add_theme_support(“menus”);
}
[/php]
While add_theme_support(“menus”); is enough to activate the Menu Management page, the additional code around this necessary line makes sure if later or earlier versions of WordPress doesn”t have this feature then it will simply do nothing and cause no error.

What the code above means:

The code above simply means if the Add Theme Support function exists, use that function to add Menus feature. If it doesn´t exist, do nothing.

Step by Step

  1. Open theme folder and find functions.php.
  2. Open functions.php using Notepad or text editor of your choice.
  3. Copy and paste the code above.
  4. File > Save functions.php

Where to place the code

If the functions.php file of your theme is messy or you don´t really know where to place the code, go to the end of functions.php and paste the code before:
[php]?>[/php]
A question mark immediately next to a right arrow marks the end of a set of codes. The last combination of question mark and right arrow in the file marks the end of the file. Normally, if you add any code right before the file ends, you´d have no problem.

This set of codes is only slightly different from what you were first given. The additional
[php]<?php[/php]
and
[php]?>[/php]
at the beginning and ending of this set of codes means start PHP and end PHP.

You may close functions.php. For the rest of this tutorial, you don´t need it. Now you´ve activated the Menu Management feature or user interface, here´s what it looks like:

Using Menu Management User Interface

If you use wp_nav_menu() in theme template files to display the menu, by default, it will list only links with a Page attached to it. But, what if you wanted to add custom external links without creating a new page just to point to it? For example, adding a Twitter link to your site´s main menu. Here´s how.

First, create a custom menu because WordPress will not allow you to add, delete, or re-arrange links without at least having one custom menu. Name your menu then save it. For this tutorial, my first custom menu is named, ´first.´

After creating the custom menu, you have several options on Menu Management page to add links. For example, you can simply check the boxes next to the Pages and Categories you want to add then click the Add to Menu button. You can also add custom links and here´s what it looks like:
Don´t forget to click the Save Menu button after adding new links.

How to Display Custom Menu

Like I mentioned before, wp_nav_menu() by default displays your list of links based on what Pages you have. It doesn´t display custom menu links. To display the custom menu wherever you want it to show up, copy and paste the following:

Replace ´first´ with the name of your menu.

What the code above means:

  • Start PHP
  • Use wp_nav_menu() to display menu
  • The custom menu I want to use is ´first.´
  • End PHP

In whichever file you´re pasting it in, save the file. Upload this file to the theme folder on your server if you´re not directly editing it through the WordPress administration panel.

I created a blank theme just for this tutorial. Here´s what it looks like for me after putting the code above in the index.php file of my blank theme.

If you right click on the page currently displaying your menu and go to View Source, you get to see what this menu looks like under the hood. Here´s what it looks like for me:
[php]<div class="menu-first-container">
<ul id="menu-first" class="menu">
<li id="menu-item-4" class="menu-item menu-item-type-custom"><a href="http://son">son</a>
<ul class="sub-menu">
<li id="menu-item-6" class="menu-item menu-item-type-custom"><a href="http://grandchild">grand child</a></li>
</ul>
</li>
<li id="menu-item-5" class="menu-item menu-item-type-custom"><a href="http://daughter">daughter</a></li>
</ul>
</div>
[/php]
Wherever you see ´first´ in the set of codes above, you know it´s there only because I named the custom menu ´first.´

Display Multiple Custom Menus

To do that, you have to first create the second menu. Here´s my second menu, which is conveniently named, ´second.´ And, I´ve added two links under the second menu.
To display the second menu, duplicate code for the first menu and change menu=first to menu=second. If you named your second menu, ´submenu,´ then change menu=first to menu=submenu. Here´s the entire code:

Differentiating Custom Menus and Customizing Them

There are several ways to differentiate and customize custom menus. The most obvious one is using different names for first and second menus. The less obvious ways are customizing container_class, container_id, and menu_class.
Under the hood, by adding menu_class=my-main-menu using the ampersand sign (&), my menu list changes from:
[php]<ul id="menu-first" class="menu">[/php]
to:
[php]<ul id="menu-first" class="my-main-menu">[/php]
As you can see, to add another customizable option to the menu, you simply use the ampersand sign, the option you´re customizing, and the value of that option, which can be any string of texts of your choosing. After you´ve added the code, save the file, refresh the web page, and check under the hood by choosing View Source to see the changes made.

For a list of options you can customize or assign values to, go to wp_nav_menu at the WordPress Codex.


This wordpress theme is Responsive

This tutorial will show how to install Templatic WordPress premium themes. Just follow the below steps.

Step 1: Login to Member Area

  • Head over to templatic.com and click on Member Login.
  • ,

  • Enter your User ID and password and click on Login.
  • Now you will be redirected to your Members Area.
  • Click on the theme name and then the download process would start. All the themes which you purchased would be listed here
  • Save the file to your Computer

Step 2: Uploading theme

  • After downloading the file, unzip it and a folder would be created with that theme name
  • Now we have to upload the theme to wp-content/themes
  • For this we will be using a FTP client like FileZilla
  • FileZilla is a free software and it can be downloaded from here
  • Now open FileZilla and your hosting provider must have provided you the FTP details. Insert those details like Host, username, password and port and click on ´Quickconnect´ or simply press Enter
  • Navigate to public_html > wp-content > themes (On the server, which is in the right hand side)
  • And in the left hand side, which is your computer, navigate to the path where you have downloaded the theme. Simply right click on the theme´s folder and click on ´Upload´. That´s it, your theme has been uploaded.

Step 3: Activating the theme

  • Now login to your WordPress Admin area and navigate to Appearance > Themes
  • Here you would be able to see the theme name and screenshot, just click on Activate.

So now your theme is activated and its also populated with some added dummy content to help you get started. If you do not want that dummy content then click on Yes Delete Please!.
So this is how you can install Templatic theme. Now go ahead and customize it according to your needs.2

Still having issues installing the theme? Watch our theme installation video tutorial:
http://www.youtube.com/watch?v=dFN95RM_jJQ

Step 4: Login to Member Area

  • Head over to templatic.com and click on Member Login.
  • ,

  • Enter your User ID and password and click on Login.
  • Now you will be redirected to your Members Area.
  • Click on the theme name and then the download process would start. All the themes which you purchased would be listed here
  • Save the file to your Computer

Step 5: Uploading theme

  • After downloading the file, unzip it and a folder would be created with that theme name
  • Now we have to upload the theme to wp-content/themes
  • For this we will be using a FTP client like FileZilla
  • FileZilla is a free software and it can be downloaded from here
  • Now open FileZilla and your hosting provider must have provided you the FTP details. Insert those details like Host, username, password and port and click on ´Quickconnect´ or simply press Enter

Automatic Updates

You can update the Supreme WordPress theme automatically with a few clicks !

Update the Supreme WordPress theme automatically

While updating the theme Sometimes you may have got an error like

“Fatal error: Allowed memory size of 34554432 bytes exhausted (tried to allocate 2348617 bytes) in /home4/xxxx/public_html/wp-includes/plugin.php on line xxx”

This error occurs because of exceeding the default WordPress memory limit. Also if you have a Blog with a high traffic and have installed lots of plugins, then its advisable to increase this memory limit.

Lets first increase the WordPress memory by editing a file named as “wp-config.php” (This file would be in the root of your WordPress installation)

Open this file and find this:

define(

While updating the theme Sometimes you may have got an error like

“Fatal error: Allowed memory size of 34554432 bytes exhausted (tried to allocate 2348617 bytes) in /home4/xxxx/public_html/wp-includes/plugin.php on line xxx”

This error occurs because of exceeding the default WordPress memory limit. Also if you have a Blog with a high traffic and have installed lots of plugins, then its advisable to increase this memory limit.

Lets first increase the WordPress memory by editing a file named as “wp-config.php” (This file would be in the root of your WordPress installation)

Open this file and find this:

While updating the theme Sometimes you may have got an error like

“Fatal error: Allowed memory size of 34554432 bytes exhausted (tried to allocate 2348617 bytes) in /home4/xxxx/public_html/wp-includes/plugin.php on line xxx”

This error occurs because of exceeding the default WordPress memory limit. Also if you have a Blog with a high traffic and have installed lots of plugins, then its advisable to increase this memory limit.

Lets first increase the WordPress memory by editing a file named as “wp-config.php” (This file would be in the root of your WordPress installation)

Open this file and find this:


Widgetized Home page

The whole home page of Supreme wordpress theme is widget ready !

Widget ready home page!

WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Example of the WordPress Widget Panel

Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. The order and placement is set by the WordPress Theme in the functions.php file.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory .

The Widget menu will only appear of your Theme has active widgetized sidebars. If it does, you can add widgets by:

  • Go to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
  • Preview the site. You should find that the “default” sidebar elements are now gone and only the new addition is visible.
  • Return to the Widgets Panel to continue adding Widgets.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget”s interface.
  • To save the Widget”s customization, click Save.
  • To remove the Widget, click Remove or Delete.
  • If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme”s ability to preserve other Theme”s Widgets.

The whole home page of Supreme wordpress theme is widget ready !

WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Example of the WordPress Widget Panel

Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. The order and placement is set by the WordPress Theme in the functions.php file.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory .

The Widget menu will only appear of your Theme has active widgetized sidebars. If it does, you can add widgets by:

  • Go to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
  • Preview the site. You should find that the “default” sidebar elements are now gone and only the new addition is visible.
  • Return to the Widgets Panel to continue adding Widgets.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget”s interface.
  • To save the Widget”s customization, click Save.
  • To remove the Widget, click Remove or Delete.
  • If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme”s ability to preserve other Theme”s Widgets.

Use Shortcodes and make your content look awesome

See all the shortcodes you can use on this page

Shortcodes to style your content

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.