This following code you need to add in functions.php file.

function my_add_frontend_scripts() {
    if( ! is_admin() ) {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-core');
    }
}
add_action('init', 'my_add_frontend_scripts');

Then you are able to see the jquery-ui in your wordpress theme.

Incoming search terms:

• how to include jquery ui in wordpress
• includes jquery ui wordpress
• jquery ui grid to pdf using php
• jquery ui wordpress
• jquery wordpress api

Follow us on Twitter WordPress API

Some time image alignment and photo caption is not coming properly.

When you are creating creating new wordpress theme or taking theme from anyone put following CSS code in style.css file. Make sure following CSS code is present in your wordpress theme.

 /* =WordPress Core
 -------------------------------------------------------------- */
 .alignnone {
 margin: 5px 20px 20px 0;
 }

.aligncenter, div.aligncenter {
 display:block;
 margin: 5px auto 5px auto;
 }

.alignright {
 float:right;
 margin: 5px 0 20px 20px;
 }

.alignleft {
 float:left;
 margin: 5px 20px 20px 0;
 }

.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
 }

a img.alignright {
 float:right;
 margin: 5px 0 20px 20px;
 }

a img.alignnone {
 margin: 5px 20px 20px 0;
 }

a img.alignleft {
 float:left;
 margin: 5px 20px 20px 0;
 }

a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto
 }

.wp-caption {
 background: #fff;
 border: 1px solid #f0f0f0;
 max-width: 96%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
 }

.wp-caption.alignnone {
 margin: 5px 20px 20px 0;
 }

.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
 }

.wp-caption.alignright {
 margin: 5px 0 20px 20px;
 }

.wp-caption img {
 border: 0 none;
 height: auto;
 margin:0;
 max-width: 98.5%;
 padding:0;
 width: auto;
 }

.wp-caption p.wp-caption-text {
 font-size:11px;
 line-height:17px;
 margin:0;
 padding:0 4px 5px;
 }

 

Above CSS code is very important for every wordpress theme.

wordpress-default css for wordpress theme

Incoming search terms:

• wysiwyg wordpress theme editor

Follow us on Twitter WordPress API

Aryaa wordpress theme is nice SEO friendly options. It is very SEO friendly because of powerful HTML Tags and Social Features. Normally Magazine style themes are not free but This theme is free for download.

This wordpress theme is similar to Mashable wordpress theme. One year before Mashable used wordpress theme same like Aryaa. We inspired by mashable site. Many people asked for develop theme like mashable. So you can download this theme and enjoy!

Full screen shot will look as follows:

aryaa-wordpress-theme-full 

It has Custom Menu and Widget support and multiple configuration options:

aryaa-wordpress-theme-options

Aryaa has Theme control panel for managing the google Adsense, Facebook connect code, Twitter, facebook, Feedburner options.

aryaa-wordpress-theme-admin-options

High Quality (HQ) Free WordPres Themes collection, Magazine Style, News Paper Style, 1 Columns, 2 Columns, Mixed Colums, Widgets,google adsense ready, Seo Friendly, and minimal, Fast loading and many more.

What’s on Aryaa

• Widget Support
• WordPress 2.7 to 3.1 support
• Fixed Width
• 2 columns
• Right Sidebar
• Google Ads
• Gravatar Support
• Custom Image Header
• XHTML & CSS valid
• Minimal and Fast Loading
• WordPress 2.7 to current version
• Menu Support – Three Menu support – Header, Top, Footer
• Premium version // Sub Page Menu
• Premium version // Theme Options
• Premium version // Banner Management
• Premium version // Page Comment Templates
• Premium version // FeedBurner Integration
• Premium version // 2 Color Schemes ready
• Premium version // Auto Generated Image (with or without custom fields)
• Premium version // Beautiful Themes Options
• Premium version // Features Post
• Premium version // Social Bookmark integration
• Premium version // and many more

Demo | Download

Incoming search terms:

• css menu mashable

Follow us on Twitter WordPress API

I recommend not to use any wordpress plugin for sharing the article. You can use following code for sharing your article. You need to just add the following code in your wordpress theme files. just use following code in index.php or single.php file.

For Designfloat
http://www.designfloat.com/submit.php?url=[URL]&title=[title] 

For Blogger
http://www.blogger.com/blog_this.pyra?t=&u=[URL]&l&n=[title]

For RSS feed
[URL]/feed/

For google buzz
http://www.google.com/reader/link?url=[URL]&title=[title]&snippet=[desc]&srcURL=[YOUR BLOG'S URL HERE]&srcTitle=[YOUR BLOG'S NAME HERE]

