WordPress 2.8 Theme Design.pdf下载

Table of Contents Preface 1 Chapter 1: Getting Started as a WordPress Theme Designer 7 WordPress perks 7 Does a WordPress site have to be a blog? 8 Pick a theme or design your own? 9 Drawbacks to using an already built theme 9 Using theme frameworks 10 This book's approach 11 Core technology you should understand 12 WordPress 12 CSS 13 XHTML 13 PHP 13 Other helpful technologies 14 Tools of the trade 14 HTML editor 15 Graphic editor 16 Firefox 17 Developing for Firefox first 17 Summary 18 Chapter 2: Theme Design and Approach 19 Things to consider 20 Types of blogs 21 Plugins and widgets 22 Getting ready to design 23 A common problem 23 The solution: Rapid design comping 24 The radical, new process—is not so new or radical? 25 This material is copyright and is licensed for the sole use by Gay Anschultz on 5th December 2009 21844 Grovepark Dr., , Santa Clarita, , 91350 Download at WoweBook.Com Table of Contents [ ii ] Overview of rapid design comping 25 Getting started 27 Sketching It 27 Considering usability 29 Starting with the structure 30 Creating your design 31 The DOCTYPE 32 The main body 32 Attaching the basic stylesheet 33 Basic semantic XHTML structure 35 Adding text—typography 37 Starting with the text 38 Choosing your fonts 39 Cascading fonts 41 Font stacks 42 sIFR 43 Font sizing 43 Why pixels? 43 Keeping it in proportion 44 Paragraphs 45 Default links 46 The layout 47 Column Layout: Floating div tags versus CSS tables 50 Posts 51 Making sure WordPress sticky posts get styled 51 Forms 52 Threaded and paginated comments 52 Navigation 53 Styling the main navigation 53 WordPress-specific styles for navigation 56 Color schemes 57 Two-minute color schemes 58 Color schemes with GIMP or Photoshop 58 Adding color to your CSS 60 Styling the special TOC headers 61 Creating the graphical elements 62 Relax and have fun designing 64 Slicing and exporting images 66 Don't forget your favicon! 70 Making your favicon high-res 71 Summary 72 Chapter 3: Coding It Up 73 Got WordPress? 73 Understanding the WordPress theme 75 Creating your WordPress workflow 76 This material is copyright and is licensed for the sole use by Gay Anschultz on 5th December 2009 21844 Grovepark Dr., , Santa Clarita, , 91350 Download at WoweBook.Com Table of Contents [ iii ] Building our WordPress theme 77 Starting with a blank slate: Tabula rasa 78 Create a new theme directory 79 Including WordPress content 82 Understanding template tags 83 Getting a handle on hooks 83 Learning the Loop 83 Creating a basic loop 84 Modifying the timestamp and author template tags 86 Modifying the basic comments display 87 Including threaded comments 91 Styling threaded comments 93 Breaking it up: Header, footer, and sidebar template files 97 Creating the footer.php template file 98 Creating the sidebar.php template file 99 The header 104 More template files: Home, internal, and static pages 105 The home page 106 Internal pages 107 Static pages 109 Quick review 111 Fun with other page layouts 111 Don't forget about your 404 page 112 Even more template files 114 Adding in the favicon 115 Activating the favicon 115 Summary 116 Chapter 4: Debugging and Validation 117 Testing other browsers and platforms 118 Introduction to debugging 118 Troubleshooting basics 120 Why validate? 121 PHP template tags 122 CSS quick fixes 123 Advanced troubleshooting 124 Quirks mode 124 Fixing CSS across browsers 126 Box model issues 126 Everything is relative 127 To hack or not to hack 127 Out of the box model thinking 129 The road to validation 132 Advanced validation 135 This material is copyright and is licensed for the sole use by Gay Anschultz on 5th December 2009 21844 Grovepark Dr., , Santa Clarita, , 91350 Download at WoweBook.Com Table of Contents [ iv ] Firefox's JavaScript/Error Console 136 The Web Developer Toolbar 137 Firebug 137 Checking your work in Internet Explorer 139 Run multiple versions of IE 139 IE Developer Toolbar 140 Don't forget about the QorSMode bookmarklet 140 Optimizing for text and mobile browsers 140 The new mobile Safari browser 141 Summary 141 Chapter 5: Putting Your Theme into Action 143 A picture's worth 143 Theme packaging basics 145 Describing your theme 145 Licensing 146 Creating a ReadMe.txt file 148 Zipping it up 149 No way to zip? 150 Performing one last test 151 Getting some feedback and tracking it 152 Summary 153 Chapter 6: WordPress Template Tag, Function, and CSS Reference 155 Class styles generated by WordPress 156 The search bar ID 156 Classes output by the media manager 157 Classes output by the sidebar widgets 159 Classes output by the wp_list_pages template tag 160 Classes output by the wp_list_categories template tag 161 post_class class styles 161 body_class class styles 162 Why add custom class styles to template tags? 164 Using the template selector feature 164 Creating a custom page template 164 Template hierarchy 165 Template tags 167 Author template tag updates in 2.8 168 Template tags for tags 169 Adding tag display to your theme 170 General template tags—the least you need to know 173 Conditional tags 179 This material is copyright and is licensed for the sole use by Gay Anschultz on 5th December 2009 21844 Grovepark Dr., , Santa Clarita, , 91350 Download at WoweBook.Com Table of Contents [ v ] Including tags into your themes 180 Creating custom header, footer, sidebar includes 180 Completely custom—streamlining your theme 181 Creating a custom include in your theme 181 The Loop functions 182 Plugin hooks 182 WordPress core functions 183 WordPress shortcodes 184 Creating a basic shortcode 185 Summary 186 Chapter 7: AJAX / Dynamic Content and Interactive Forms 187 Preparing for dynamic content and interactive forms 188 Assessing if AJAX is appropriate for your site 189 Do it yourself or use plugins 190 Plugin pros and cons 190 The AJAX factor 191 jQuery now comes bundled with WordPress 192 Including jQuery in WordPress 193 Avoiding problems registering jQuery 194 Linking to jQuery from Google Code's CDN 194 Using WordPress' bundled includes versus including your own or using a CDN 195 jQuery plugins 196 Problem with setting up a Lightbox effect in WordPress 197 jQuery lightBox 197 Adding jQuery lightBox to your template 198 Implementing lightBox 200 jQuery's ThickBox and ColorBox plugins 201 Plugins and widgets 202 Plugins 202 Widgets 203 Getting your theme ready for plugins and widgets 203 Preparing your theme for plugins 204 Installing a plugin 204 Installing the AJAX comment preview plugin 205 Preparing your theme for widgets 207 Making your theme compatible with widgets 207 Google Reader widget 211 AJAX––It's not just for your site's users 213 New work space features 214 pageMash 215 Installing the pageMash plugin 215 Summary 216 This material is copyright and is licensed for the sole use by Gay Anschultz on 5th December 2009 21844 Grovepark Dr., , Santa Clarita, , 91350 Download at WoweBook.Com Table of Contents [ vi ] Chapter 8: Dynamic Menus and Interactive Elements 217 Dynamic menus 217 Drop-down menus 218 DIY SuckerFish menus in WordPress 219 Applying CSS to WordPress 221 Applying the DOM script to WordPress 224 Allowing only selected pages to display 226 Hiding pages the easy way with pageMash 226 Adding Flash to your theme 227 Flash in your theme 227 Handling users without Flash, older versions of Flash, and IE6 users 228 Is the ActiveX restriction still around? 228 Adding a SWF to the template using swfObject 229 jQuery Flash plugin 230 Passing Flash a WordPress variable 231 Adding sIFR text with the jQuery Flash plugin 233 Flash in a WordPress post or page 236 Adding You Tube video to a WordPress post 236 Summary 238 Chapter 9: Design Tips for Working with WordPress 239 The cool factor essentials 240 Backgrounds 241 Lists 242 See it in action 243 Rounded corners 243 The classic—all four corners 243 The two-image cheat 245 CSS3—the new way to round corners 248 Creative posting 249 Breaking boundaries 250 Keeping tabs on current design trends 254 Creative fonts 256 Graphic text 256 Using PHP to make graphic headers easy 259 Custom fonts with CSS3 262 Good design isn't always visual—looking at SEO 263 Search engine friendly URLs 263 Keywords and descriptions 265 DYI meta tags 266 Meta tag plugins 267 Summary 267 Index 269