They want to understand about basic rules and api about wordpress theme development. Here we collected some best of urls which has best practices and guidelines about wordpress theme development.

List of free wordpress theme frameworks for wordpress theme developer

How to create wordpress theme

How To Create WordPress Themes From Scratch Part 1

How to Create a WordPress Theme from Scratch

Theme Development

Template Tags for wordpress

Blog design and development

Designing a WordPress Theme From Scratch

Future of PSD to WordPress Conversion

All time Best WordPress Ebooks

General Guidelines when you are developing the new Theme

How to create simple wordpress theme

Basic CSS rules for development of WordPress themes

I liked one picture which about wordpress theme development. This picture is by Yoast blogger.

Best of Resources for wordpress theme-development

Follow us on Twitter WordPress API

First you need to add the following code in your wp-config.php file.

define('FTP_USER', 'username');
define('FTP_PASS', 'mypassword');
define('FTP_HOST', '192.168.2.132');
define('FTP_SSL', false);

But this is old idea. If you dont want to add the ftp access in wp-config.php file then Just add the following line wp-config.php file.

define('FS_METHOD', 'direct');

Note: You need to give 755 permission to wp-content folder. Create the upgrade folder in wp-content folder.

If still you are facing issue then give 777 permission to all wp-content folder.

For permission use following command

cd your_wordpress_directory
sudo chown -R www-data wp-content
sudo chmod -R 755 wp-content

More information:

WordPress will try to write a temporary file to your /wp-content directory. If this succeeds, it compares the ownership of the file with it’s own uid, and if there is a match it will allow you to use the ‘direct’ method of installing plugins, themes, or updates.

Now, if for some reason you do not want to rely on the automatic check for which filesystem method to use, you can define a constant, 'FS_METHOD' in your wp-config.php file that is either 'direct' 'ssh', 'ftpext' or 'ftpsockets' and it will use method. Keep in mind that if you set this to ‘direct’ but your web user (the username under which your webs server runs) does not have proper write permissions, you will receive an error.

install and update the wordpress plugins without providing ftp access

Incoming search terms:

• how to install plugin in wordpress without ftp and ssh
• wordpress ec2 site plugin install ftp access error

Follow us on Twitter WordPress API

I added the google button code to digcms.com site.

You just need to add the following code to site.

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
 (function() {
 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 po.src = 'https://apis.google.com/js/plusone.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script>

For getting the different style of google plus button you can go to following site.

http://www.google.com/webmasters/+1/button/

how to add the google plus button code for wordpress without plugin

Incoming search terms:

• google plus navigation code
• googleplus button code
• how to add google plus without plugin

Follow us on Twitter WordPress API

What is RSS?

The easiest way to receive latest posts from your favorite blogs is to subscribe to RSS using feed readers such as Google Reader, Bloglines, NetVibes.
RSS (means Really Simple Syndication) retrieves the latest content from the sites you are interested and pulls them into your feed reader where you can read them all in one location rather than visiting each site separately.

What is FeedBurner?

Most blogs have RSS feed which is detected automatically by commonly used feed readers when the blog URL is added to the reader.

Setting Up Your Feedburner Feed

1.  Go to Feedburner and sign in to Feedburner with your Google Account (create a Google Account first if you don’t have one!).

However, if you want to make it more obvious and easier for readers to subscribe using RSS, or want to know exactly how many people subscribe to your blog then the best option is to add a Feedburner RSS feed and email subscription to your blog.

After creating feedburner account go to

1.  Click on the Publicize Tab > Email Subscription in your Feedburner account and click on Activate.

2.   Copy the HTML code.

After this go to wordpress admin panel and go to widget section and choose text widget.

Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.

The widget will automatically open — just add the HTML code for Feedburner email subscription, click Save and then Close.

This widget will look as follows:

If you like this article then please subscribe my blog.

Incoming search terms:

• email subscription and feedburner in one plugin
• feedburner email subscribe without plugin
• feedburner form plugins
• rss without feedburner
• subscribe feedburner form plugin
• wordpress plugin feedburner email subscribe 2012

Follow us on Twitter WordPress API

<?php /* Template Name: Art */
$loop = new WP_Query( array( 'post_type' => 'art', 'posts_per_page' => 10 ) );
while ( $loop->have_posts() ) : $loop->the_post();
the_title();
the_content();
global $post;
$custom = get_post_custom($post->ID);
echo '<div>';
the_content();
echo '</div>';
endwhile;
?>

Than open your appearance-Menu and add the Art page in navigation or main menu.

Using this trick you can easily add the custom post type in wordpress navigation.

Incoming search terms:

• custom terms wordpress nav menu

Follow us on Twitter WordPress API

add_action( 'init', 'wpapi_date_picker' );
function wpapi_date_picker() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui-core' );
    wp_enqueue_script( 'jquery-datepicker', 'http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.datepicker.js', array('jquery', 'jquery-ui-core' ) );
}

add_action( 'wp_footer', 'wpapi_print_scripts');
function wpapi_print_scripts() {
    ?>
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#datepicker').datepicker();
    })
