How to create a new post type in WordPress

To create a new post type in WordPress open function.php file from current active folder
add below code and update

function custom_post_type() {
 
// Set UI labels for Custom Post Type
    $labels = array(
        'name'                => _x( 'Resources', 'Post Type General Name', 'twentythirteen' ),
        'singular_name'       => _x( 'Resources', 'Post Type Singular Name', 'twentythirteen' ),
        'menu_name'           => __( 'Resources', 'twentythirteen' ),
        'parent_item_colon'   => __( 'Parent Resources', 'twentythirteen' ),
        'all_items'           => __( 'All Resources', 'twentythirteen' ),
        'view_item'           => __( 'View Resource', 'twentythirteen' ),
        'add_new_item'        => __( 'Add New Resource', 'twentythirteen' ),
        'add_new'             => __( 'Add New', 'twentythirteen' ),
        'edit_item'           => __( 'Edit Resources', 'twentythirteen' ),
        'update_item'         => __( 'Update Resources', 'twentythirteen' ),
        'search_items'        => __( 'Search Resources', 'twentythirteen' ),
        'not_found'           => __( 'Not Found', 'twentythirteen' ),
        'not_found_in_trash'  => __( 'Not found in Trash', 'twentythirteen' ),
    );
     
// Set other options for Custom Post Type
     
    $args = array(
        'label'               => __( 'Resources', 'twentythirteen' ),
        'description'         => __( 'Resources info', 'twentythirteen' ),
        'labels'              => $labels,
        // Features this CPT supports in Post Editor
        'supports'            => array( 'title', 'editor', 'excerpt', 'author', 'thumbnail', 'comments', 'revisions', 'custom-fields', ),
        // You can associate this CPT with a taxonomy or custom taxonomy. 
   
     
        'rewrite' => array('slug' => '%types%'),
      //  'rewrite' => false,
      //     'taxonomies'          => array('topics', 'types', 'industry' ),

        /* A hierarchical CPT is like Pages and can have
        * Parent and child items. A non-hierarchical CPT
        * is like Posts.
        */ 
        'hierarchical'        => true,
        'public'              => true,
        'show_ui'             => true,
        'show_in_menu'        => true,
        'show_in_nav_menus'   => true,
        'show_in_admin_bar'   => true,
        'menu_position'       => 5,
        'can_export'          => true,
        'has_archive'         => true,
        'exclude_from_search' => false,
        'publicly_queryable'  => true,
        'capability_type'     => 'post',
    );
     
    // Registering your Custom Post Type
    register_post_type( 'resources', $args );
 
}

 
add_action( 'init', 'custom_post_type', 0 );

It will create a Resources menu in your admin side their you can view or update custom post Resources

How to add auto redirect to https in wordpress

TO add add auto redirect to https in WordPress.

Open .htaccess files from home directory

add below code and upload

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

It look like like full htaccess

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
# END WordPress

It will do auto redirect to https in wordpress

animated effect in search box button from right to left

CSS is most popular nowadays, day by days css is coming up with new features. To add an animated search box button that start effect from right to left open

First add search your form

 <form><input name="search" type="text" placeholder="Search ?" /></form>

include Style

 <style> 
input[type=text] {
 width: 130px;
 box-sizing: border-box;
 border: 2px solid #ccc;
 border-radius: 4px;
 font-size: 16px;
 background-color: white;
 background-image: url('searchicon.png');
 background-position: 10px 10px; 
 background-repeat: no-repeat;
 padding: 12px 20px 12px 40px;
 -webkit-transition: width 0.4s ease-in-out;
 transition: width 0.4s ease-in-out;
 margin: 0 0 0 auto;
float:right;
}
#input:focus {
 width: 100%;
}
input[type=text]:focus {
 width: 100%;
}
</style>

See Demo

Right to left

Left to Right

where to add site logo and site description for displaying in whatsapp share and social media share?

To display website Title in social media share
you have to add below meta insidetag

 <meta property="og:description" content="Display Site Title for sharing in social media" />

To display website description in social media share
you have to add below meta insidetag

<meta property="og:description" content="Display Site Title for sharing in social media" />

To display website logo in social media share
you have to add below meta inside <head> tag

 use png image only

 <meta property="og:image" content="https://www.tutorialshore.com/wp-content/uploads/2018/08/tutorialshore-1.png" />

See Full code

 <head>
<meta property="og:image" content="https://www.tutorialshore.com/wp-content/uploads/2018/08/tutorialshore-1.png" />
<meta property="og:title" content="social media Share" />
<meta property="og:description" content="where to add Site logo and site description for displaying whats app and social media" />