Widgets Development in wordpress

function.php

copy and past in function.php page , you can also development more widgets area using this function
<?php
function add_widgets_init() {

    register_sidebar( array(
        'id' => 'first-sidebar',
        'name' => __( 'First Sidebar' , 'buttercream' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>'
        )
    );

    register_sidebar( array(
        'id' => 'second-sidebar',
        'name' => __( 'Second Sidebar' , 'buttercream' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>'
        )
    );

    register_sidebar( array(
        'id' => 'third-sidebar',
        'name' => __( 'Third Sidebar' , 'buttercream' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>'
        )
    );
} add_action( 'widgets_init', 'add_widgets_init' );  // initilization
?>


sidebar.php

copy and paste in sidebar.php page or any where you want to see your widgets
<?php do_action( 'before_sidebar' ); ?> 
 <?php if ( ! dynamic_sidebar( __( 'First Sidebar' , 'buttercream' ) ) ) : ?> 
<?php endif; // end First sidebar widget area ?>             
  


<?php do_action( 'before_sidebar' ); ?> 
<?php if ( ! dynamic_sidebar( __( 'second-sidebar' , 'buttercream' ) ) ) : ?>  
<?php endif; // end second sidebar widget area ?>        
     
            
 <?php do_action( 'before_sidebar' ); ?>  
<?php if ( ! dynamic_sidebar( __( 'Third Sidebar' , 'buttercream' ) ) ) : ?> 
<?php endif; // end third sidebar widget area ?>             
            
            

Comments

Post a Comment

If you Satisfied , Please Leave a comment

Popular posts from this blog

Call PHP Function In JavaScript Using Ajax

how to call php function from javascript function 1. create Folder on WWW Or htdocs (on your computer) 2. create index.php page on your folder and paste this code index.php <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  <script> function addsearchproduct(x){   // this is JavaScript  function    $.ajax({   type: 'POST',   url: "function.php?f=phpFunction&p="+x,          // call php function , phpFunction=function Name , x= parameter     data: {},   success: function(data1){         alert(data1);   } });             } </script> <input type="button" value="call Php Function" onclick="...
Read more

List of Post Category Wise in wordpress

for example show this type Category 1   post1    post 2    post3 category 2    post 1    post 2 Category 3   post1    post 2    post3  code : <?php // get all the categories from the database    $cats  =  get_categories (); // loop through the categries   foreach ( $cats  as  $cat ) {   // setup the cateogory ID    $cat_id =  $cat -> term_id ;   // Make a header for the cateogry    echo  "<h2>" . $cat -> name . "</h2>" ;   // create a custom wordpress query   query_posts ( "cat=$cat_id&post_per_page=100" );    // start the wordpre...
Read more