June 2011
Beginner
398 pages
9h 38m
English
Content preview from WordPress® Web Design For Dummies®Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Styling with CSS: The Basics
Knowing some key Cascading Style Sheets (CSS) concepts can help you personalize your theme’s stylesheet. CSS is simply a set of commands that allow you to customize the look and feel of your HTML markup. Some common commands and tools that I discuss here are selectors, IDs and classes, properties and values, and more. Together, you can use these commands to customize HTML to display your design customizations. (You can find out more about HTML at the end of this chapter.)
Introducing CSS
A Cascading Style Sheet is a stylesheet that controls the appearance of content on a Web site. Every WordPress theme you use in your site uses CSS. CSS provides style and design flair to the template tags in your templates. (See Chapters 11 and 12 for information about WordPress template tags.) The CSS Stylesheet for your WordPress theme is pulled in through the Header template (header.php), and the file is named style.css.
In your Dashboard, choose Appearance⇒Editor to open the Edit Themes page (see Figure 14-1). Look at the far right side of the page under the Templates heading, scroll down to find the Header link and click it to open the Header template. You find the following line of code, which pulls the CSS (style.css) into the page to provide the formatting of the elements of your site:
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.