Build Killer WordPress Design With Catalyst: How To Add A Cool Footer Into Catalyst WordPress Theme

In the Day 6 of  “Build Killer WordPress Design With Catalyst tutorial”, your task is to choose, then import a new skin into Catalyst WordPress theme.

Ok, let me start:

First at all, go to wp dashboard, then moving the mouse over the Catalyst icon(1) in the sidebar, and click on Advanced Options(2).

Next page, you have to click on ‘custom Widget Areas’(3), then add a new widget area by clicking on ‘Add another’(4).

At this point, choose a name for your widget, e.g. ‘Footer’(5) and select the hook(6) e.g ‘catalyst_hook_before_footer’ (if you want to add the widget before footer in both the home page and single page). Remember to select the layout(7).

Now click “Custom CSS”(8), and in the text box(9) add the following piece of code below:

.custom-width {
width: 240px;
}

Click on ‘Save Change’ button to save all changes.

Move your mouse over ‘Appearance’ and select, then click on ‘Widgets’(10)

Drag 4 time ‘Text widgets’ to the sidebar(in the widget call ‘footer’ you’ve just created), and add the code on each widget. Change the code in each widget as you need.

<form style=”border:1px solid #ffff; width: 230px; height:300px; background:#242424; padding:7px;text-align:left;”>

<h3>WHO IS BEHIND THE3DTECHNOLOGIES?</h3>

<br />

<img style=”margin: 4px; border: 3px solid black;” src=”/db/2011/01/nicola.jpg” alt=”" width=”90″ height=”95″ />

My name is Nicola Deiana, started blogging in August 2006, and I’m a full time Blogger making living from this new technology. I’m a honest blogger who want tell you all that you must know to be a freelance publisher writer and how I made to make money online from this job.

</form>

 

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 4th part of “Build Killer WordPress Design With Catalyst”. Other part includes:

Catalyst Theme Cheat Sheet Cover

NOT ENOUGH?

This is the book I used to make my sites so beautiful.  If my tutorials aint enough for your purposes and you want to learn more about Catalyst theme I’ll suggest to use this guide too. Read more.





Build Killer WordPress Design With Catalyst: How To Import A Skin Into Your Catalyst Theme

In the Day 5 of  “Build Killer WordPress Design With Catalyst” tutorial your task is to choose, then import a skin into your Catalyst WordPress theme.

Catalyst provides 22 cool skin, look the 3th image below, the current skin I’m using on my blog is called “newsprint-skin”. I choosen this skin because make my site looks professional ;)

Once you have the folder with all the skin on your desktop, to upload a new skin all you have to do is follow these simple step: Log into you wp dashboard, then move your mouse over the Catalyst icon(1) on the left hand side and click on Dynamik Options(2).

Next, click on Import/Export(3), then click on choose file and upload one of zip file in the folder(note: don’t unzip the file) related yor skin. That it! Now you only have to approve your new theme with the new skin integrated.

That is an overview of the 22 skin available once you’ve downloaded Catalyst theme.

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 5th part of “Build Killer WordPress Design With Catalyst”. Other part includes:

 

Catalyst Theme Cheat Sheet Cover

NOT ENOUGH?

This is the book I used to make my sites so beautiful.  If my tutorials aint enough for your purposes and you want to learn more about Catalyst theme I’ll suggest to use this guide too. Read more.





Build Killer WordPress Design With Catalyst: How To Create A Gradual Fade Background With Catalyst Theme

In the Day 4 of “Build Killer WordPress Design With Catalyst” your task is to add a gradual fade background on your Catalyst website.

First step is to move your mouse on Catalyst icon(1) into your WP Doshboard sidebar and select Advanced Options(2).

advanced_options

Now click “Custom CSS”(3),  and in the text box(4) add the following code below:

