Information Technology Reference
In-Depth Information
IV
1.
Start your FTP client.
2.
Locate the image you want to use on your computer, and upload it to the /wp-
content/themes/
<theme-name>
images folder.
3.
Log in to your WordPress site.
4.
In the Dashboard, open the Theme editor (under Appearance).
5.
Your current theme should appear. Check Select Theme to Edit in the upper-right corner to
confirm. Use the drop-down menu to change, if necessary.
6.
The style sheet listed at the top should be
style.css
. If not, scroll down the Theme Files list
on the right side, and click
style.css
.
7.
Scroll down the editor window until you find the
#header
selector. If you're using the Default
theme, it will look like this:
#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}
8.
To replace the existing header image, change this line to:
background: #73a0c5 url('images/<
newimage.png
>') no-repeat bottom center;
Where
<newimage.png>
represents the name of the image file you uploaded earlier.
9.
Click Update File at the bottom.
10.
Scroll back to the top and click Visit Site next to your blog title. The image you selected should
appear.
Creating a CSS-Based Theme from Scratch
A style sheet can be as simple as one line changing a global font characteristic of a website, or it
can amount to hundreds of lines guiding the formatting of dozens of classes and types of web con-
tent. The WordPress Default theme's
style.css
runs 705 lines, and the complete
style.css
for Arclite is nearly twice that size. Figure 14.7 shows what the Arclite theme looks like when
implemented.
The Arclite CSS offers an outline for what you need to create
your theme. In this exercise, we are not going to tell you
about every line. There are some interesting ideas for your
WordPress site, though.
note
See and download all the files for
the Arclite theme at http://
digitalnature.ro/projects/arclite.
