wordpress tutorial, learn html, tutorials

WordPress Themes FAQ & Tutorials

This page and the tutorials are dedicated to help you to easily modify our SEO WordPress themes. If you have a question that is not yet covered here, please submit it through our contact form

Part 1: General layout and style modifications
Part 2: The Header
Part 3: Main Content Section
Part 4: The Sidebar(s)
Part 5: The Footer

1: General Layout / Style Modifications

How to change the layout width:
The default width of each SEO theme is 100% to fill the entire screen, regardless of the screen resolution of your visitorsī computers. If you want a fixed width instead, f.ex. 780 pixels, edit the stylesheet (styles.css) as follows:
Find the CSS ID #wrapper and change width: 100%; to width: 780px;.

How to remove the outer margin:
if you donīt like to have any space between the outer border of your layout and the browser window, simply change the value for the margin property for the HTML body from 10px (default) to "0". Hint: the styles for the HTML body are right on top of all the style declarations:

body {
     background-color: #FFFFFF;
     font-family: Verdana, Tahoma, sans-serif;
     font-size: 12px;
     color: #000000;
     margin: 10px;
     padding: 0;
}

TOP | General | Header | Main Content | Sidebar(s) | Footer

2: The Header

Sorry, no tutorials yet in this section

TOP | General | Header | Main Content | Sidebar(s) | Footer

3: The Main Content Section

Excerpts or full posts on index pages:
if you want to display entire posts on your blogīs index pages instead of excerpts, you just need to replace the excerpts function with the content function. The templates files for your blogīs index pages are:
index.php (homepage only)
category.php (all category index pages)
archive.php (daily and monthly archives)
author.php (lists all posts of a given author)
search.php (search results)

In all the above template files you will find the following code.

<div class="storycontent">
     <?php
     // the_content(__('(more...)'));
     the_excerpt_reloaded(40, '<a><p><img><br><br />', .... etc ...
     ?>
</div>

Simply remove the PHP comment ( // ) from the content function and place it before the excerpts function like shown below.

<div class="storycontent">
     <?php
     the_content(__('(more...)'));
     // the_excerpt_reloaded(40, '<a><p><img><br><br />', .... etc ...
     ?>
</div>

TOP | General | Header | Main Content | Sidebar(s) | Footer

4: The Sidebars

Sorry, no tutorials yet in this section

TOP | General | Header | Main Content | Sidebar(s) | Footer

5: The Footer

Sorry, no tutorials yet in this section

TOP | General | Header | Main Content | Sidebar(s) | Footer



Home   :::    Contact   :::    Advertise   :::    Submit Tutorials   :::    Links   :::    Sitemap
Terms of Use, Disclaimers, Privacy Policy
© 2005 EASYWEBTUTORIALS.COM
Page copy protected against web site content infringement by Copyscape