WordPress Tutorial - Listing Blog Posts in Different Style with blog count

Previous Video: https://youtu.be/x3HVk2PuUSA
Previous Text: http://1wmedia.blogspot.in/2016/06/listing-blog-posts-in-different-style.html

In this tutorial, We will correct the previous bugs in the code and displaying limited post lists, I mean 5 or 7 latest posts. Please view the previous tutorial before reading this tutorial.

1. Open your front-page.php file and remove the unwanted <hr> tags. 
2. Add if statement for count which is the post count less than or equal to 5.
   
   <?php if ($count <= 5) : ?>
   
3. close the if statement before the endwhile.
4. Save the file. Now view the site. You will see only 5 posts in the post area.
5. For Post Thumbnail, Go to Post Edit and add thumbnail. For thumbnail size, Please view the previous tutorial.

Here is the modified code:

   <!-- START THE FEATURETTES -->


 <?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
<?php if ($count <= 7) : ?>
<?php if ($count % 2 == 0) : ?>

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading"><?php the_title(); ?></span></h2>
          <p class="lead"><?php the_content(); ?></p>
        </div>
        <div class="col-md-5">
           <?php the_post_thumbnail('', array('class' => 'featurette-image img-responsive center-block')); ?>
        </div>
      </div>
     
      <?php else  : ?>     
 

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading"><?php the_title(); ?></span></h2>
          <p class="lead"><?php the_content(); ?></p>
        </div>
        <div class="col-md-5 col-md-pull-7">
       
           <?php the_post_thumbnail('', array('class' => 'featurette-image img-responsive center-block')); ?>
    
        </div>
      </div>
     
      
      <hr class="featurette-divider">
      <?php endif; ?>
      <?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
 

      <!-- /END THE FEATURETTES -->


Video Tutorial:

 

WordPress Tutorial - Listing Blog Posts in Different Style

In this tutorial, We will see how to add blog posts in different design, Here, We will do this from front-page.php. Now this is our Home page.

1.                Change the Settings to “Your latest posts” from Dashboard -> Settings -> Readings -> Front Page Displays

2.                Now add the following codes to your functions.php file to add the Featured thumbnail option and thumbnail size setting.

add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 500, 500, true ); 

3.                Now open your front-page.php file. Now we will convert the “FEATURETTES” section into blog posts. Here notice that posts are listed in alternate style.

4.                So we need to give two styles. First post one style, second post another style, then it continues..

5.               ADD or replace the Following code into front-page.php “FEATURETTES” Section   

<!-- START THE FEATURETTES -->
 <hr class="featurette-divider">

 <?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
<?php if ($count % 2 == 0) : ?>

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading"><?php the_title(); ?></span></h2>
          <p class="lead"><?php the_content(); ?></p>
        </div>
        <div class="col-md-5">
         
         
          <?php the_post_thumbnail('', array('class' => 'featurette-image img-responsive center-block')); ?>
        </div>
      </div>
     
      <?php else : ?>     
 

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading"><?php the_title(); ?></span></h2>
          <p class="lead"><?php the_content(); ?></p>
        </div>
        <div class="col-md-5 col-md-pull-7">
           <?php the_post_thumbnail('', array('class' => 'featurette-image img-responsive center-block')); ?>
        </div>
      </div>
      <?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

      <hr class="featurette-divider">

        

      <!-- /END THE FEATURETTES -->

6.      Click save and view the site.
 

7.  It will show different styles of the blog post listing

           

The code has some error, In the next lesson, I will give corrected code.

How to increase web traffic to your website or blog - Effective ways

There are lots of ways are available to increase web traffic. But here, I'm only focusing on the effective ways which is tested by me.

Two kinds of Traffics:

1. Active Web Traffic.

Meaning - The admin or you (Who maintaining the blog or site) involved directly to increase the web traffic. For example, writing blog posts with effective and useful content by yourself. Making traffic by posting your url into Social networks. 

2. Passive Web Traffic.

Meaning - Someone will help you to increase your web traffic.It may be your SEO agency or software, A friend sharing your posts on social media.