body {
background-image: url(http://www.the3dtechnologies.com/db/2011/01/background.png);
background-repeat: repeat-x;
}

Note: Remember that you have to replace this url: “http://www.the3dtechnologies.com/db/2011/01/background.png” with your exact image url” with your correct image url. Once done click on “Save Changes” button.

aaaa

This is the example of image I used for my gradual fade background. Just copy it and change the color as you want.

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 4th part of “Build Killer WordPress Design With Catalyst”. Other part includes:

Catalyst Theme Cheat Sheet Cover

NOT ENOUGH?

This is the book I used to make my sites so beautiful.  If my tutorials aint enough for your purposes and you want to learn more about Catalyst theme I’ll suggest to use this guide too. Read more.





Build Killer WordPress Design With Catalyst: How To Add Adsense Into Catalyst WordPress Theme

Today is Day 3 of “Build Killer WordPress Design With Catalyst tutorial” and your task is to add Adsense into your web pages through Catalyst WordPress Theme. Ok, let’s go.

First and foremost, move your mouse over the Catalyst icon on your WP Doshboard sidebar and select Advanced Options(see image below).

advanced_options

Next, you have to click on “Custom Widget Areas”(3), then add a new widget area by clicking on Add another(4). At this point choose a name for your widget, e.g. “adsense”(5) and select the hook(6) e.g ‘catalyst_hook_after_post_title’ if you want to add your banner ad below the title of your post both in the home page and single page.  Remember to select the layout(7).

5305139655_0e52553d64

Now, click on “Save Change” button to save the upgrade.

save_change

Now move your mouse on “Appearance” and select, then click on “Widgets”(8)

widget2

Translate “Text”(Arbitrary text or HTML) into the widget you’ve just created first, in this case it should be named “adsense”

Inside the widget we will have to add the Adsense source code to display it below the title of your post. That it! Remember that if you select ‘catalyst_hook_after_post_title’  adsense will be displayed below the title on both home page and single page.

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 3th part of “Build Killer WordPress Design With Catalyst”. Other part includes:

Catalyst Theme Cheat Sheet Cover

NOT ENOUGH?

This is the book I used to make my sites so beautiful.  If my tutorials aint enough for your purposes and you want to learn more about Catalyst theme I’ll suggest to use this guide too. Read more.





Build Killer WordPress Design With Catalyst: How To Set Up A WordPress Slide Show On The Site With Catalyst

Today is Day 2 in the “Build Killer WordPress Design With Catalyst” and your task is to set up a wordpress slide show on your site. First and foremost, move your mouse on Catalyst icon on your WP Doshboard sidebar and select Advanced Options(see image below).

advanced_options

In the next page you have to click on “custom Widget Areas”(3), then add a new widget area by clicking on Add another(4)ll. At this point choose a name for your widget “gallery”(5) and select the hook(6). Also, remember to select the layout(7).

advanced_option_2

Remember always to click on “Save Change” button to save the upgrade :)

save_change

Now move your mouse on “Appearance” and select, then click on “Widgets”(8)

widget2

Translate “Catalyst/PHP Text” into the widget you’ve created first e.g mine is called “gallery” like in the image below(9). Inside the widget we will have to add the PHP source code to display the Slide on your site.

widget3

Now download Content Slide Plugin and activate it through your wp dashboard. Once done, then add this piece of script into the widget gallery like in the image above. That it! Now your site display the slide. Of course, you have to setting up it yet, add your image and link.

More and most detalided Catalyst tutorial will come soon. So, if you want learn more about Catalyst I reccomend to subscribe to my Rss feed.

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 2th part of “Build Killer WordPress Design With Catalyst”. Other part includes:





Build Killer WordPress Design With Catalyst: How I Set Up A Double Sidebar On My Site

As many of my readers know, the old Frugal theme has evolved to the new Catalyst Theme that currently runs on this site. It is one of the most flexible WordPress theme out there.

Just because is a new theme it can be a bit of a daunting task for newbies to get started. There’s no many information out there. Let me point you in the right direction!

Let me start a tutorial series for all of you Chatalyst newbies. They cover topics ranging from the basics to specific, commonly used blog design elements in Catalyst. In this brief tutorial in particular, we’ll see how to set up a Double Sidebar through the Catalyst Core Option. Let’s get started!

Once on your control panel(image below) move your mouse over Catalyst logo(1) in the right sidebar, then select the “core Options” link(2)

catalyst_theme_core_options

In the next step, all you have to do is to click on content, then select Double Sidebar. That it. Of course if you want another type of layout you can select another one. Also, throught the new advanced options,  The Custom Hook Box option makes it super easy to create an unlimited number of Custom Hook Boxes, and place them in any one, multiple or all of your Layouts.

catalyst_theme_core_options_content

More and most detalided Catalyst tutorial will come soon. So, if you want learn more about Catalyst I reccomend to subscribe to my Rss feed.

Note: If you have still not download Catalyst theme, you can do it directly from here

This is the 1th part of “Build Killer WordPress Design With Catalyst”.
Other parts includes:





Catalyst WordPress Theme, A Clean WordPress Themes

