Tag: API

add second sidebar in twenty thirteen wordpress theme

All wp developers and wordpress theme developers know about twenty thirteen wordpress theme. I do not need to talk about this more. Many people discussed about it issues and features. Many people are developed child themes based on twenty thirteen wp theme.

Some people asked me, how to add second sidebar in twenty thirteen wordpress theme. We can very easily add the second sidebar to it’s child theme.

add second sidebar in twenty thirteen wordpress theme

Using following simple code you can add the second sidebar to twenty thirteen wordpress child theme. If you are creating the child theme of twenty thirteen then you just need to add the following code into your functions.php file and that sit.

[viral-lock message=”Solution code is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

view source
print?
01function second_sidebar() {
02register_sidebar( array(
03'name'          => __( 'Second Widget Area', 'twentythirteen' ),
04'id'            => 'sidebar-3',
05'description'   => __( 'Appears on posts and pages in the sidebar.', 'twentythirteen' ),
06'before_widget' => '<aside id="%1$s">',
07'after_widget'&nbsp; => '</aside>',
08'before_title'&nbsp; => '<h3>',
09'after_title'&nbsp;&nbsp; => '</h3>',
10) );
11<?php dynamic_sidebar( 'sidebar-3' ); ?>
12}
13add_action( 'widgets_init', 'second_sidebar' );

[/viral-lock]

Above code will add the second sidebar to your child theme. using following code you can add the second sidebar to your child theme.

view source
print?
1<?php dynamic_sidebar( 'sidebar-3' ); ?>

you just need to place above code into your single.php and index.php file or you can add above code where you need to show the second sidebar in your child theme.

Based on child theme code you need to do some CSS changes so your second sidebar will look perfect. I suggest to use the any grid system wordpress framework or you can use bootstrap CSS grid system for fuild HTML framework.

How to add second sidebar in twenty thirteen wordpress theme
How to add second sidebar in twenty thirteen wordpress theme

how do i find my akismet api key for wordpress

Some wordpress developer asked me, how do i find my akismet api key for wordpress, For protect your site from spam comments you need the askimet api key. which is common for jetpack and akismet plugin. WordPress api key is very important for using the wordpress jetpack plugin. For hosted wordpress sites wordpress api key is very important.

how do i find my akismet api key for wordpress

Here I will show you how to get the new wordpress api key.

  • sign in with your WordPress.com credentials (if you not have  wordpress.org account yet then sign up to worpdpress.org
  • Then go to your wordpress site and allow Akismet to connect to your WordPress account
  • click “sign up for a subscription”
  • choose your price plan. Get free plan.
  • be greeted by an “All Done” page and your big API key at the top of the page

Copy your api key and put in your wordpress site for jetpack plugin.

how do i find my akismet api key for wordpress
how do i find my akismet api key for wordpress

How to wordpress secure file upload using apache rules

WordPress tutorial, How to wordpress secure file upload using apache rules, Here we given apache rule for secure your wordpress file upload functionality.

How to wordpress secure file upload using apache rules

Website security is most important point of any website. In wordpress we need to give 777 permission to wp-content/uploads folder. Some time we don’t want to give the 777 (read, write and execute) permission to folder due to security reason but wordpress do not allow you to upload images or media files to uploads folder.

Tip: Do not give 777 permission to wp-content/uploads folder. In stead change user ownership to apache folder.

Security

What you can do is. You can restrict other file types to upload in uploads folder using simple apache rule. following code you can use in .htaccess file.

view source
print?
1    Order Allow,Deny
2    Deny from all
3 
4<FilesMatch ".(jpg|jpeg|jpe|gif|png|tif|tiff)$">
5    Order Deny,Allow
6    Allow from all

Using above code you can secure your uploads folder and only selected files can be pushed into uploads folder.

How to wordpress secure file upload using apache rules
How to wordpress secure file upload using apache rules

Display the authors in dropdown menu using wp_dropdown_users – Hook/Filter

One of my client faced issue with Autor drop down which is in Admin section.

Display the authors in dropdown menu using hooks.

While creating the New post there was problem with the Author field. There are hundreds of irrelevant selections (users) and it’s difficult to select the right one.

WordPress is by default showing all the users in author drop down. I don’t want to show the other users in author drop down.

Display the authors in a dropdown menu
Hook/Filter – In wordpress Admin -Add new Post section -Display the authors in a dropdown menu using wp_dropdown_users One of my client faced issue with Autor drop down which is in Admin section. Display the authors in a dropdown menu using hooks

I searched for wp_dropdown_users hook or filter. But I did not found any proper solution.

Following articles are found helpful to me.
http://wordpress.org/support/topic/filter-for-post-quick-edit-author-drop-down
http://codex.wordpress.org/Function_Reference/wp_dropdown_users

Using that code I modified the code and I am able to fix the issue. You can put following code in to functions.php file.

view source
print?
01/*
02 * Hook for showing Admin and Author in Add new Post - Admin section dropdown menu
03 */
04function wpapi_override_wp_dropdown_users($output) {
05    global $post, $user_ID;
06    //get the Admin-role users IDs
07    $admins = getUsersWithRole('admin');
08    //get the author-role users IDs
09    $authors = getUsersWithRole('author');
10    //merge the array
11    $result = array_merge($admins, $authors);
12 
13    //array converted into comma seprated string
14    $authorsall = implode(",", $result);
15 
16    // return if this isn't the theme author override dropdown
17    if (!preg_match('/post_author_override/', $output))
18        return $output;
19 
20    // return if we've already replaced the list (end recursion)
21    if (preg_match('/post_author_override_replaced/', $output))
22        return $output;
23 
24    // replacement call to wp_dropdown_users
25    $output = wp_dropdown_users(array(
26        'echo' => 0,
27        'name' => 'post_author_override_replaced',
28        'selected' => empty($post->ID) ? $user_ID : $post->post_author,
29        'include_selected' => true,
30        'include' => $authorsall
31    ));
32 
33    // put the original name back
34    $output = preg_replace('/post_author_override_replaced/', 'post_author_override', $output);
35 
36    return $output;
37}
38 
39add_filter('wp_dropdown_users', 'wpapi_override_wp_dropdown_users');
40 
41/*
42 * Find User IDs by Role
43 */
44 
45function getUsersWithRole($role) {
46    $wp_user_search = new WP_User_Search($usersearch, $userspage, $role);
47    return $wp_user_search->get_results();
48}

Using above code, you can load multiple role users in author drop down.

How to wordpress add javascript to page template

For many purpose and designs we use the page template in wordpress site. WordPress tutorial for, How to wordpress add javascript to page template. Some time we need to load the custom javascript to page template. Here is code for same.

How to wordpress add javascript to page template

For that we can use following code.

view source
print?
1add_action('wp_enqueue_scripts','Load_Template_Scripts_wpapi');
2function Load_Template_Scripts_wpapi(){
3    if ( is_page_template('custom-page.php') ) {
4        wp_enqueue_script('my-script', 'path/to/script.js');
5    }
6}

For loading any script or any custom code you can use above action in wordpress. Above code you need to add in functions.php file. Which you can find in your wordpress theme folder.

How to wordpress add javascript to page template
How to wordpress add javascript to page template

solved wordpress custom post type pagination not working

From wordpress 3.0 version, wordpress started the custom post type functionality. There are API provided by wordpress for adding the pagination for custom post type. Some WP developers asked me about pagination of custom post type. That is very easy to add the pagination. Here in this article I given the code snippet for showing the pagination in custom post type.

solved wordpress custom post type pagination not working

For showing the custom post type we always use the query_post method.

Just use the following code in your template or theme file.

view source
print?
01<?php get_header(); ?>
02 
03            <?php  query_posts( 'post_type=custom-post-type&paged='.$paged );
04                                    if (have_posts()) : while (have_posts()) : the_post(); ?>
05 
06//loop here
07 
08                        <?php endwhile; ?>
09                  <div id="nav-below" class="navigation">
10                    <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
11                    <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
12                  </div><!-- #nav-below -->
13                  <?php endif; wp_reset_query(); ?>
14 
15<?php get_footer(); ?>
solved wordpress custom post type pagination not working
solved wordpress custom post type pagination not working

Have fun!