Choosing a Theme
The last thing you might want to do as part of the setup process is to choose a theme for your blog.
As we explain in detail in
Chapter 6
, your WordPress theme controls the appearance of your blog's pages.
Figures 5
and
24
show the default theme WordPress applies to all new
blogs
. Although there's nothing wrong with this theme, you may want to choose one that better reflects the personality of your blog.
WordPress.com account users are lucky in that many themes are
preinstalled
and ready to apply to their blogs. That's the good news. The bad news is that these themes cannot be customized nearly as much as the ones available to WordPress users with a server-installed blog. In fact, I cover all of the customization options for WordPress.com blog users on the following few pages.
If you have a server-installed blog, you can choose from one of the hundreds of WordPress themes developed by WordPress devotees over the
years
. But first, you must download and install the theme; we explain how to do that in
Chapter 6
. For now, you can choose from two preinstalled themes: WordPress Default and WordPress Classic.
No matter how your blog is installed or accessed, you choose a theme the same way: with the Themes administration panel (
Figures 30
and
31
).
Tips
|
-
The currently selected theme always appears at the top of the Themes panel (
Figures 30
and
31
).
-
You can change your blog's theme any time you like and as often as you like.
-
Chapter 6
is your source of information for installing and customizing themes.
|
To choose a theme
|
1.
|
On the Dashboard, click the Presentation button. The Themes panel appears (
Figures 30
and
31
).
|
|
2.
|
Click the link or preview icon for the theme you want to apply. After a moment, a message near the top of the screen confirms that a new theme has been activated and the preview for that theme appears at the top of the page (
Figure 32
).
|
|
3.
|
Click the View site link at the top of the page. The site is reformatted with the theme you selected (
Figure 33
).
|
To use Sidebar Widgets
|
1.
|
On the Dashboard, click the Presentation button. The Themes panel appears (
Figures 30
and
32
).
|
|
2.
|
Click the Sidebar Widgets button to display its panel of options (
Figure 34
).
|
|
3.
|
Drag the widget icons for the sidebar
components
you want to include from the Available Widgets list to the Sidebar 1 list in the order you want them to appear (
Figure 35
).
|
|
4.
|
To configure a widget, click the configure button on its right side. A dialog appears (
Figure 36
). Set options as desired and click the dialog's close button to save them.
|
|
5.
|
To rearrange items in the Sidebar 1 list, drag them up or down in the list. When you release the mouse button, they move (
Figure 37
).
|
|
6.
|
To remove an item from the Sidebar 1 list, drag it from that list into the Available Widgets list.
|
|
|
|
|
7.
|
When you're finished setting options, click the Save changes button near the bottom of the page. A message at the top of the page confirms that the sidebar has been updated.
|
|
8.
|
Click the View Site link near the top of the page. Your blog's home page appears with the newly configured sidebar (
Figures 38a
and
38b
).
|
Tips
|
|
-
Table 1
lists the available widgets and their configuration options.
Table 1. Sidebar Widget Configuration Options
|
Widget
Name
|
Configuration Options
|
|
Archives
|
Title
|
|
Categories
|
Title, show post counts, show hierarchy
|
|
Links
|
none
|
|
Meta
|
Title
|
|
Pages
|
Title
|
|
RSS 1
|
RSS Feed URL, number of items to display
|
|
Recent Comments
|
Title
|
|
Recent Posts
|
none
|
|
Search
|
none
|
|
Text 1
|
Title, text
|
|
del.icio.us
|
Title, del.icio.us login, number of links, tags to show
|
-
If you remove all widgets from the Sidebar 1 list, the default sidebar will be displayed.
-
This feature is only available for certain themes, such as the WordPress Default 1.5 theme.
|
To set the header image &
color
|
1.
|
On the Dashboard, click the Presentation button. The Themes panel appears (
Figure 30
).
|
|
2.
|
Click the Header Image and Color button to display its panel of options (
Figure 39
).
|
|
3.
|
Beneath
the sample image, click the button for the color you want to change: Font Color, Upper Color, or Lower Color.
|
|
4.
|
A color picker appears (
Figure 40
). Click the color you want to apply. The sample image changes immediately.
|
|
5.
|
Repeat steps 3 and 4 for each color you want to change.
|
|
6.
|
Click Save. After a moment, an onscreen message confirms that your changes have been saved.
|
{% if main.adsdop %}{% include 'adsenceinline.tpl' %}{% endif %}
Tips
|
|
-
This feature is only available for certain themes, such as the WordPress Default 1.5 theme.
-
If you don't like your changes, you can revert to the default settings by clicking the Revert button beneath the sample image.
-
You can also manually enter hexadecimal codes for the colors you want to use. Instead of following steps 3 and 4, click the Advanced button to display text boxes (
Figure 41
) and enter the codes. You can find an online list of color codes at www.december.com/html/spec/colorhslhex.html.
|
|