For Linked In
http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[title]&summary=[desc]&source=digcms

For Mixx
http://www.mixx.com/submit?page_url={url}&title={title}

For Netvibes
http://www.netvibes.com/share?title=[title]&url=[URL]

Twitter:

http://twitter.com/home?status=[title]+[URL]
Facebook:

http://www.facebook.com/share.php?u=[URL]&title=[title]
Digg:

http://www.digg.com/submit?phase=2&url=[URL]&title=[title]
Mixx:

http://www.mixx.com/submit?page_url=[URL]&title=[title]
Delicious:

http://del.icio.us/post?url=[URL]&title=[title]&notes=[desc]
Google:

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[desc]
Design Bump:

http://www.designbump.com/node/add/drigg/?url=[URL]&title=[title]&body=[desc]
Design Moo:

http://www.designmoo.com/node/add/drigg/?url=[URL]&title=[title]&body=[desc]
Design Buzz:

http://buzz.yahoo.com/buzz?targetUrl=[URL]&headline=[title]&summary=[desc]
DZone:

http://dzone.com/links/add.html?url=[URL]&title=[title]&description=[desc]
Tumblr

http://www.tumblr.com/share?v=3&u=[url]&t=[title]&s=[description]
Email1:

mailto:?subject=[title]&body=[URL]

Email2:

mailto:?subject=[title]&body=[description]
StumbleUpon:

http://www.stumbleupon.com/submit?url=[URL]&title=[title]
Reddit:

http://www.reddit.com/submit?url=[URL]&title=[title]
Technorati:

http://technorati.com/faves?add=[URL]&title=[title]
Newsvine:

http://www.newsvine.com/_tools/seed&save?u=[url]&h=[title]
Sphinn:

http://sphinn.com/submit.php?url=[url]&title=[title]
Slashdot:

http://slashdot.org/bookmark.pl?title=[title]&url=[url]
Ping.fm:

http://ping.fm/ref/?link=[url]&title=[title]&body=[desc]
Evernote:

http://www.evernote.com/clip.action?url=[URL]&title=[title]
Friendfeed:

http://www.friendfeed.com/share?url=[URL]&title=[title]
Sphinn

http://sphinn.com/index.php?c=post&m=submit&link=[url]
Blinklist

http://www.blinklist.com/index.php?Action=Blink/Addblink.php&Url=[url]&Title=[title]
Fark

http://cgi.fark.com/cgi/fark/farkit.pl?u=[url]&h=[title]
Propeller

http://www.propeller.com/submit/?url=[url]
Netvouz

http://www.netvouz.com/action/submitBookmark?url=[url]&title=[title]&popup=no
ShpereIt

http://www.sphere.com/search?q=sphereit:[url]&title=[title]
Live

https://favorites.live.com/quickadd.aspx?marklet=1&url=[url]&title=[title]
Myspace

http://www.myspace.com/Modules/PostTo/Pages/?u=[url]&t=[title]
Slashdot

http://slashdot.org/bookmark.pl?url=[url]&title=[title]

You just need to use the following code instead of [url]

<?php the_permalink(); ?>

For description use following code.

<?php the_excerpt();

For Title use following code.

<?php the_title(); ?>

I used above code in digcms.com. You can check that on that site.

This will reduce you database queries.

share post or page without any wordpress plugin

Follow us on Twitter WordPress API

In this article I will tell you how to create the wordpress theme with 978 grid system. For this you dont need to the PHP or wordpress API knowledge. If you are having basic HTML and CSS knowledge then also you can easily create the wordpress theme with 978 grid system. Main advantage of creating wordpress theme with grid system is SEO. If you add the grid system in your wordpress theme then that will be helpful for SEO also.

• Setup the local development environment and wordpress

For local wordpress theme development you need to install PHP, Mysql, apache on your computer or laptop.If you are using the windows then you can install wamp or xxamp server on your machine. If you are using Linux or Max then you need to install the PHP, Mysql, Apache to your PC.

After Server setup first install the wordpress to your local box. Then go to your wordpress installation folder. Go to WordPress root folder and open following folder.

wp-content->themes

Start developing new wordpress theme with 978 grid system.

• Create new theme folder in themes folder. (you can keep name as per your choice. I kept grid978 name for my wordpress theme)

• For creating wordpress theme following files need to be created in theme folder(for me in grid978 folder)

