Now that we have widgetize the sidebars and have inserted codes for Threaded Comments to work in the PressRow Theme, let’s make it a little bit more presentable.
Aligning Images In The PressRow Theme according to WordPress 2.8
Again for images to align perfectly in PressRow in accordance to the new structure of image alignment which made it’s debut in WP 2.7, we go and grab the image alignment codes in the default Theme.
In your Theme Editor, select the Default theme to open all the files, Open Stylesheet. Scroll down until you see this comment. – /* Begin Images */
From there onwards, select and copy everything until you come to the closing comment which says. – /*end images*/
Paste the codes into your Notepad first. Then scroll down further and find this comment – /* Captions */
Again, select and copy all the codes under that comment until you come to – /* End captions */
Paste those codes into your Notepad as well just below the Images codes you have pasted just now.
Slesct back the Pressrow Theme in your Editor. Open Stylesheet. Scroll midway to look for this comment: /*—:[ content styles ]:—*/ Look for these codes:
Copy everything that you have pasted in your Notepad just now. Highlight the codes you see above and paste all the images codes there. This will replace all the old codes with your new ones. It would be advisable to make a comment at the top of your pasted codes to remind you what those codes are for. You can add a comment by adding a slash followed by an asterik and then close the comment by a asterik and slash. Now all your images will be perfectly aligned according to the specification you have declared when you inserted the image. If you use captions, the caption too will appear perfect.
Aligning The SideBar Contents
You actually have everything you need now to run Pressrow with WP 2.8 and if you are lazy you can skip the following steps. These stepas are to make your blog more presentable.
You will notice now your sidebar contents are aligned entirely to the left side and it does not look too neat. You should add some empty space on the side of the whole sidebar section. This involves changing only one letter. Scroll down your stylesheet until you see this comment: /*—:[ sidebar styles ]:—*/
Look at the third line after that comment, it should show you this codes
The padding is what decides the spacing, so change the last value which is 0 to 10px. Leave the rest as it is.
Update again and your sidebar will look a lot neater.
Delete The “Jump To Comment” Link
Now I don’t understand why there is such a link at the beginning of each post. It does no purpose as people will want to read the post first before commenting and no one will want to jump to comment. So delete it as it is obstructing your post if you have images at the beginning or aligned to your right. To do that, open your Single php file. Look for this line of codes
<span class="jump"><a href="<?php the_permalink() ?>#comments">Jump to Comments</a></span>
Delete it entirely.
Move The Page Navigation To The Bottom Of Your Post
Again, it is something I cannot understand. Why are the Next and Previous Post navigation links at the top of the post? It is like encouraging your readers to skip the present page and go somewhere else. This links should be located at the bottom, so after reading the present article, they might want to check out the next one or the previous one. So again at your Single php, look for these codes.
Highlight them, Right click and Cut. Scroll down until you see this line of codes.
<?php comments_template(); ?>
Immediately after that line, paste the codes in.
Update and you should see the Post Navigation links atthe bottom of your comment box.
This ends my 2 part tutorial on upgrading the PressRow Theme to be WordPress 2.8 compatible. I hope it has been of some use to those who like the Pressrow Theme.
New PressRow Theme For WordPressThe Pressrow Theme is one of the old favorites that refuse to die. Till today, WordPress users are still looking for it. The Theme has been discontinued though it is...
How To Turn Part Of An Image Into A LinkUsing a full image in the Homepage or Landing page rather than dynamic contents of a site, gives the designer more room for creativity. Images can be designed to be...
Changing Background Color For Your WordPress ThemeThere are two backgrounds in a WordPress Theme. One is the overall background. If you have a fixed width theme, the color surrounding the contents is the overall background. The...
Upgrading PressRow Theme To WP2.8 (Part 2)
For those who haven’t, please read Part One: How To Upgrade The PressRow Theme To WordPress 2.8 Compatible
Now that we have widgetize the sidebars and have inserted codes for Threaded Comments to work in the PressRow Theme, let’s make it a little bit more presentable.
Aligning Images In The PressRow Theme according to WordPress 2.8
Again for images to align perfectly in PressRow in accordance to the new structure of image alignment which made it’s debut in WP 2.7, we go and grab the image alignment codes in the default Theme.
In your Theme Editor, select the Default theme to open all the files, Open Stylesheet. Scroll down until you see this comment. – /* Begin Images */
From there onwards, select and copy everything until you come to the closing comment which says. – /*end images*/
Paste the codes into your Notepad first. Then scroll down further and find this comment – /* Captions */
Again, select and copy all the codes under that comment until you come to – /* End captions */
Paste those codes into your Notepad as well just below the Images codes you have pasted just now.
Slesct back the Pressrow Theme in your Editor. Open Stylesheet. Scroll midway to look for this comment: /*—:[ content styles ]:—*/ Look for these codes:
.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
.entry img.left_off { margin: 0 10px 5px 0; float: left; }
.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
.entry img.right_off { margin: 0 0 5px 10px; float: right; }
.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
.entry img.center_off { display: block; margin: 0 auto 15px auto; }
Copy everything that you have pasted in your Notepad just now. Highlight the codes you see above and paste all the images codes there. This will replace all the old codes with your new ones. It would be advisable to make a comment at the top of your pasted codes to remind you what those codes are for. You can add a comment by adding a slash followed by an asterik and then close the comment by a asterik and slash. Now all your images will be perfectly aligned according to the specification you have declared when you inserted the image. If you use captions, the caption too will appear perfect.
Aligning The SideBar Contents
You actually have everything you need now to run Pressrow with WP 2.8 and if you are lazy you can skip the following steps. These stepas are to make your blog more presentable.
You will notice now your sidebar contents are aligned entirely to the left side and it does not look too neat. You should add some empty space on the side of the whole sidebar section. This involves changing only one letter. Scroll down your stylesheet until you see this comment: /*—:[ sidebar styles ]:—*/
Look at the third line after that comment, it should show you this codes
.sidebar_section { width: 230px; padding: 10px 0 7px 0px; background: #f5f5f5; float: left; }The padding is what decides the spacing, so change the last value which is 0 to 10px. Leave the rest as it is.
Update again and your sidebar will look a lot neater.
Delete The “Jump To Comment” Link
Now I don’t understand why there is such a link at the beginning of each post. It does no purpose as people will want to read the post first before commenting and no one will want to jump to comment. So delete it as it is obstructing your post if you have images at the beginning or aligned to your right. To do that, open your Single php file. Look for this line of codes
<span class="jump"><a href="<?php the_permalink() ?>#comments">Jump to Comments</a></span>
Delete it entirely.
Move The Page Navigation To The Bottom Of Your Post
Again, it is something I cannot understand. Why are the Next and Previous Post navigation links at the top of the post? It is like encouraging your readers to skip the present page and go somewhere else. This links should be located at the bottom, so after reading the present article, they might want to check out the next one or the previous one. So again at your Single php, look for these codes.
<div class="navigation"><div class="previous"><?php previous_post_link('%link') ?></div>
<div class="next"><?php next_post_link('%link') ?></div>
</div>
Highlight them, Right click and Cut. Scroll down until you see this line of codes.
<?php comments_template(); ?>Immediately after that line, paste the codes in.
Update and you should see the Post Navigation links atthe bottom of your comment box.
This ends my 2 part tutorial on upgrading the PressRow Theme to be WordPress 2.8 compatible. I hope it has been of some use to those who like the Pressrow Theme.
Share This PostFree Updates
Related WordPress Theme Tips
How To Upgrade The PressRow Theme To WordPress 2.8 CompatibleThe PressRow Theme is the first WordPress Theme by Chris Pearson, the guy behind the Thesis Theme. It was released for public download around 2006 and from the PressRow Theme,...
New PressRow Theme For WordPressThe Pressrow Theme is one of the old favorites that refuse to die. Till today, WordPress users are still looking for it. The Theme has been discontinued though it is...
How To Turn Part Of An Image Into A LinkUsing a full image in the Homepage or Landing page rather than dynamic contents of a site, gives the designer more room for creativity. Images can be designed to be...
Changing Background Color For Your WordPress ThemeThere are two backgrounds in a WordPress Theme. One is the overall background. If you have a fixed width theme, the color surrounding the contents is the overall background. The...
How To Give Your Own Comments A Different Look In WordPressMaking your own comments look different from that of your readers is such a simple mod that I am knocking my head as to why I took such a long...
Those who found this page were searching for:
Posted Under: Theme Modification Tips