blogging » Mbrsolution Blog

Suffusion Theme Layout

blogging, child theme, suffusion, themes, tutorial, Web developing, Wordpress No Responses »

May 172012

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

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

Layout 3: Header, content and footer

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

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

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

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:

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:

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:

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:

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

First time Blogging – Revision Update

blogging, plugins, tutorial, Wordpress 8 Responses »

May 152012

Donate for a cup of coffee

If you are blogging for the first time then this tutorial will help you.

Revision Update: Added two new plugin on Step 7 one of the plugin is about security

My host is Justhost, although some of the most common Host that work very well with WordPress are Bluehost, Hostgator. Bluehost is at the top of the list of host that wordpress.org recommends.

I am currently using the latest version of WordPress 3.3.2.

WordPress in my opinion is the simplest CMS “Content Management System” most widely used blogging platform in the world.

In this tutorial you are going to learn how to create a blog for the first time following these instructions. The more blogs you create, the better you will become. The more you use wordpress the more you will get to love it like I do. Experience will give you knowledge and the ability to develop very powerful blogs and in return you will become popular as a blogger. This is a learning curve and I am sure that you will enjoy it very much. That is why you are here reading this tutorial.

The following list applies to this blog and it is the same instructions I follow to develop my other blogs and websites.

The steps to follow:

#1 Think of a domain name

Buying a domain name using the correct keywords can be tricky at first but if you do it right from the beginning it can take you to the top in Google search and in time be ranked top 10. If you build the right foundations from the beginning using the correct keywords in your domain name people will find you much quicker.

Let me give you an example. Lets say you wanted to sell tomatoes at a special price and your name was Bob, the domain names that I would consider might be:

www.bobstomatoes.com
www.bobsspecialtomatoes.com
www.specialbobtomatoes.com
www.specialtomatoes.com

The above would be based on a search on Google and see how many searches come up with the words bob special tomatoes or any other combination. The results was astonishing 13,800,000 which tells you that you have a huge competition ahead based on that particular search query. This would mean that you might reconsider selecting another domain name to make life easier.

These are just examples, I think you are starting to get the message and remember that if you live for example in Spain then you might consider adding the .es domain especially if you only sell in Spain.

Backup and Restore WordPress Using BackWPup plugin

blogging, plugins, tutorial, Wordpress No Responses »

May 032012

Donate for a cup of coffee

Latest news: Added a wordpress link that explains how to move wordpress to a different directory

This simple tutorial will guide you and help you to create a WordPress backup and restore your WordPress website using BackWpup plugin on the same server.

Just to let you know after I created the backup I deleted all the website files on my server to test this plugin.

First you need to download and install the BackWPup plugin.

Hint: Click on an image to see a larger size.

1) Create a job and select what you want to include in the backup from the many options. See image below:

2) Make sure that you enter the backup path or else you will receive an error. See image below:

Hint: Make sure your backup folder is protected. To secure the folder you can add an index.html file or add a .htaccess file on the backup folder.

3) Once the job has been created then you need to run the job to create the backup. See image below:

4) If everything goes well then you should receive a completed message. See image below:

5) Once you have created the backup, you can download a copy locally to your computer. See image below:

Hint: It is always better to use FTP to download or upload files.

Option: Keep a copy of the backup zipped file on your server if you have space.

That is how simple it is to create a backup.

How to Restore a Full Backup to the same Server

You need to upload the content of the zip file you downloaded on step 5) to the server or if you kept the file on the server go to step 6).

Unzip all the files locally on your computer and upload them using ftp software like FileZilla, which is FREE. All the files must be uploaded to the same path as your website unless you choose to upload the files to a different folder and then copy them to the website path. The path will look similar as illustrated on the following examples below:

Examples:

/home/user/public_html

/home/user/www

/public_html/
(depending on your host).

6) Select the file on the server to extract. See image below:

7) Extract the file to the correct path of your website. See image below:

Example: My path is /plublic_html/myurl/wptest/ this is a sub domain

Voila the site was up and running in a few minutes. I did some test on the site by login into the admin page and had a look around and yes everything was working well. Very simple and quick. The BackWPup plugin works well and I highly recommend it.

How to Restore only the Database

You need to upload the database you backed up to the root of your website.

Hint: Make sure the database is Unzipped.

Log into the website as admin. Locate tools on the left hand side and restore your database. See image below:

Hint: Delete the database after you have restored it successfully.

Moving WordPress to a different directory

Please remember the information in this tutorial relates to backing up and restoring to the same server.

I did not add any new information here because WordPress has a great tutorial on moving your WordPress to another directory. Click on the following link moving wordpress to a it’s own directory.

I will be adding more information in the near future. If you have any questions please leave a message.

Good luck

Older Entries