“ByTomi Layout Builder & Shortcode Generator” Documentation by “Petrescu Eduard” v1.0.0


“ByTomi Layout Builder & Shortcode Generator”

Created: 19/03/2013
By: Petrescu Eduard
Email: bytomigroup@yahoo.ro

Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents

  1. Introduction
  2. Introduction
  3. Drag & Drop Layout Builder
  4. Shortcode Generator

A) Introduction - top

In this product you'll find two plugins, you have to install the both plugins if you want a better functionality . You can install these plugins on a new site or a old one becouse it don't affect the current content of the site , you don't have to configure anything . Here is the graphical interface of the plugins :

Graphical Interface

B) Installation - top

ByTomi Drag & Drop Layout Builder and ByTomi Shortcode Generator installation doesn't differ from any other plugin installation process, so you might be familiar with this process already. If not, please follow instructions below.

  1. Login to your website
  2. Go to Plugins -> Add New section
  3. Click Upload link
  4. Browse to the plugin's zip file (it is located in the folder you've downloaded from CodeCanyon) and choose that file.
  5. Click "Install Now" button
  6. Wait while plugin is uploaded to your server
  7. Click "Activate Plugin" button

C) Drag & Drop Layout Builder - top

The Drag & Drop Layout Builder is a pretty special plugin . It is special becouse you don't need columns , the modules are resizable and you can play with them how do you like .

Insert a module , Resize it , Configure it

To add a module you have to click "Add a Module" , after that a list with modules will appear . You have to drag a module onto your canvas ( under the modules list ) . So now you have a module on page . Here is a mini tutorial( how to insert , resize and configure a module):

A short tutorial to see how to add a module and how to configure it :


This is the second part from tutorial . Here you can see how to resize and move modules and other tricks


In this tutorial i make an introduction in Sample Layout


D) Shortcode Generator - top

The shortcode is very easy to use , you have to select what shortcode you want and to complete the fields

Tips & Tricks

To get a unique you have to use 2 shortcodes like you have only one . e.g.

[button type="Big" color="dark"] [label text_color="light" bg_color="red" radius="On"] End of Part 3[/label][/button]

Or

[label text_color="light" bg_color="red" radius="On"][button type="Big" color="dark"]End of Part 3[/button][/label]

First example: I've included a label in a button

Second example: I've included a button in a label/p>


Content Elements from both plugins

  1. Text Block
  2. Separator (Divider)
  3. Logo
  4. Paper
  5. Video
  6. Testimonial
  7. Slogan
  8. Image Slider (Nivo Slider & BxSlider)
  9. Buttons
  10. List
  11. Toggle
  12. Tabs
  13. Content Slider
  14. Pricing Table
  15. Box
  16. Widget Area
  17. Image
  18. Gallery
  19. Author Bio
  20. Skills Bar
  21. Label
  22. Blog Post Grid-Line
  23. Dropcaps
  24. Social Icons ( On Text tab in classic content editor )
  25. Columns (Only for content type fields) ( On Text tab in classic content editor )
  26. Tooltip ( On Text tab in classic content editor )
  27. Raw ( On Text tab in classic content editor )

Petrescu Eduard

Go To Table of Contents