• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

26 August - 2013 By Paal Joachim Add a Comment
Last updated on: January 8, 2016

The Themify Page Builder

https://themify.me/
https://themify.me/docs/builder

One way to create your post and pages is by using the Themify Page Builder that are bundled with their themes.

Below a post or page the Themify Custom Panel resides.
It contains two tabs: Post Options and the Page Builder.

Below we see the Page Builder tab selected. These are drag and drop modules. Drag a module to a row and drop it. Options for the specific module will come up so you can fill in the information you need and click Save.

More on these various options will follow further below.

As you can see I have already dragged and dropped the Box module into a row. A row consists of four columns. The below box covers three columns. Which can be adjusted by dragging the area to the right of the Box – either left or right. Having the module cover from one column and up to four columns.

In the row below the Box I have added another row. Here the Post module covers all four columns.

Themify-Custom-Panel-Page-Builder

NB! If your having difficulty with another sidebar coming up on the post/page.

Then select the the Post/Page Options tab and be sure to select Sidebar Option: Full Width (the white square).

 










There are a lot of options in the dialog boxes. At the end of the box one can also add in a CSS class to add additional code.

Switching to the front end is easy to do just click the front end button. On the front end drag the modules around.Hover the mouse over a module and see the options to edit the module.

Themify-Page-Builder-Frontend

 

 

One of the inherit problems with the above content blocks is that the main focus of building a page is the content blocks and not the flow of the text to where content blocks are added.

Another matter that comes up is that content blocks can not be nested.

Here one can add a box and add content inside the dialog area of the box. For the above gallery I used a shortcode to add the blue box around the gallery.

Reusing content. What is a good way to reuse a page/post elsewhere?
What about adding a duplicate under a post/page in the All Posts/Pages listing. In the Quick bar area.
Themify are planning on adding a way to save a layout and use it again in another page.

 

Share this:

  • Email

Categories: Developer, Themes, Themify, WordPress

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2021 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.