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

Image captions


Image captions are used a lot, and their purpose is to provide information about the image. They are optional, but they should be considered for every theme, as some people may use that feature. In order to see the caption, we should use the Markup: Image Alignment post. Then, we can scroll down to the example with the image captions:

From the preceding screenshot, we can see that the caption below the image looks fine. My advice is to just style it a little bit in order to make it more distinguishable. If we inspect the following code, the image with Firebug, or any other code inspector, we will get this:

<figcaption class="wp-caption-text">
Look at 580×300 getting some 
<a href="http://en.support.wordpress.com/images/image-settings/"  title="Image Settings">caption</a>
love.
</figcaption>

The wp-caption-text item is the CSS class that we are looking for and it is located in style.css. So, the code that we are looking to delete is:

 .wp-caption .wp-caption...