Book Image

WordPress Plugin Development: Beginner's Guide

Book Image

WordPress Plugin Development: Beginner's Guide

Overview of this book

If you can write WordPress plug-ins, you can make WordPress do just about anything. From making the site easier to administer, to adding the odd tweak or new feature, to completely changing the way your blog works, plug-ins are the method WordPress offers to customize and extend its functionality. This book will show you how to build all sorts of WordPress plug-ins: admin plug-ins, Widgets, plug-ins that alter your post output, present custom "views" of your blog, and more. WordPress Plug-in Development (Beginner's Guide) focuses on teaching you all aspects of modern WordPress development. The book uses real and published WordPress plug-ins and follows their creation from the idea to the finishing touches, in a series of carefully picked, easy-to-follow tutorials. You will discover how to use the WordPress API in all typical situations, from displaying output on the site in the beginning to turning WordPress into a CMS in the last chapter. In Chapters 2 to 7 you will develop six concrete plug-ins and conquer all aspects of WordPress development. Each new chapter and each new plug-in introduces different features of WordPress and how to put them to good use, allowing you to gradually advance your knowledge. This book is written as a guide to take your WordPress skills from the very beginning to the level where you are able to completely understand how WordPress works and how you can use it to your advantage.
Table of Contents (14 chapters)
WordPress Plugin Development
Credits
About the Author
About the Reviewer
Preface
Index

Apply styling and jQuery to archives


When we have all the data we need structured in HTML elements, it is quite easy to create the desired look with CSS. Here is an example:

Time for action — Style the archive view

Let's create a styling sheet for our archive.

  1. Create a snazzy-archives.css file.

    .snazzy {
    text-align:left;
    overflow:auto;
    }
    .snazzy_img {
    margin:0;
    padding:0;
    }
    .sz_cont {
    width:100px;
    display:block;
    overflow:hidden;
    margin:0px 0px 10px;
    }
    .sz_page {
    bacground-color: #ffffef;
    }
    .sz_img {
    height:110px;
    }
    .sz_year {
    font-size:22px;
    color:#444;
    font-family:georgia, verdana;
    font-style:italic;
    }
    .sz_date_yr {
    height:42px;
    font-size:34px;
    }
    .sz_date_mon {
    height:29px;
    font-size:22px;
    cursor:pointer;
    }
    .sz_date_day {
    background: #efefea;
    margin-bottom:1px;
    height:20px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    }
    .sz_title
    {
    padding:5px 0px;
    font-weight:bold;
    color:#444;
    }
    .sz_titleon {
    line-height:14px;
    color:#eee;
    background-color:#333;
    }
    .sz_excerpt {
    font-size:9px;
    padding...