Day 13 - How Does It Look?With a most of the foundation built, it is time to turn our attention to how your web site will look. This will mean getting a good understanding of the building blocks of your content and the style, or theme, of your site.There are a few more administrative tools we could add to the 'backend' of your site, but I'm sure you're ready to build some of the more visible parts.
We have already talked about how
modules can add functionality to your site - each module has a specific type of content it provides. Within each module, you will get several
blocks with various pieces of information specific to that module. For example, with the News module, you get the main content portion of the module, a recent news block, a random news block, a topic index, a top news block, a Big Story block, a navigation block and a moderators' block.
Before we get too far into specifics about blocks, let's take a look at the layout of the pages on your site. In the default layout (theme), there are 8 zones that can hold information blocks, a main zone for content, and the header and footer of the page.
Now, start your local web server and open your browser to your main page. Log in, then go to the Administration Menu. Click on the System Admin icon and click on the Blocks link in the System Configuration area (Or hover over the System Admin icon and click on the Blocks link in the menu that pops up).
You will see the area that allows you to assign blocks to different positions on the page, set their visibility, set their weight (their order) and assign groups that can view the blocks. You can set these options for many blocks all at once from this page, or you can edit the individual block by clicking the Edit link in the right column for a particular block. When you do click on the Edit link, you will see that many blocks have other options you can also set for that individual block.
With the modules we have installed so far, the only one that has blocks visible in the user side of your site is the System module. That contains the Login block, the Main Menu, User Menu, Theme selection, Search, Notifications, Site Info, Top Posters, Recent Comments, New Members, Who's Online and Waiting Contents.
The system blocks that are visible by default are there for a reason - the login block allows you to login without knowing the url for your login page (
http://www.yoursite.com/user.php), the Main Menu allows you to navigate your site. The User Menu allows you to view and edit your profile (user information). Take those away, or hide them from specific groups and you will have some user issues. For usability, I always put the login block and user block in the same position, with the same weight. Another practice is to put the search block near the Main Menu, or somewhere easy to get to on every page.
By using, or not using, certain positions, you can create site layouts with the basic theme that vary from 1 column designs all the way to a 4 column design.
As you position content blocks on your page, be deliberate about placing the important stuff 'above the fold'. You don't want your visitors having to scroll down every page to get to the interesting information. The primary navigation should also be above the fold, along with a few images (people are drawn to pictures). Don't overload your pages with images and make them slow to load!
In addition to the provided blocks, you have the option of addition custom blocks - but that is an entire topic by itself. Just know that it exists, for now.
Start visualizing your site layout and the content you want on your pages - the top center blocks will be above the module content and the bottom center blocks will be below the content.
Click for a view of the default theme block positions--- More Information ---Xoops User Guide - BlocksXoops for Dummies - Blocks