twenty fourteen thumbnail tutorial

4
TWENTY FOURTEEN THUMBNAILS Source: http://youtu.be/oLct6SLTtjc Complete steps in blog.web6.org

Upload: kim-muellner

Post on 01-Sep-2014

210 views

Category:

Education


3 download

DESCRIPTION

How to set Twenty Fourteen thumbnail tutorial summary

TRANSCRIPT

Page 1: Twenty Fourteen Thumbnail Tutorial

TWENTY FOURTEEN THUMBNAILS

Source: http://youtu.be/oLct6SLTtjc

Complete steps in blog.web6.org

Page 2: Twenty Fourteen Thumbnail Tutorial

STEPS:1. Copy content.php from Twenty Fourteen parent theme to the child theme

2. Open content.php in the child theme, and delete the following code that is red bordered in the picture.

Page 3: Twenty Fourteen Thumbnail Tutorial

3. Still in the content.php of child theme, delete the following code red border in the picture and replace it with the code in next page.

Page 4: Twenty Fourteen Thumbnail Tutorial

4. The code:<?php if ( is_search() ) { ?> <div class="entry-summary"> <?php the_excerpt(); ?> </div><!-- .entry-summary --> <?php } elseif ( is_home() ) { ?> <div class="entry-content"> <?php if ( has_post_thumbnail()) : ?> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" > <?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?> </a> <?php endif; ?> <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) ); ?> </div><!-- .entry-content --> <?php } else { ?> <div class="entry-content"> <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) ); wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>', ) ); ?> </div><!-- .entry-content --> <?php } ?>