UPDATE 30 November 2011Like everything we use to improve our blog, the time has come for change my WordPress theme and switch with a new one. Hope you appreciate ours new look. The WordPress theme I used is called “Catalyst Theme“.

It’s a Frameworks theme, in a nutshell are the bones of a premium theme that allow non-techies to customize their theme as they desire and not be locked into one design or layout.

For those who missed out the news, there was a new upgrade for old Frugal theme users. The theme Frugal is switched to the new Catalyst Theme. My friend Eric has just ended to develop and release the new theme, and the best part is that old Frugal Theme members like me could switch from the old theme to the new without spend a cent.

The name Catalyst was chosen to replace the Frugal Theme.  It was the crowd favorite and that got the most votes. For those don’t know, the Frugal Development Team held a contest to give the latest version of the Frugal Theme a new identity.

I was really impressed by the number of features Catalyst Theme provides. They are are really a lot. It wouldn’t be appropriate for me to list them all, but to get a full sense of what this theme is all about I put a series of screenshot and feature below that let you better understand as strong this theme is.

The3dtechnologies Switched To Catalyst, Everything You Need To Know

catalyst-time

My friend Eric Hamm is the designer who developed the Catalyst Theme that powers this blog.

Catalyst is a Premium WordPress theme for those like me whom likes to mess around with our theme. What I really like about this theme is that it let you to optimize any aspect of layout and design in order to make ours web pages most attractive to the readers.

Eric says:

Early on we didn’t even know we were working on a totally brand new Premium WordPress Theme. For all we knew we were just making our original Premium Theme better. It wasn’t until we realized how far forward this project had leaped that we knew it was time to break free from our Frugal Theme and into a new, far more advanced WordPress Theme chapter.

Before to enter into details I want to give a sneak peek at the main Catalyst features. Everything from robust SEO to Site Layout controls, this is the nerve-center of your site:

  • Unlimited Custom Layouts, Widgets & Hook Boxes Provide Amazing Flexibility
  • The Dynamik Child Theme Provides Over 800 No-Coding Design Options
  • Create Your Own Custom Child Themes With A Single Mouse Click
  • A Custom CSS Building Tool That Writes Custom Code For You!
  • The Most Comprehensive Font Control Offered In A WordPress Theme!
  • Taking (SEO) Search Engine Optimization To The Next Level
  • Fast, Efficient, HTML5 & CSS3 Validating Code
  • Always Run The Latest Version Of Catalyst With Automatic Updates
  • The Catalyst Zero Limits Philosophy Extends To Its License
  • Image Uploader Built into the Dynamik Child Theme
  • Page Templates from Powerful to simply essential
  • Full Import/Export of ALL your Catalyst and Dynamik Options
  • Built-In Custom Widgets: Excerpt Widget, Author Bio Widget, Ad Widget and a PHP Text Widget
  • Easily Add Your Own Custom Favicon & Avatar To Your Site
  • Fully Compatible With WordPress MU (Multi-Site)
  • Comprehensive Documentation that’s built right into the Theme Options
  • A Pure Framework Filled With Hooks & Filters Galore
  • And A Gazillion Other Things That You’ll Have To Buy Catalyst To Find Out About!

This is a screenshot of my home page. Cool right!

Premium Themes Vs Free Theme? What Should I Choose?

Who do you think is right, Free theme or Premium theme? Well, Let me clear my throught. As many of you know, there a tons of free themes available out there, and most of them are bad theme. Also, two important things you need to know is that most of them doesn’t have integrated widget and no one provides you the necessary support which is a great lack into your work as blogger or affiliate marketer.

How Fast Does Your Site Load? Mine Is Very Fast Now

It clear that some visitors will sit and wait no matter how long the site takes to load, but on average if your pages take more than 4 second to load, then your visitors could be getting impatient and leave it.

Many of my readers have probably noticed a difference in increasing page load time than the previous theme. After I’ve installed the new Catalyst wp theme, all of my webpages have drastically increased in load time.

You can check up the test I did with a speed tool, and here’s the results. Now, my home page load time is 0.91 seconds with an average speed per KB of 0.03 seconds. Not bad right?

speed

Inside Catalyst Premium Theme: What I Got With The New Theme

catalyst_download

When I downloaded CatalystBunde.zip(793.4KB), the.zip file contains the following:

  • catalyst.zip – The latst version of Catalyst Theme(Currently 1.1.2)
  • dynamik.zip – The last version of Dynamik Child Theme
  • Dynamik-Skins – A folder containing 22 Skins for Dynamik