style.css – The main stylesheet. This must be included with your Theme, and it must contain the information header for your Theme.
index.php -  The main template. If your Theme provides its own templates, index.php must be present.
comments.php – The comments template.
single.php -  The single post template. Used when a single post is queried. For this and all other query templates, index.php is used if the query template is not present.
page.php – the page template. Used when an individual Page is queried.
author.php – The author template. Used when an author is queried.
archive.php -  The archive template. Used when a category, author, or date is queried. Note that this template will be overridden by category.php, author.php, and date.php for their respective query types.
search.php – The search results template. Used when a search is performed.
attachment.php -  Attachment template. Used when viewing a single attachment.
image.php – Image attachment template. Used when viewing a single image attachment. If not present, attachment.php will be used.

Or If you are not having knowlege of creating those files then you can download the empty wordpress theme or you can download wordpress framework. Check following article and download empty framework.

List of free wordpress theme frameworks for wordpress theme developer

I always like the Twenty ten wordpress theme. If you are not having good knowledge of CSS then you need to download this theme form following URL. After downloading copy paste the all the files in to your theme folder.

Twenty Ten

Or If you are having good knowledge of CSS then you can download the complete naked and blank wordpress theme from following URL: (I used the starkers wodpress framework)

http://starkerstheme.com/

• Download the 978 grid system

Then go to following site and download the 978 grid system.

http://978.gs/

978 Grid System for Web Design

I downloaded the zip file called brothersroloff-978-Grid-System-9bea20f.zip file. I extracted the folder.The package comes with a lot of files. I just coped the 978 Templates\CS978.css file in my wordpress theme folder. I opened the file and copied css code into my theme style.php file.

• Change your Theme name

Open your style.css file and put following code in that file.

/*
Theme Name:grid978
Theme URI:http://wordpressapi.com
Description:The completely 978 grid system ready wordpress theme (Based on Twenty Ten)
Version:1.0
Author:wordpressapi.com
Author URI:http://wordpressapi.com
Tags:wordpressapi, grid, 978 grid, 3 column, clean, basic
*/

you need to change the theme name and other information as per your choice.

Create Screenshot.png file with size on 400 width and 350 height and put that in your theme folder. Now if you check your theme in wordpress admin section. Your theme will be visible in wordpress admin section.

grid-978-theme-by-wordpressapi-com

• Use Reset CSS in style.css file

You need to use the following style code in your style.css file for applying the reset CSS.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{background:transparent; border:0; margin:0; padding:0; vertical-align:baseline}
body{line-height:1}

h1, h2, h3, h4, h5, h6{clear:both; font-family:Helvetica,Arial,verdana,sans-serif}
ol, ul{list-style:none}
blockquote{quotes:none}
blockquote:before, blockquote:after{content:''; content:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}
a img{border:none}

If you taken the twenty ten theme as a base then you dont need to put reset css in that file.

• Select your grid system and layout for your wordpress theme.

I planned the keep 390px as sidebar area and 558px as content area. For more information you can check following image.

Plan your layout for developing the wordpress theme with grid 978 system. I planned the following layout for creating the wordpress theme.

• Start using the 978 grid system for building the theme

Note :In this tutorial I am given the whole wordpress theme files for download with all the assets. You can download the our grid978 wordpress theme and check the code.

For setting the main container. I first opened the header.php file and inserted the following code after the body tag.

<div class='layout-978'>

Then I opened the footer.php file and before wp_footer() function put the close div code.

• Setting header and menu section using 978 grid system.

Open your header.php file and after ‘layout-978′ div put following code in file.

<div class='row header'>

// Here is all header and menu code

</div>

• Setting footer section using 978 grid system.

Open your footer.php file and after ‘layout-978′ div put following code in file.

<div class='row footer'>

// Here is all footer code

</div>

• Setting up the main content area and sidebar area with grid 978 system

Using following code you can set the main content area and sidebar.

<div class='row'>
<div class='col7'>
// Main content Area
// This block code used in loop.php, single.php and page.php file
</div>
<div class='col5'>
// Top Side bar Area
// This block code used in sidebar.php file
</div>
<div class='col5'>
// Main Side bar Area
// This block code used in sidebar.php file
<div class='col2'>
// Primary Side bar Area
// This block code used in sidebar.php file
</div>
<div class='col3'>
// Secondary Side bar Area
// This block code used in sidebar.php file
</div>
</div>

For this I used the header.php, footer.php, singe.php, page.php and sidebar.php file.

Note : In this tutorial I am given the whole wordpress theme files for download with all the assets. You can download the our grid978 wordpress theme and check the code.

• Set the content width for your theme