</script>
    <?php
}

For showing the datepicker control in theme or plugin use following code.

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#datepicker').datepicker({
        dateFormat : 'yy-mm-dd'
    });
});
</script>

How to implement the Jquery UI datepicker in wordpress

If you have any issue for adding the datepicker control then please add comment or email me.

Incoming search terms:

• how add datepicker in wordpress theme?
• wordpress search datepicker
• wordpress jquery datepicker as search
• wordpress jquery datepicker
• use datepicker api in php application
• jqueryui wordpress
• jquery ui datepicker javascript php code
• how to protect not to be hidden fields in jquery datepicker javascript adding
• How to implement the JqueryUI in HTML
• how to implement jquery datepicker ruby
• how to implement a datepicker using javascript
• wordpress ui datepicker js in theme template

Follow us on Twitter WordPress API

// Register your javascript for properties
function admin_your_javascript(){
    global $post;
    if($post->post_type == 'post-type' && is_admin()) {
        wp_enqueue_script('YOUR-JS', WP_CONTENT_URL . '/themes/YOUR-THEME/js/YOUR-JS.js');

    }
}
add_action('admin_print_scripts', 'admin_your_javascript');

// Register your styles for properties
function admin_your_styles(){
    global $post;
    if($post->post_type == 'post-type' && is_admin()) {
        wp_enqueue_style('YOUR-CSS', WP_CONTENT_URL . '/themes/YOUR-THEME/css/YOUR-CSS.css');
    }
}
add_action('admin_print_styles', 'admin_your_styles');

You just need to replace Your theme name and javascript and css file name.

add javascript and css files into wordpress theme

Incoming search terms:

• newsletter wordpress plugin css

Follow us on Twitter WordPress API

It’s not well documented, but according to the codex, you can pass a ‘post_type’ variable in the get_comments function.

<?php
 $comments = get_comments('number=10&status=approve&post_type=YOUR_POST_TYPE');
foreach($comments as $comment) :

// comment loop code will go here

endforeach;
?>

Note: This code only useful after wordpress 3.1 version.

Show the comments from custom post type in wordpress

Incoming search terms:

• amazon wordpress plugin custom post type

Follow us on Twitter WordPress API

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

Change uploaded image name to post slug during upload using variables

In other words, if you are uploading/attaching images to the post whose page slug is “test-page-slug”, i’d like for the images to be renamed on the fly to test-page-slug-[C].[original_extension] — test-page-slug-1.jpg, test-page-slug-2.jpg etc (no matter what the original filenames were).

This is very easy. You just need to use following hook in functions.php file.

function wp_modify_uploaded_file_names($image_name) {

    // Get the parent post ID, if there is one
    if( isset($_GET['post_id']) ) {
        $post_id = $_GET['post_id'];
    } elseif( isset($_POST['post_id']) ) {
        $post_id = $_POST['post_id'];
    }

    // Only do this if we got the post ID--otherwise they're probably in
    //  the media section rather than uploading an image from a post.
    if(is_numeric($post_id)) {

        // Get the post slug
        $post_obj = get_post($post_id);
        $post_slug = $post_obj->post_name;

        // If we found a slug
        if($post_slug) {

            $random_number = rand(10000,99999);
            $image_name['name'] = $post_slug . '-' . $random_number . '.jpg';

        }

    }

    return $image_name;

}
add_filter('wp_handle_upload_prefilter', 'wp_modify_uploaded_file_names', 1, 1);

This is very easy.
if you have pretty permalinks enabled, so I’ve added a check to make sure there is a slug before renaming the file. You’ll also want to consider checking the file type, which I haven’t done here–I’ve just assumed it’s a jpg.

Incoming search terms:

• change upload image nem wordpress
• $post_slug = $post_obj->post_name;
• how can we change uploaded image name
• how to upload and rename image in php
• jmeter change filename post upload
• wordpress api chm
• wordpress api post php 2012
• wordpress plugin api database
• wordpress upload pictures into folder named by post slug

Follow us on Twitter WordPress API