The images below will show in details the three files(one folder and two RAR file format).

catalyst_folder

The C. Skins are very cool, and once downloaded Catalyst, you have a lot of choices between 22 skin they provides to you. Just look at the image below to see what you get. The current skin who is running on my theme is called “newsprint-skin”. Very kool :)

skin

Check Out The Incredible Level Of Control!

Catalyst theme is  the most in-depth and extensive premium WordPress currently on the market when it comes to dashboard options. It provides several panels with a wide range of options.  To give you an idea of how powerful this theme is, below I’ve also put some screenshots of the Catalyst Admin Panel.

Core Options > Info

core-info

Core Options > SEO

Page/Post Title Tags – In this section you can set up the Title Tag attribute for Pages and Posts. It very easy, just adding text to the “Catalyst Page Title” or “Catalyst Post Title” inside “Catalyst Post Options” section when editing a page or post.

Robots Meta SEO OptionsWhen a Search Engine crawls your site it can be directed as to where it should and should not go, what pages it should and should not index as well as archive for search results (among other things). Use the below options to help guide Search Engines as they view your site.

Homepage SEO Options – Search Engine Optmization is an important part for any affiliate marketer and internet entrepreneur like me  and thanks to Catalyst and with a few basic concepts you can create websites that are attractive to Search Engines and easy for your potential visitors to locate.

core-seo

Core Options > Header

The Header Right area houses the catalyst_hook_header_right hook. This hook allows you to hook widgets into the right side of your header. When using the Dynamik Child Theme this hook also allows you to place Navbar 1 to the right of your Header.

When this Header Right Area/Hook is not set to be active then the entire Header Right area is removed, only leaving the Header Left area, set to span the full widht of your Header.

header

Core Options > Navbars

Default vs Custom Navigation Menus – Here you can choose to either use the Default Catalyst Navbar or a Custom WordPress Menu for this Navbar, or None.

Control The Content In Your Navbars – When using the “Default” Navbar Type in Catalyst you are able to control what Pages and Categories display in your Navbars. With these Include and Exclude options you are able to choose what displays and what does not by adding Page and Category ID’s into their corresponding fields.

navbars

Core Options > Content

core-content

Core Options > Excerpts

Excerpt Widget Options - Catalyst comes bundled with a number of useful WordPress widgets, the most impressive of which is the Excerpt Widget. You can find it by going to (Appearance > Widget) in your WordPress Dashboard.

core-excerpts

Dinamik Options > Wrap

dynamik-wrap

Dinamik Options > Header

dynamik-header

an much much more…………….

Note: I’ve only scratched the surface. I could not add all pics, so if you want to see more screenshot, I reccomend to take a look at their resources.

So, What Make Catalyst So Special?

Many new bloggers struggle with their Themes every day trying to decipher what file to edit to change various sections of their blog.

Here’s where Catalyst come into play. The best things of Catalyst is that you can update any aspect of your blog design directly from your wp control panel. So if you want to replace your logo with another, change your headline color, and so on, you can do this in a snap.

Price

One of the better thing about Catalyst is that is free for old Frugal theme users. For other people the premium version goes up to $97 for a single user license, while the developer license goes up to $174. The developer version let you access to Catalyst Developer Edition Exclusive Resources and to Catalyst Beta Releases. That justify the $174 price.

Last Upgraded

The new Catalyst 1.3 added a lot of great new features to the framework.

First and foremost, the CSS Builder and Custom CSS Editor back in Advanced Options.  The Front-end CSS Builder got a major overhaul. With 1.3.1 you have much more polished product that I think will make the Front-end design experience much more appealing. Changes were made to make it a bit peppier, more accurate and feel more intuitive.

To see all the changes in action be sure to check out the Catalyst 1.3.1 video:

Catalyst Theme from SiteSmarty on Vimeo.

Final Consideration

I have to customize my theme yet, but  I can attest the new Catalyst features are much better than my previous theme and I really enthusiast about it. Also, your web page will load quickly, and you know what it means with the new Google Caffeine algorithm. Give it a try through their demo online and tell me what you think.

DOWNLOAD CATALYST WORDPRESS THEME



THE3DTECHNOLOGIES

The3dtechnologies.com is an encouraging blog, dedicated to helping people build a business online, creating killer graphics design to increase product page conversions, as learn to save money, as extreme frugal living as well, so you can earn more and save more. I'm glad to have you here!