Open your functions.php file and find the following code and replace it to

if ( ! isset( $content_width ) )
 $content_width = 558;

• Set the menu with CSS style

For multilevel menu support you need to put the following code in to your style.css file.

/* =Menu
-------------------------------------------------------------- */
#access{display:block; float:left; background:#51011f; margin:0 auto; width:978px; border-bottom:1px solid #28000f}
#access .menu-header,
div.menu{font-size:14px; font-weight:bold; margin-left:0px; width:978px; text-shadow:1px 1px 1px #000}
#access .menu-header ul,
div.menu ul{list-style:none; margin:0}
#access .menu-header li,
div.menu li{float:left; position:relative}
#access a{color:#fff; display:block; line-height:34px; /*line-height:38px; */padding:0 10px; text-decoration:none}
#access ul ul{box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); display:none; position:absolute; top:34px; left:0; float:left; width:180px; z-index:99999}
#access ul ul li{min-width:180px}
#access ul ul ul{left:100%; top:0}
#access ul ul a{background:#51011f; line-height:1em; padding:10px; width:160px; height:auto; opacity:0.9; color:#fff}
#access li:hover >a,
#access ul ul:hover >a{color:#B8F01C}
#access ul li:hover >ul{display:block}
#access ul li.current_page_item >a,
#access ul li.current-menu-ancestor >a,
#access ul li.current-menu-item >a,
#access ul li.current-menu-parent >a{color:#fff; background:transparent url(images/arrow2.png) top center no-repeat}
#access ul ul li.current_page_item >a,
#access ul ul li.current-menu-ancestor >a,
#access ul ul li.current-menu-item >a,
#access ul ul li.current-menu-parent >a{color:#fff; background:#853E08}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover{color:#fff; background:#853E08}

You can change this code as per your wordpress design and colors.

• Set the footer widget area

Open your functions.php file and find and replace the following code.

find before_widget section for footer section and add the div with class “col3″. I used the 222px grid size for footer widget section.

You can add this code in sidebar-footer.php file also. you just need to add the div with class “col3″ before all widgets.

Your wordpress theme is completed with 978 grid system. You can change and add more styles to your wordpress theme as per your design and colors.

• How theme is looking

After creating theme is looking as follows:

• How to mange the widget section the grid978 wordpress theme.

If you check your wordpress admin area. Go to appearance->Widgets section. This will look as follows:

Apart from this you can mange the Menu, Background and header image from this wordpress theme.

You can download the complete source code here.

Download Source Code

If you want to see the Demo of Grid978 wordpress theme then you need to check following URL:

Grid978 Theme Demo | Download

This 978 gird system based free wordpress theme framework is created by wordpressapi.com. If you are having any doubts about developing wordpress theme with 978 grid system then you can write to me on wordpressapi@gmail.com

Incoming search terms:

• 978 gs wordpress
• 978 grid
• theme wordpress in 960 grid
• 978 grid tutorial
• wordpress api theme width
• wordpress grid theme tutorial
• wordpress grid system
• installer grid sur wordpress
• 978 gs tutorial
• wordpress grid theme developer
• random grid wordpress theme
• wordpress theme grid
• tutorial 978 grid system
• using 978 grid
• wordpress theme design grid
• wordpress building a grid system
• wordpress grid themes
• wordpress grid theme
• plugin wordpress grid system 960 rar
• how to make grid page template for wordpress theme

Follow us on Twitter WordPress API

List of free wordpress theme frameworks for wordpress theme developer

In this article I created the list of some very nice wordpress themes which are wordpress 3.0 ready.

wpapi

Demo | Download

MartiCorp

Demo | Download

GamesAwe

Demo | Download

The Morning After

Demo | Download

Alloka

Demo | Download

Arnables Tribune

Demo | Download

Structure

Demo | Download

Ajooba

Demo | Download

Greenos Magazine

Demo | Download

Mansion

Demo | Download

Apticus

Demo | Download

Fetolinos Magazine

Demo | Download

Magazeen

Demo | Download

PRO Fashion

Demo | Download

White Green

Demo | Download

Cenuti

Demo | Download

Begi

Demo | Download

This list is created by wordpressapi.com. If you want to suggest us more wordpress themes then please write to me on wordpressapi@gmail.com or put comment.

Follow us on Twitter WordPress API

You just need to use the good google adsense ready wordpress theme for blog. That will be helpful to you for making money fast. here I created I list of great google adsense ready free wordpress themes.

Ad Flex Blog & Niche Themes

Demo| Download

AdsMinded Adsense Theme

Demo| Download

Merah Putih

Demo | Download

SEO Adsense

Demo | Download

WP Colors

Demo | Download

030106 WordPress Theme

Demo | Download

Problogger Clean WordPress Theme

Demo | Download

MW WordPress Theme

Demo | Download

Adsense Theme

Demo | Download

Blue Sense WordPress Theme

Demo | Download

Citrus Sense WordPress Theme

Demo | Download

Adsense Ready WordPress Theme

Demo | Download

TypoXP Reloaded WordPress Theme

Demo | Download

Connection with Adsense WordPress Theme

Demo | Download

Almost Spring SEO with Adsense Ads

Demo | Download

Bubbles Adsense Theme

Demo | Download

Blix with Adsense WordPress Theme

Demo | Download

Elite Circle WordPress Theme

Demo | Download

Adsense Bogpod WordPress Theme

Demo | Download

Tigopedia Reloaded WordPress Theme

Demo | Download

Adsense Ready K2 Theme

Demo | Download

Rockin Newspaper Red WordPress Theme

Demo | Download

Activate WordPress Theme

Demo | Download

Follow us on Twitter WordPress API

The best part of wordpress framework is, If you are not having any php programming knowledge then also you can easily develop the wordpress theme fast. You just need some CSS and HTML knowledge.

Here I created I list of free wordpress theme frameworks which are very useful for wordpress theme developers and designers.

Grid978

free wordpress theme Framework which is based on 978 grid system

The Buffet Framework

Carrington

Thematic

Hybrid

Vanilla

WP Framework

SandBox

Junction WordPress Child Theme

Acamas

Starkers Theme

Elastic

Suffusion

This list created by wordpressapi.com. If you are knowing about more free wordpress theme framework then please write to me and put a comment.

Incoming search terms:

• wordpress framework book

Follow us on Twitter WordPress API

Here I created the list of free magazine style wordpress themes of 2011.

Pure Magazine WordPress Theme

Demo | Download

Scarlett Theme

Demo | Download

Traction

Demo | Download

Hamasaki Theme

Download | Demo

Snips

WPAPI

Demo | Download

Apticus

Demo | Download

Ajooba

Demo | Download

Rebel Magazine Theme

Download | Demo

AllTutorials

Demo | Download

Arthemia Free Theme

Download | Demo

maximum

Demo | Download

Jello Wala Mello Theme

Download | Demo

Polar Media Magazine WordPres Theme

Demo | Download

Mimbo Theme

Download | Demo

Art Magazine

Demo | Download

WP Gold Theme

Download | Demo

Kubrick on Crack

Demo | Download

Morning After Theme

Download | Demo

Clam Shell

Demo | Download

Forte Theme

Download | Demo

Incognito

Demo | Download

Premium News Theme

Download | Demo

Berita

Demo | Download

Angelia

Demo | Download

Hamasaki Theme

Download | Demo

WP Clear

Download | Demo

IsoTherm News

Download | Demo

Subtly Made

Download | Demo

Pro Start

Download | Demo

WebFolio

Download | Demo

FreshMotar

Download | Demo

Bueno

Download | Demo

PixDesign

Download | Demo

OrganicMoss Theme

Download | Demo

Moi Magazine

Download | Demo

FakeBlog

Download | Demo

Magazeen

Download | Demo

Elegant News

Download | Demo

Urbane

Download | Demo

I hope you will like this list. This post written by wordpressapi.com. If you found any more magazine style free wordpress themes then please put your comments or you can send email to me on wordpressapi@gmail.com.

Incoming search terms:

• create magazine style in wordpress php code
• download bulldog theme wordpress
• download linux style wordpress themes
• download wordpress Themes API
• free magazine wordpress themes
• pure magazine wordpress with api key

Follow us on Twitter WordPress API

Here I created the list of free wordpress themes which is really great for personal blogging.

Spectacular

Demo | Download

Journal Crunch

Demo | Download

Simplo

Demo | Download

Daily Notes

Demo | Download

Furvious

Demo | Download

Mainstream

Demo | Download

Koi

Demo | Download

Notepad Chaos

Demo | Download

Deskspace

Demo | Download

CreativeArt

Demo | Download

MysticGrunge

Color Paper

Demo | Download

Desk Mess

Demo | Download

This blogger theme list is created by wordpessapi.com. I hope you will like this list. If you want to suggest more personal blogging themes then please put your comments or you can send email to us using contact us page. In wordpressapi.com you will find more themes to your project.

Follow us on Twitter WordPress API