Suffusion Theme Layout

 blogging, child theme, suffusion, themes, tutorial, Web developing, Wordpress  No Responses »
May 172012
 
suffusion-theme-layout

Donate for a cup of coffee :)

In this tutorial we are going to look at suffusion layout structure and at the same time check out the most commonly used website layouts.

The layouts you see below are based on a header image of the following size 1000px X 204px.

Hint: Click an image to view a larger image.

We are going to look at the most common layouts. See images below:

 Layout 1: Header, left sidebar, content, right sidebar and footer

suffusion theme layout left sidebar and right sidebar

Layout 2: Header, 2 left sidebar, content and footer

suffusion theme layout 2 left hand sidebar

Layout 3: Header, content and footer

Suffusion theme content layout no sidebar

Layout 4: Header, content, 1 right sidebar and footer

suffusion theme layout 1 right hadn sidebar

Layout 5: Header, content, 2 right sidebar and footer. Notice how one side bar is larger than the other.

Suffusion theme layout sidbar different size

Step 1: Login into your admin account and navigate to Appearance >> Suffusion Options >> Layouts >> Default Sidebar Layout. See image below:

suffusion-layouts-settings

Step 2: Set up your sidebars and the position. You have 3 options; 0 sidebars, 1 or 2 sidebars and set the position. See image below:

suffusion theme default settings layout

Step 3: Widths page layout. Here you will choose between default theme sizes and margin or custom sizes and margin. In custom you have 2 options, fixed size or fluid size. For this tutorial I have chosen custom size and fluid flexible width. See image below:

suffusion theme layout widths

Step 4: Fluid width settings for your website. This part is important because of your header. If you increase the max width to a size larger than your header image then you will notice an ugly header. So be careful in with this setting. See image below:

suffusion theme fluids-settings

Step 5: This one is obvious, it will set the sizes of your sidebar’s. If you have 2 sidebars but you know that one sidebar will have a unique size widgets then this is where you can set up the size of the sidebar to meet the unique widgets. See image below:

suffusion theme sidebar-settings

Hint: Reset the theme layout if you are not happy with your settings

There are more options that you might want to check while you are setting up the layout. However this tutorial will give you a head start and provide you with an idea of the layout structure you want for your website or blog.

If you have any questions please leave a comment. Come back for more suffusion tutorials :)

More suffusion tutorials:

  1. Adding a header image.
  2. Create a Suffusion menu above the header.
  3. Suffusion custom style navigation bar.
  4. Add a slide show to suffusion theme.
  5. Create a suffusion child theme in a few steps.

WordPress themes Suffusion

 blogging, suffusion, themes, Wordpress  No Responses »
May 092012
 
wordpress-themes-suffusion

Latest news, Suffusion has update the theme to version 4.2.0. Check out what’s new in this release Suffusion 4.2.0.

Suffusion

Is a very powerful theme with a very intuitive framework that you can develop further. There are so many options to change that at the beginning you will need some time to get your head around all the options you can change on the theme. I highly recommend this theme if you are very keen in developing a great blog, website using all the features it has to offer.

This is what Sayontan Sinha says about this theme. An elegant, versatile and browser-safe theme with a power-packed set of options. It has 19 widget areas, one-column, two-column and three-column fixed-width and flexible-width formats, 10 pre-defined templates, 18 pre-defined color schemes, two customizable multi-level drop-down menus, featured posts, a magazine layout, tabbed sidebars, widgets for Twitter, Social Networks and Google Translator, translations in many languages and RTL language support. WP 3.0 Menus, Custom Post Types and Custom Taxonomies are integrated. A BuddyPress support pack is available as a plugin for smooth BuddyPress integration.

This theme will not disappoint you, with all the features it has. Go ahead and install it on your wordpress website/ blog. The theme is licensed under GPL version 3.

I have started some tutorials, they will help you if you are a beginner with this Powerful Suffusion Theme. Click on the following link Suffusion WordPress Theme Tutorials

Create A Suffusion Child Theme In a Few Steps

 child theme, suffusion, themes, tutorial, Web developing, Wordpress  1 Response »
Feb 172012
 
create-a-suffusion-child-theme-in-a-few-steps

We are going to create a suffusion child theme in a few steps. Sayontan Sinha has released this amazing child theme for us to use.

Please follow my simple steps to create your child theme.

Hint: What you need before you begin is an ftp program unless you want to use cpanel or have access to the server by other means.

First unzipped the downloaded suffusion child theme in your computer or laptop.

Open up filezilla and navigate to your theme found inside WordPress installation. Make sure that you also find the path where you unzipped the child theme so that you can upload the folder and all folder content. See image below

 FTP Filezilla

 

Now drag the suffu-scion folder to the right hand side. See image below:

 Moving Suffusion Child Theme folder into wordpress

Now log into your WordPress admin panel and activate your theme. See image below:

 Activate Suffusion Child Theme WordPress

That is all, now you have a Suffusion child theme active for you to configure without affecting the parent theme .

If you have any questions please leave a comment. Come back for more suffusion tutorials :)

More suffusion tutorials:

  1. Adding a header image.
  2. Create a Suffusion menu above the header.
  3. Suffusion custom style navigation bar.
  4. Add a slide show to suffusion theme.
 Older Entries