How to increase Active Web Traffic?

The best way to increase active web traffic is " The admin or you (Who maintaining the blog or site)"  should be active. The admin should do the following:

1. Posting regularly on blogs or websites. Because new posting is very effective way to increase the traffic.
2. Topics should be more interesting and should be new.
3. Create viral topics and write about them. 
4. Create social media accounts, don't forget to post your post urls.
5. If you are maintaining your site, then focus on your keywords.
6. Create interlinks (Give urls links to words that also pointing other topic of your site.)
7. Always try to answer the comments.
8. Focus on new topics.
9. Find the topics which one create more traffic, then write about them. For example, Business, Entertainment, Music...
10. Don't forget to give tags, or keywords for your post.
11. Before writing do some research on Google. Search some keywords related to your post which is based on SEO and use them on your post.
12. Write some review posts related your blog. It will definitely increase the traffic.
13. Use some wonderful pictures to your post.
14. Participate on guest blogging and publish your blog url
15. Collect email from the visitors and send the new post links to them via email
16. Concentrate on Loading time of your website.

How to increase Passive Web Traffic?

Comparing with Active traffic method, Passive Web Traffic is effective and have lots of ideas. Do the following for Passive Web Traffic.

1. Google Adwords (Advertise your website on Adwords). This increases display on search results.
2. Facebook Ads. (Advertise your website on Facebook). This increases your target customers or visitor more specific on age, country..etc.
3. Hire an SEO agency or Freelancer, modify or develop your site as per new SEO standards.
4. Content is more important for long term SEO. So hire some professional writers, bloggers, learn from them or get new articles from them post it on your blog. " http://www.ehow.com/ " is an example site which is not their own writings. They are hiring professional writers and get articles from them for their site.
5. Tell your friends to share your posts on their social media.
6. Introduce Popular people on your site, and tell the popular guy to like your post and share it to their website, social media.
7. Create Youtube Channel, put your videos with your website url on videos and description of the video.
8. Take interview with popular people (influencing people on society or your field) and publish it on your site/blog. It will increase search results on google when people search for the popular guy.
9. Put some interesting polling campaign or survey through your site and publish to social media. 
10. Use some Email marketing software's that automatically send your new post links.
11. Create your community or Fan club who likes your posts.
12. Advertise on TV (This is depending upon you. It needs lots of money. Try a local channel first, then move to big channels).
13. Go to big conferences and meetings with your friends, and advertise your site through banner or posters.
14. Give newspaper ad, It is also more effective.
15. Always keep a statistic software on your site and keep watch it, who are visiting your site, I mean the country of the visitor, age, which topic they are willing to read..etc
16. Add share buttons to your blog posts, So visitors can easily share your posts to their social pages.
17. Add members or followers to your blog / site for FREE of cost.
18. Advertise your website on popular websites like news magazine site.
19. Create a Forum on your site.
20. Submit your url on all search engines like Google, Yahoo, Baidu..etc

WordPress Tutorial - Create WordPress sites with Page Builder - Part3

Please view the Previous Video: https://youtu.be/CZ-W3_3QHpg


WordPress Sites Using Page Builder : Building pages with contents using page builder free plugin. (This is also an option who don't want to use premium page builder plugins like Visual Composer)

In this Tutorial:

1. How to create icons and Site Origin Plugin feature boxes.
2. How to adjust rows in page builder.

WordPress Tutorial - Create WordPress sites with Page Builder - Part2

Previous Tutorial: https://youtu.be/IibhZfqG2xo

WordPress Sites Using Page Builder : Building pages with contents using page builder free plugin. (This is also an option who don't want to use premium page builder plugins like Visual Composer)

 1. Create Images with feature content
 2. Post Image Carousel

WordPress Tutorial - Create WordPress sites with Page Builder - Part1

In this lesson, we will see how to create WordPress pages with free page builder plugins

Plugins link:

1. https://wordpress.org/plugins/siteorigin-panels/
2. https://wordpress.org/plugins/so-widgets-bundle/

After installing this two plugins, watch the following video.

WordPress Tutorial - Bootstrap shortcode buttons, features