Genesis Geek

Genesis child theme tutorials

3 Types of page template in Dynamik Website Builder

By

Why 3 types of page template in Dynamik Website Builder?

To understand why there are 3 ways to make a page template, you must understand how page templates work.

The page template is just an empty shell.

You could paste content directly inside that shell.

But sometimes it makes more sense to put content in widget areas or hookboxes. This gives you more power, flexibility and control than just pasting content directly into your page template.

After making widget areas and hookboxes you can connect them to your template in different ways.

You can convert widget areas and hookboxes into shortcodes, then paste those shortcodes inside your template.

Or, you can make your widget areas and hookboxes display inside your template by hooking them in to the template using conditional tags and hooks.

Self contained Template

  • The content of your template goes inside the template itself.
  • Make a template.
  • REPLACE the loop. This builds a a new function.
  • Your content goes inside this new function.

Template linked to widget areas

Put template content in widget areas. Hook those widget areas into the genesis_loop area of your template.

  • Make a template.
  • REMOVE the loop.
  • Make widget areas.
  • Put content inside those widget areas.
  • Hook those widget areas into your template on the genesis_loop hook.

Template linked to a hookbox

Put template content in a hookbox. Hook that hookbox into the genesis_loop area of your template.

  • Make a template.
  • REMOVE the loop.
  • Make a hookbox.
  • Put content inside that hookbox.
  • Hook your hookbox into your template on the genesis_loop hook.

Styling EZ-Home widget areas in Dynamik Website Builder

By

The Basics

Make your EZ-Home bottom widget areas look like the Small Biz Press skin. In this first video we just cover the basics. Other videos will cover editing the styles in more detail.

Styling the CSS

Basic Grey boxes

To get the same look as the SmallBizPress skin, use this code.

Grey boxes and text

If you use a darker background colour and want to change the headline and paragraph text use this code.

Extra padding

If you just want to style one widget area in a row, add this code to make the headlines line up.

DWB Full width page template tutorial

By

Paste this code in Genesis → Dynamik Design → CSS


 

 

Paste this code in Genesis → Dynamik Custom → Templates (name the template: stripy_page)


 

 

Paste this code in to the relevant text widgets


 

 

Paste this code at…
Genesis → Dynamik Design → Responsive @media only screen and (max-width: 839px)

“Develop Genesis child themes fast…

By

With Dynamik Website Builder”

YOU can build Genesis child themes now, not after months of learning.
Learn to use Dynamik Website Builder in a few days, and you’ll get 80% of the results you’d get from spending months learning how to build Genesis child themes by hand

And each site you build will take you a fraction of the time it would take if you had to build it by hand. Saving you and your clients time and money.

Magazine style home pages

Dynamik Website Builder has dozens of ready made magazine style home pages built in. Just choose one from a drop down list. If the exact layout you want isn’t on the list, you can easily build your own. Just use Dynamik’s custom widget area and hook box feature.

Just point and click, until you build up your skills. But then…

You can build your entire site’s layout by pointing and clicking… and style that layout by pointing and clicking. But as you become more skilled using the point and click features, you’ll probably want to start using Dynamik’s CSS and PHP Builder tools.

Using the Builder tools will help you understand how Genesis code works

The CSS Builder and PHP Builder tools are just for the Genesis Framework. This is like a half way stage between hand coding your theme and point and click software.

When you’re ready to learn more, Dynamik is there to guide you

Dynamik Website Builder’s PHP Builder tool is custom made for the Genesis Framework. It makes building hook boxes, widget areas and conditional code much easier than building it by hand.

And as you use the PHP Builder and CSS Builder you’ll slowly start to understand how Genesis sites are made. You’ll have started your journey as a real Genesis Developer.

Mobile responsive design

Dynamik is mobile responsive, so it looks good on a desktop, tablet or phone.
If you have a specific need to disable the responsive layout, just go to Dynamik Settings > General Settings > Responsive Design, and un-tick the check box.

Dynamik even has built in mobile menus. And yes you point and click to activate them.