Web Prepration

Web Concept Tutorials

Wordpress

How to Display Related Posts in WordPress

by 26 Comments

In this post, I am going to explain how to Display Related Posts on post single page in WordPress. In WordPress you can display related posts using plugin because lots of plugin available of WordPress. But in this post we can show you how to display related posts without any plugin.

 

There are two methods of display  related post on single post page and you can choose whichever method you prefer. One way is doing it with a plugin and then there is another method that is doing it without any plugin.

Display Related Posts in WordPress without any Plugin

Please copy the below code and paste the following code in single.php where you want to display related post.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<?php
//This code use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
echo '<h1>Related Posts</h1>';
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'posts_per_page'=>5,
'caller_get_posts'=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
<?php
endwhile;
}
wp_reset_query();
}
?>
 

I have used WP_query  function  for display related posts on single page of post.

We hope that this article is helpful for WordPress beginners. You may also want to see our other posts of WordPress then click https://webprepration.com/category/wordpress/  and also you can follow on social sites etc.

Thanks!!!

How to create custom post type with taxonomy in WordPress

by 13 Comments

In this post, I am going to explain how to create custom post type with category/taxonomy  in WordPress without any plugin.

There are lots of plugin available for custom post type and taxonomy but if you want to create without any  plugin,then needs to follow given steps.

You can create custom post in two ways first use  below code in your active theme functions.php file or create new own plugin and paste below code in your plugin file.

Example:-

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
add_action( 'init', 'webprepration_init' );
/**
* Register a book post type.
*/
function webprepration_init() {
$labels = array(
'name'               => _x( 'Books', 'post type general name', 'your-plugin-textdomain' ),
'singular_name'      => _x( 'Book', 'post type singular name', 'your-plugin-textdomain' ),
'menu_name'          => _x( 'Books', 'admin menu', 'your-plugin-textdomain' ),
'name_admin_bar'     => _x( 'Book', 'add new on admin bar', 'your-plugin-textdomain' ),
'add_new'            => _x( 'Add New', 'book', 'your-plugin-textdomain' ),
'add_new_item'       => __( 'Add New Book', 'your-plugin-textdomain' ),
'new_item'           => __( 'New Book', 'your-plugin-textdomain' ),
'edit_item'          => __( 'Edit Book', 'your-plugin-textdomain' ),
'view_item'          => __( 'View Book', 'your-plugin-textdomain' ),
'all_items'          => __( 'All Books', 'your-plugin-textdomain' ),
'search_items'       => __( 'Search Books', 'your-plugin-textdomain' ),
'parent_item_colon'  => __( 'Parent Books:', 'your-plugin-textdomain' ),
'not_found'          => __( 'No books found.', 'your-plugin-textdomain' ),
'not_found_in_trash' => __( 'No books found in Trash.', 'your-plugin-textdomain' )
);
 
$args = array(
'labels'             => $labels,
                'description'        => __( 'Description.', 'your-plugin-textdomain' ),
'public'             => true,
'publicly_queryable' => true,
'show_ui'            => true,
'show_in_menu'       => true,
'query_var'          => true,
'rewrite'            => array( 'slug' => 'book' ),
'capability_type'    => 'post',
'has_archive'        => true,
'hierarchical'       => false,
'menu_position'      => null,
'supports'           => array( 'title', 'editor', 'author', 'thumbnail', 'excerpt', 'comments' )
);
 
register_post_type( 'book', $args );
}
 




Now save file and check in admin new post type book is registered. you can create lots of custom post according to need using register_post_type(‘post_type_name’,$args); function.
This function takes two parameters first post type name and second array type.

Now for category/taxonomy WordPress provided predefined function register_taxonomy( ‘book-category’, array( ‘book’ ), $args ); 

This function adds or overwrites a taxonomy. It takes in a name, an object name that it affects, and an array of parameters. It does not return anything.

Example:- Please copy the below code and paste it in your active theme functions.php file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
add_action( 'init', 'create_book_taxonomies', 0 );
 
function create_book_taxonomies() {
// Add new taxonomy, make it hierarchical (like categories)
$labels = array(
'name'              => _x( 'Categories', 'taxonomy general name', 'textdomain' ),
'singular_name'     => _x( 'Book Category', 'taxonomy singular name', 'textdomain' ),
'search_items'      => __( 'Search Categories', 'textdomain' ),
'all_items'         => __( 'All Categories', 'textdomain' ),
'parent_item'       => __( 'Parent Category', 'textdomain' ),
'parent_item_colon' => __( 'Parent Category:', 'textdomain' ),
'edit_item'         => __( 'Edit Category', 'textdomain' ),
'update_item'       => __( 'Update Category', 'textdomain' ),
'add_new_item'      => __( 'Add New Category', 'textdomain' ),
'new_item_name'     => __( 'New Category Name', 'textdomain' ),
'menu_name'         => __( 'Book Category', 'textdomain' ),
);
 
$args = array(
'hierarchical'      => true,
'labels'            => $labels,
'show_ui'           => true,
'show_admin_column' => true,
'query_var'         => true,
'rewrite'           => array( 'slug' => 'book-category' ),
);
 
register_taxonomy( 'book-category', array( 'book' ), $args );
}
 

If you want create multiple categories for single post then you can create lots of category there are no restriction in WordPress you can create lots of category like author,publication etc.

custom taxonomy/category

 

Featured Products custom query

by 3 Comments

In this post , I want to explain how to get data from database using custom tax_query in WordPress.  I am going to show example of featured product query where we get all featured products from database and display on page.

Also, I have created short-code of that result of products which is the easiest way of display anything in WordPress like on post or page. if you don’t have knowledge of hooks  then you can read WordPress tutorials from beginners to advance level click here 

