Book Image

WordPress Responsive Theme Design

By : Dejan Markovic
Book Image

WordPress Responsive Theme Design

By: Dejan Markovic

Overview of this book

<p>WordPress is a free and open source blogging tool, which runs on a web hosting service. It is used to implement responsive themes, to make WordPress sites optimized for mobile devices.</p> <p>This book will teach you how to design and develop your very own responsive WordPress theme and also submit your theme to the WordPress.org repository. The book starts with an introduction to the Responsive Web Design concepts and techniques. Then, it explains how to set up a local WordPress environment and also helps you understand the structure of the WordPress theme. Finally, we learn to create responsive comments in WordPress and also have a look at static pages and index templates. By the end of this book, you will have a better understanding of responsive theme development in WordPress and a WordPress Codex.</p>
Table of Contents (17 chapters)
WordPress Responsive Theme Design
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Featured images


The next step is to put featured images in the content template, and all it takes is adding one line:

<header class="entry-header">
      <?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h1>' ); ?>

      <?php if ( 'post' == get_post_type() ) : ?>
      <div class="entry-meta">
         <?php topcat_posted_on(); ?>
      </div><!-- .entry-meta -->
            <?php the_post_thumbnail('small-thumbnail'); ?>
      <?php endif; ?>
   </header><!-- .entry-header -->

Tip

Post thumbnails or featured images

While listing the excerpts of posts, we want to also show their post thumbnail—if they are available. This is why featured images are also called post thumbnails—like thumbnails in a gallery, they represent the post in the list context.

If you remember, we have added the two sizes of post thumbnails in the Chapter 6, Responsive...