From Idea to Website With Catalyst

Often a client presents a very specific brief involving a pre-existing design from another theme or site that they would like their own design based on: ‘I want my site just like xyz theme, but with a double right sidebar, an area up the top for my banner ads, and make the homepage display fixed content AND 5 recent posts from our most popular category’.

And although this may sound like hard work, it’s far better to have a client that can tell you exactly what they want than one that has no idea.

But how are you going to build that website?

ben-pyman-example-siteThe traditional option is editing or rebuilding a pre-existing theme in a code editor to suit a client’s exact requirements. But rarely an enjoyable process, and can take a lot of PHP and CSS knowledge and front and back-end testing if you’re to end up with something robust, updatable, scalable, plug-in friendly and secure.

Having a good understanding of Catalyst and the Dynamik child theme gives us the option of re-building the design the client likes with the extra functionality, layouts or edits that they require to suit their project in FAR less time. And it rarely takes any programming at all.

Sometimes a few lines of CSS may be required, but the front-end CSS builder can help you through assembling the styling and showing your results in real time BEFORE you commit to saving your changes.

Here, in three short videos we run through basic site setup, building the main structure with EZ-Home options and custom widget areas, pulling content into the static homepage with the Catalyst Excerpt Widget, and basic and advanced styling with Dynamik and the front end CSS builder.

You’ll see in 40 minutes how we can re-create a theme design ready for delivery or, as a great starting point to further modify the design to suit your or your clients specific needs.

Even if this minimal chic design does not suit your needs, the videos provide a blueprint for a workflow to build a huge variety of custom themes as well as some great techniques and tips to get you using Catalyst and Dynamik more like a pro.

Video 1

Video 2

Video 3


The small amount of custom CSS used in the project is available in the Catalyst Community here.

Catalyst is your complete website builder.

Even with no coding experience, you can use Catalyst to build your own fully-functional website from the ground up.

Use Catalyst To:

  • Publish your content
  • Sell your goods and services
  • Build your own social network
  • Convert prospects into customers
  • Grow your discussion forums

9 Comments

Leave A Comment

  1. Marion Ryan says:

    Ben

    Fabulous video series you’ve created here, pitched at just the right level to inspire me without feeling overwhelmed and to teach me something new eg it never occurred to me that I could have two Catalyst excerpt widgets in one widget area to show up one below the other. Even the idea of creating that little custom navigation under the title – cool.

    Really hoping to see more of this sort of Catalyst tutorial / case study – it is awesome.

    • Ben Pyman says:

      Glad you liked the videos Marion!
      We all know and use the tools slightly differently, and SO much can be gained by watching the way other people work.
      Thanks for the feedback!

      Ben

  2. Gino Creglia says:

    Excellent Videos!!!! I’ve been using Catalyst for close to two years and love the framework platform. The customization options are truly amazing. More videos please!!! :-)

  3. Bob says:

    Very helpful! I’m designing my own site (i.e., not a professional developer). The parts about customizing the header and footer are just what I need at this stage of my project – I simply didn’t realize how flexible and customizable those areas are. I’ll be bookmarking these for future reference. Thanks, Ben and the Catalyst team.

  4. Denise Southard says:

    No one ever tells us how to install an optin box from aweber. That would be so helpful.

  5. Mary Cate says:

    This is the kind of help you get asking a direct question on the forum. High quality help. The kind that makes you feel like you really ought to be paying for it.

    Awesome!

  6. Steve M says:

    I have the catalyst themes and have some of the skins and was struggling to get a site up and looking good. These three video’s really helped me out a bunch. It was a great help in me getting going and getting started to use and understand the catalyst themes. Thanks a bunch and keep these great videos coming. I really appreciate it and your help in working with catalyst.

Trackbacks

  1. [...] Here is another tutorial about Catalyst and site design. Create a website with Catalyst Theme for WordPress | Catalyst [...]



Leave a Comment

*