Basic Guide For Beginner To Customize WordPress Theme Twenty Sixteen

Date

If you have created a website or blog with help of WordPress, and also you have installed your favorite themes i.e twenty sixteen but you want to customize your WordPress theme twenty sixteen according to you. There are a lot of great features in this themes but sometimes we want according to customize and add few details to customize but here we are added some important things which very needed for any beginners who have installed WordPress themes twenty sixteen.

Before Editing any source code copy your code on Notepad or Sublime file for safe side.

Customization Of WordPress Theme Twenty Sixteen

Wordpress-Customization-theme-twenty-sixteen

  1. How to remove underline from hyperlink text in WordPress

    Sometimes line below the hyperlink get annoyed and most of users won’t want this line. Most of Users search online for removing underline text below the hyperlink but they not get exact answer what they search for.

    If you want to remove the line below the hyperlinks in WordPress, here we will tell you how to remove the underline from the hyperlink or Anchor text in WordPress. You need to follow few steps and edit the Style. Css file.

    So lets starts first you need to login in your WordPress admin. click on Appearance > Editor > On Right side in section of Styles click on Style sheet( style.css ).

    Now here in Style. Css file search for this code and remove this code box-shadow: 0 1px 0 0 currentColor; code for removing the underline of hyperlink or anchor text from your page or blog.

    If you not able to find this code and face trouble to find this code, Here we added full code where this code has been placed on your Style.Css file.

    .entry-content a,
    .entry-summary a,
    .taxonomy-description a,
    .logged-in-as a,
    .comment-content a,
    .pingback .comment-body > a,
    .textwidget a,
    .entry-footer a:hover,
    .site-info a:hover {
    box-shadow: 0 1px 0 0 currentColor; Search For This code
  2. How to excerpt text instead of showing full text on homepage and in category page

    When you have posted a new article on your blog and homepage showing full text instead of summary. If you again posted another articles on your blog then again homepage showing full descriptive text on your blog and homepage will be bigger and more scrollbar from up to down.

    First you have do this things, if you want to shown only two or three post on your homepage then you can customize number of post from your WordPress admin section.

    Click on Settings > Reading > here you can set here how many pages you want to show on homepage on your blog.

    select number of post

    Now how excerpt the text in form of summary.

    Click on appearance > Editor > Right Side click on Main Index Template( index.php ). Click on Index.php and paste this source code which shown on below.

    Note : Before Adding or editing code copy your current code on notepad or Sublime.

    <?php
    get_header(); ?>
    <div class=”content-area col-sm-12 col-md-8″>
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?> <div class=”blog-post”> <h2>
    <span class=”blog-post-title”><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php printf(__(‘Permanent Link to %s’), the_title_attribute(‘echo=0’)); ?>”>
    <?php the_title(); ?>
    </a></span>
    </h2>
    <div class=”metadata”>
    <?php $icons = array(); ?>
    <?php if (!is_page()): ?><span class=”thetime updated”><i class=”fa fa-calendar”></i><?php the_time(__(‘ F jS, Y’, ‘elicit’)) ?></span> </div>
    <div class=”postthumbnail”>
    <a href=”<?php echo get_permalink() ?>”><?php the_post_thumbnail(‘postthumbnail’); ?></a>
    </div>
    <?php if ( get_theme_mod( ‘bl_post_excerpt’,’1′ ) ) {
    the_excerpt();
    echo ‘<a href=”‘ . get_permalink() . ‘”><br><button class=”Button” type=”button”> Read More </button></a>’;
    } else {
    the_content( ” );

    } ?>
    <?php endif; ?>

    </div>
    <?php endwhile; ?>

    <?php

    $prev_link = get_previous_posts_link(__(‘&laquo; Newer Entries’, ‘elicit’));
    $next_link = get_next_posts_link(__(‘Older Entries &raquo;’, ‘elicit’));
    ?>
    <?php if ($prev_link || $next_link): ?>
    <div class=”navigation” >
    <div class=”singleright “>
    <div><?php echo $next_link; ?></div>
    </div>
    <div class=”singleleft”>
    <div><?php echo $prev_link; ?></div>
    </div>
    </div>
    <div class=”cleared”></div>
    <?php endif; ?>
    <?php else : ?>
    <h2 class=”center”><?php _e(‘Not Found’, ‘elicit’); ?></h2>
    <p class=”center”><?php _e(‘Sorry, but you are looking for something that isn&#8217;t here.’, ‘elicit’); ?></p>
    <?php if(function_exists(‘get_search_form’)) get_search_form(); ?>
    <?php endif; ?>
    </div>
    <div class=”col-sm-4″>
    <div class=”cleared”></div>
    <?php get_sidebar(); ?>
    </div>
    <div class=”cleared”></div>
    <?php get_footer(); ?>

  3. Again If you also want to excerpt the category section instead of showing full text then follow these steps.

    Click on appearance > Editor > On Right side click on Archives( archive.php )and paste the code which I have added above.

  4. How to add Breadcrumb in WordPress

    Breadcrumb is most important for navigation links If users click on inner of your page and want to know in which category this page is listed, breadcrumb show the right and proper information for users where this page is navigated from.

    beadcrumb display

    This will also help for your SEO. There are many plugins available for breadcrumb.

    One of best plugin which most users used for breadcrumb is Breadcrumb NavXT . This plugin have great features with many different settings.

    For Download Breadcrumb Navxt

    wordpress breadcrumb NavXT settings

    First you need to install Breadcrumb Plugins from add new plugins. Then Click on your WordPress Dashboard > Settings > Breadcrumb NavXT. Here you can customize breadcrumb according to yours.

    If you have installed this plugin then you need to add certain source code in your Header.php file. For Finding Header.php file Click on appearance > Editor > On Right Side Click on Header.php, just copy the below code and paste into the Header.php file at the bottom of code where you want to show breadcrumb.

    <div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>
    <?php if(function_exists(‘bcn_display’))
    {
    bcn_display();
    }?>
    </div>
  5. How to add Google Webmaster and Analytics code in WordPress

    Without Google webmaster and analytics you not able to track your website traffic and keywords for which rank for your website. Here we tell you how to install Google webmaster and analytics code in your WordPress website or blog.

    If you want to places both code without going any coding file then you need to install a plugin which name as “All in One SEO” Here you can add all code of webmaster and analytics.

    First you have to install All in One SEO plugin then click on All in One SEO > General Settings > Scroll Down little more you will find here section called “Webmaster Verification” Add here Google Webmaster HTML code in front of Google Webmaster Tools.

    Google Analytics and webmaste code

    Now just below you will get another section called “Google Settings” and go for Google Analytics Id Add only UA Id here for adding Google Analytics code for tracking your traffic of your website. Don’t need to add full code here.

  6. How to add related post in WordPress

    This is most important for SEO and also for decreasing bounce rate of blog or website. Adding related post is easy but again you need to install a plugin which called “Jetpack” which developed by wordpress.

    In this plugin there are many features First you need to verify your website by login in WordPress for full basic features of Jetpack.
    Now Click on Jetpack > Settings > and new screen appear in front of you, now search on search bar “related” then on just bottom you found Related posts click on related posts for customization.

    related post jetpack

    If you want to show only text on related post then check mark “Show a Related header to more clearly se….” and if you want to show thumbnails then check mark both of them.

  7. How to add © C Copyright In WordPress blog

    This is most important for any blog or website to add copyright for your website. Here I tell you how to add copyright in blog at the footer of your website.

    Follow these steps Login in your WordPress admin Click on Appearance > Editor > Right side Click on Theme Footer ( footer.php ).

    On Theme footer source code will open then you need to copy the below source code and paste into just above this code

    code.

    Note : Before editing your code copy original source code and paste into notepad for safe side. Copy the below code and paste into in your footer.php file of WordPress.

    Copyright &copy; 2016 &middot; All Rights Reserved &middot; <a href="Add URL of Your Blog"></a>

  8. Above these are the main things which need to customize after installed WordPress theme on your blog. If you still face any problems then comment below section we will help you.

    In next section we again adding beginner guide to customize WordPress, like , adding social media, contact form and sitemap and many more. So Keep visiting our website.

Rate this post

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.