Select Digitals

Select Digitals has entered the Web 2.0 Age with a new WordPress Blog.

I installed the latest version of WordPress(version 2.6.2) guided by an earlier tutorial,

“How to Install and Style WordPress 2.5″.

I then modified the default Kubrick theme for my Blog.

Since I wanted the Blog to load quickly, I did not use any of the Kubrick images except for a newly designed kubrikckbgwide.jpg: kubrickbgwide.jpg is used to create and expand the “page” as content is added.

The new Kubrickbgwide.jpg is just a 760pixel X 40pixel “slice” or rectangle filled with a light background color of #FFFEF2. This image replaced the original in the folder at

\wordpress\wp-content\themes\default\images.

The image could have been created with even a basic paint program.

The rest of the theme modification required only minor changes in the style.css file at

\wordpress\wp-content\themes\default.

I commented out the statements I removed and added the new statements I needed for my version of the theme. I had to make fewer changes in the 2.6.2 CSS file than in the earlier version 2.5.1. Here are the changes I made:

/* Begin Typography & Colors */
body {
/*background: #d5d6d7 url(’images/kubrickbgcolor.jpg’);*/
background: #e7e7e7;
}
#page {
/*background-color: white;
border: 1px solid #959596;*/
border:none;
}
#header {
/*background: #73a0c5 url(’images/kubrickheader.jpg’) no-repeat bottom center;*/
background: #ffffdd;
}
#footer {
/*background: #eee url(’images/kubrickfooter.jpg’) no-repeat top;*/
background: #ffffdd;
}
/*h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {*/
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg {
/*color: white;*/
color:red; /* Make the blog title red */
padding-bottom: .5em; /* Put a little space between the title and tagline*/
}
.description {
text-decoration: none;
color: blue; /* Make the blog tagline blue */
text-align: center;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
/*color: #333;*/
color:maroon; /*Make post and sidebar titles maroon*/
}
/* End Typography & Colors */

/* Begin Structure */
#header {
/*background-color: #73a0c5;*/
background-color: #ffffdd;
}
/* End Structure */

With respect to the installation, I uploaded the zip file and unziped the file from my web-host’s cpanel. This unzipped the files to a wordpress directory. Since I wanted to start WordPress from the root directory at blog.selectdigitals.com, I followed the instructions at wordpress.org. This included modifying the index.php file and copying it from the wordpress directory to the root directory. In addition, and as explained in the WordPress document, since I had set up permalinks, I had to create an .htaccess file for the root directory.

With these and a few cleanup chores, such as removing the original post, the Blog looked and performed the way I expected-reliably and fast. I could now use the totally wonderful editor to write this, my first post.

Enjoy,

Royce Tivel

Tags: .htaccess, css, install, kubrick, theme, tutorial, WordPress

This entry was posted on Monday, October 6th, 2008 at 10:01 pm and is filed under WordPress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.