Đang tải... (xem toàn văn)
Tài liệu về học lập trình web ,JavaScript,wordpress cho tất cả mọi người.
WordPress Theme Development Beginner's Guide Third Edition Table of Contents WordPress Theme Development Beginner's GuideThird Edition Credits About the Authors About the Reviewers www.PacktPub.com Support files, eBooks, discount offers and more Why Subscribe? Free Access for Packt account holders Preface What this book covers Who this book is for Conventions Time for action – heading What just happened? Pop quiz – heading Have a go hero – heading Reader feedback Customer support Downloading the example code Errata Piracy Questions 1 Getting Started as a WordPress Theme Designer Overview of WordPress perks Does a WordPress site have to be a blog ? Pick a theme or design of your own Drawbacks of using an off-the-shelf theme What about premium themes and frameworks? What exactly is a premium theme What is a framework theme Core technology you should understand WordPress CSS HTML PHP Other helpful technologies Tools of the trade HTML editor Graphics editor Web browser Basics of a WordPress theme The template hierarchy The Loop Template tags and API hooks Our development strategies Fonts and typefaces A CSS strategy – font sizing with ems A CSS strategy – working with a CSS framework 960 Blueprint Layoutcore Setting up your WordPress sandbox Using WAMP Using MAMP Choosing a hosting provider Rolling out WordPress Summary 2 Preparing a Design for Our WordPress Theme Getting ready to design Designing in the browser Starting our design Planning and sketching our design Time for action – planning our design What just happened? Creating your design – from the sketch to the screen Time for action – creating our static HTML file What just happened? The semantic body Time for action – adding in basic HTML structure What just happened? Time for action – adding in the semantic structure What just happened? Attaching our CSS stylesheet Time for action – creating and including a style.css shell into your index.php page What just happened? Prepping for responsiveness – viewport and apple-mobile meta tags Time for action – adding in the viewport and apple-mobile meta tags What just happened? Adding in content Starting with the text Time for action – adding sample text to our semantic sections What just happened? Styling our fonts Styling font families Time for Action – assigning your font families What just happened? @font-face techniques Styling font sizes Time for action – sizing your fonts What just happened? Time for action – handling search engine bots/screen reader text What just happened? Setting up our layout with CSS Time for action – referencing our layout core to set up our positions What just happened? Time for Action – Adding our media queries What just happened? Setting up the desktop view Time for action – standard settings What just happened? Time for action – checking in on larger desktops What just happened? Time for action – making sure smaller screens are handled What just happened? Setting up the tablet view Time for action – adjusting the standard layout for tablets What just happened? Setting up the small screen view Time for action – setting up our small screen layout What just happened? Adding design treatments Time for action – setting up our graphic treatments in the stylesheet What just happened? Adding graphics and background images Setting up our background images in our stylesheet Time for action – adding background images to our design What just happened? Time for action – adding background image styling to the media queries What just happened? slug / What just happened? small screen view setting up / Setting up the small screen view, What just happened? static HTML file creating / Time for action – creating our static HTML file static pages template file, creating for / Creating a template file for static pages custom page.php template file, creating / Time for action – creating a custom page.php template file, What just happened? T tablet view setting up / Setting up the tablet view standard layout, adjusting / Time for action – adjusting the standard layout for tablets, What just happened? template files / Adding more template files to your theme template hierarchy / The template hierarchy about / The Template hierarchy working / Why the Template hierarchy works the way it does template pages / The template hierarchy template tags / Overview of WordPress perks text setting keywords / A CSS strategy – font sizing with ems points / A CSS strategy – font sizing with ems pixels / A CSS strategy – font sizing with ems percentages / A CSS strategy – font sizing with ems Ems / A CSS strategy – font sizing with ems TextWrangler / HTML editor the Loop / The Loop Thematic / What is a framework theme theme zipping / Zipping up your theme, Time for action – zipping up your theme testing / One last test, What just happened? Theme Unit Test, using / Have a go hero – using the WordPress Theme Unit Test Theme Customizer about / The Theme Customizer adding, to theme / Time for action adding the Theme Customizer to our theme, What just happened? options, adding / Time for action – adding some more options to the Theme Customizer, What just happened? changes, encorporating / Time for action – ensuring Theme Customizer changes are carried through to the CSS, What just happened? possibilities / Theme Customizer – the possibilities theme option screen, adding / Have a go hero – adding a theme options screen theme design selecting / Pick a theme or design of your own off-the-shelf theme, drawbacks / Drawbacks of using an off-the-shelf theme Theme Locations box / Time for action – creating a new WordPress menu theme packup presteps / Packaging your theme up theme packup, steps tidying / Tidying up your theme theme description, in stylesheet / Describing your theme in the stylesheet, What just happened? license information, adding / Your theme's license, Time for action – adding license information to our theme theme preview screenshot creating / Time for action – snagging a thumbnail of your theme, What just happened? theme testing in IE / Checking your work in Internet Explorer BrowserLab, using / Time for action – testing our theme with BrowserLab, What just happened? Theme Unit Test / Have a go hero – using the WordPress Theme Unit Test Thesis / What is a framework theme The Zine / What just happened? thumbnail / What just happened? tools about / Tools of the trade HTML editor / HTML editor Graphics editor / Graphics editor web browser / Web browser touch icons about / Touch icons adding / Time for action – adding a touch icon, What just happened? trobleshooting basics / Troubleshooting basics PHP template tags / PHP template tags CSS quick fixes / CSS quick fixes U Update button / Time for action – adding featured images to the site V viewport adding / Time for action – adding in the viewport and apple-mobile meta tags W WAMP about / Setting up your WordPress sandbox using / Using WAMP widget areas / Finishing off with the footer widgets about / Widgets archives / Widgets recent posts / Widgets text / Widgets categories / Widgets custom menu / Widgets tag cloud / Widgets areas, registering / Registering sidebars or widget areas adding, in Widgets admin screen / Adding widgets in the Widgets admin screen widgets, adding in Widgets admin screen requirements / What widgets will we need sidebar widgets, adding / Time for action – adding sidebar widgets, What just happened? footer widgets, adding / Time for action – adding footer widgets, What just happened? Widgets admin screen widgets, adding / Adding widgets in the Widgets admin screen widgets area registering / Registering sidebars or widget areas, Widget areas – not just for the sidebar and footer sidebars, registering in functions.php / Time for action – registering sidebars in functions.php, What just happened? adding, to sidebars.php / Time for action – adding widget areas to sidebar.php, What just happened? adding, to footer.php / Time for action –adding widget areas to footer.php, What just happened? WordPress overview / Overview of WordPress perks as a blog / Does a WordPress site have to be a blog ? about / WordPress WordPress Loop about / Looping it! – The WordPress Loop working / The Loop in a nutshell – how it works basic loop, creating / Time for action – creating a basic Loop, What just happened? content, adding / Time for action – adding content metadata, adding / Time for action – adding metadata, the timestamp, and author template tags template tags, adding / What just happened? version, updating / Keeping up-todate with WordPress adding / Adding to the Loop comment count, displaying / Time for action – displaying the number of comments, What just happened? auto-generated classes, adding / Time for action – adding in autogenerated classes, What just happened? viewing / One last look – our full loop WordPress sandbox setting up / Setting up your WordPress sandbox WAMP, using / Using WAMP hosting provider, selecting / Choosing a hosting provider rolling out / Rolling out WordPress WordPress theme defining / Basics of a WordPress theme template hierarchy / The template hierarchy, The Template hierarchy the Loop / The Loop template tags / Template tags and API hooks API hooks / Template tags and API hooks basics / WordPress theme basics API / The WordPress theme API workflow, setting up / Setting up your WordPress workflow template files, building / Building your WordPress theme template files review guidelines / The WordPress Theme Review guidelines WordPress theme template files building, steps / Starting with a blank slate new theme directory, creating / Creating a new theme directory theme directory, setting up / Time for action – setting up our theme directory WordPress content, including / Including WordPress content CSS styles / Time for action – getting your CSS styles to show up template tags / Template tags hooks / Hooks WordPress Loop / Looping it! – The WordPress Loop workflow debugging / Debugging and validation workflow validation / Debugging and validation workflow WP Minify / Making your theme run faster WP Supercache / Making your theme run faster wp_head hook / What just happened ... packaging up your theme Index WordPress Theme Development Beginner''s Guide Third Edition WordPress Theme Development Beginner''s GuideThird Edition Copyright © 20 13 Packt Publishing All rights... published: May 20 08 Second edition: November 20 09 Third edition: March 20 13 Production Reference: 1 130 3 13 Published by Packt Publishing Ltd Livery Place 35 Livery Street Birmingham B3 2PB, UK ISBN... of WordPress theme building It covers the basics of how themes work, theme coding strategies using HTML and CSS, and setting up your theme design process Chapter 2, Preparing a Design for our WordPress