WordPress provides short-code hooks which takes two mandatory parameters first short-code name and second function name like.

1
2
3
 
add_shortcode('featured_products', 'get_featured_products');
 




Now you can create short-code function or you can copy below code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<?php
 
add_shortcode('featured_products', 'get_featured_products');
 
function get_featured_products(){
 
    $tax_query[] = array(
    'taxonomy' => 'product_visibility',
    'field' => 'name',
    'terms' => 'featured',
    'operator' => 'IN',
    );
    // And
    $args = array(
    'post_type' => 'product',
    'post_status' => 'publish',
    'ignore_sticky_posts' => 1,
    'posts_per_page' => $products,
    'orderby' => $orderby,
    'order' => $order == 'asc' ? 'asc' : 'desc',
    'tax_query' => $tax_query
    );
 
    $query = new WP_Query( $args );
 
    $html = '</ul>';
        // The Loop
        if ( $query->have_posts() ) {
            while ( $query->have_posts() ) {
                $query->the_post();
                $html .= '<li>' . get_the_title() . '</li>';
            }
            // Restore original Post Data
            wp_reset_postdata();
            // Output
            return $html . '</ul>';
        } else {
            return "No featured products found :(";
        }
}
?>
 

If you want to display directly on any template without short-code then you can direct write code on template or copy below code and paste it on template where you want to display products.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
$tax_query[] = array(
    'taxonomy' => 'product_visibility',
    'field' => 'name',
    'terms' => 'featured',
    'operator' => 'IN',
    );
    // And
    $args = array(
    'post_type' => 'product',
    'post_status' => 'publish',
    'ignore_sticky_posts' => 1,
    'posts_per_page' => $products,
    'orderby' => $orderby,
    'order' => $order == 'asc' ? 'asc' : 'desc',
    'tax_query' => $tax_query
    );
 
    $query = new WP_Query( $args );
 
    echo '</ul>';
        // The Loop
        if ( $query->have_posts() ) {
            while ( $query->have_posts() ) {
                $query->the_post();
                echo '<li>' . get_the_title() . '</li>';
            }
            // Restore original Post Data
            wp_reset_postdata();
            // Output
           echo '</ul>';
        } else {
            echo "No featured products found :(";
        }
 

 

Thanks!!!!

How to create custom wordpress widget

by 143 Comments

In this post, I am going to explain “How to create custom WordPress Widget”. WordPress has some default widgets that you can use easily by just dragging it to the widget area. But if you want something special OR in your way you need to write your own custom code. Most of people create widgets using theme functions.php file but there are some drawbacks like whenever your theme update then your code get lost and also your widget code stop workign automatically. So I will always suggest don’t make changes directly in theme file. If you require any functionality then create your seprate plugin for that functionality this is the best way of creating any functionality in wordpress without any risk.

Before we get started, it would be best if you create a specific plugin where you will be pasting the widget code from this post.

You can also paste the code in your theme’s functions.php file. However, it will only be available when that particular theme is active.



In this post, we will create a simple widget that just greets visitors. Take a look at this code and then paste it in your specific plugin to see it in action.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
<?php
// Register and load the widget
function web_prep_load_widget() {
    register_widget( 'web_prep_widget' );
}
add_action( 'widgets_init', 'web_prep_load_widget' );
// Creating the widget
class web_prep_widget extends WP_Widget {
function __construct() {
parent::__construct(
// Base ID of your widget
'web_prep_widget',
// Widget name will appear in UI
__('Webprepration Widget', 'web_prep_widget_domain'),
// Widget description
array( 'description' => __( 'Sample widget based on Webprepration Tutorial', 'web_prep_widget_domain' ), )
);
}
// Creating widget front-end
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];
// This is where you run the code and display the output
echo __( 'Hello, Webprepration', 'web_prep_widget_domain' );
echo $args['after_widget'];
}
        
// Widget Backend
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'New title', 'web_prep_widget_domain' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
</p>
<?php
}
    
// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class web_prep_widget ends here
 
?>
 

After adding the code you need to go to the widget page. You will notice the new Webprepration Widget in the list of available widgets. You need to drag and drop this widget to a sidebar.

There are most important few things that you might want to know like web_prep_widget_domain ? If your are creating custom widget for your theme then you can change web_pre_widget_domain to your theme’s text domain.

We hope this post helped you learn how to easily create a custom WordPress widget.

Thanks!!!

 

HTML Formatting for Custom WordPress Menus

by 54 Comments

In this post will describe that how to change default html structure of menu in WordPress or how to use use bootstrap menu in WordPress, You can simply change menu html format in WordPress using fuction .php. If you want to change menu html and design then follow given codes.

You need to go to the your theme folder and open function.php file and copy below code and paste it in your file

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
function clean_custom_menus() {
$menu_name = 'primary'; // specify custom menu slug
if (($locations = get_nav_menu_locations()) && isset($locations[$menu_name])) {
$menu = wp_get_nav_menu_object($locations[$menu_name]);
$menu_items = wp_get_nav_menu_items($menu->term_id);
 
$menu_list = '' ."\n";
$menu_list .= "\t\t\t\t". '' ."\n";
 
foreach ((array) $menu_items as $key => $menu_item) {
 
$title = $menu_item->title;
 
$url = $menu_item->url;
 
$menu_list .= "\t\t\t\t\t". ''. $title .'' ."\n";
}
$menu_list .= "\t\t\t\t". '' ."\n";
$menu_list .= "\t\t\t". '' ."\n";
 
} else {
// $menu_list = '';
}
echo $menu_list;
}
 



Then call this function in your header.php file where you want to display menu. copy below code and paste it in your header.php file.

1
2
3
4
5
6
7
8
 
 <?php
 
if (function_exists(clean_custom_menus()))
clean_custom_menus();
 
?>