Themify Builder Wordpress PluginCreate Themify Builder Wordpress Plugin
Use the Themify Builder, a draft and dropdown layouts utility with real-time editing and previewing, in this tutorial. Themify Builder works with WordPress mails and pages, as well as user-defined mailtype. Short codes and HTML tokens are provided with the text engine. You can use the Builder in both Backend Edit Mode and Frontend Edit Mode.
REMARK: Themify Builder is part of all Threads. When using a Themify topic, you do not need to separately deploy the stand-alone Builder plugin. Use the Themify Builder in the backend: First, create or modify a post/page. Beneath the Contents Builder (make sure that the article is saved/published) you will find the Themify Custom Panel > Themify Builder tabs as shown in the screenshots below.
To open the modul pedestal, click on the green "+" symbol in the upper right hand side or in the last line. Use drag and drop to drag the cartridge into the column/grid to insert it. Use the " " symbol to block the modul panels while editing them in the back end. Dragging the modul from the modul containers into the line or colum of the builder.
If you click on the modul, the + symbol will also be added to the modul. It is also possible to move a row and stored contents of a collection by dragging and dropping by switching registers. The functions available on the front end are all the same in the back end. The following items are displayed when you choose more than one row.
Modular orientation positions from right to right or from right to left. 1. In order to create subrows/columns, go to the Modules pane and click the Lines tabs. Front-end editing works in a similar way to back-end editing, but provides a real-time thumbnail. See the figure below for an illustration of how the Builder front end works. Use the Themify Builder at the frontend:
Display any article or page on the front end (NOTE: WordPress standard home page is actually a blogs archives page, you would need to build a fixed home page to use the Builder on the home page). Choose "Turn On Builder" on the front end in the upper administration toolbar (make sure that your WP Administrator toolbar is activated).
To open the modul pedestal, click on the green "+" symbol in the upper right hand side or in the last line. Use drag and drop to drag the cartridge into the column/grid to insert it. Saving = Click here to saving all changes made with the Builder. Revision = This is the drop-down box next to the Store box.
Choose whether you want to store or download a review. Exit = Click here to exit the Builder. Modify in Builder Set up = Click here to modify the Builder in the Builder set up. Helpfor = Click here to open the Builder help file's light box. Multiply this page = duplicates the page together with the contents of the Builder.
Layouts: Loading Layouts = Load Prefabricated Builder Layouts onto the currently loaded page. Store as Layouts = Store the currently active layouts for use on another page. Imports = Imports Builder contents from existing articles or pages. Exports = Exports the Builder contents (Export creates a Zero Point Format (ZIP) executable that is subsequently loaded with the Importer option).
Un-do/Redo- = Undo/restore Builder modification before you save or close the Builder. Even if you choose a cell phone or tray after an appealing style. Modulplatte = Move the mouse pointer over the display caseodulplatte. HINT: If the upper toolbar (WP Administrator Toolbar) is not displayed on the front end, it is probably inactive.
In order to activate the upper administration toolbar, modify your profile and activate the checkbox "Show toolbar when browsing the website". REMARK: If you don't see the Builder Grid after turning on the Builder (but the Modulpanel is displayed), it's probably because the templates doesn't use the necessary WordPress feature, the_content() or the_excerpt() templates.
Drag-and-drop the modul from the modul area into the Builder col. If you click on the modul, the + symbol will also be added to the modul. The following items are displayed when you choose more than one row. Modular orientation positions from right to right or from right to left. 1. In order to create subrows/columns, go to the Modules pane and click the Lines tabs.
TIPS: A klick on the modul layer area also opens the modul options). Actually, the standard WordPress home page is a blogs archives page that displays all your latest postings. Notice that the Builder does not work on archives. In order to use the Builder on the home page, you must first build a statical page (e.g. "Home") and then go to WP Settings > Reading and make this statical page "Home" your home page.
Use the Themify Builder on your homepage: Publishing the page and creating the Builder as you like. Once you are done, go to WP Settings > Read, under " Front View ", choose the "A Fixed Page" check box, then choose the "Home" page you made. Please keep the post s page options blank (if you need to make a blog page, please read this tutorial).
You can find this item by moving the mouse pointer over the upper right hand edge of the area. As a result, your modul will be moved so that it has the same orientation across the entire line or subline. To open the light box options, double-click a line, cell or remote unit.
Command+S (PC: Ctrl+S) to store the cartridge (make sure your mouse pointer is on any entry box, text box or drop-down menu). Use the Escape button to cancel/close the light box of the unit. In front-end editing mode: Command+Z (PC: Ctrl+Z) to reverse it, or Command+Shift+Z (PC: Ctrl+Shift+Z) to restore it. In front-end editing mode: Command+S (PC: Ctrl+S) to store the Builder.
Builders are the predefined layout that you can use on any page for faster prototyping. Builder layout is a set of predefined layout that you can use on any page for faster prototype work. Use the ready-made layout provided with the Builder or build your own user-defined layout. Click on the layout image to adopt it (warning: your Builder contents on the page will be overwritten with the layout).
Refreshes the page and loads the layout on the page. The Builder layouts are only available in individual posts or pages, not in blogs archived pages like category, file, search, tag, page, etc. You have three ways to build new layouts: Rebuild a new user-defined layout from the ground up.
A duplicate of an already published post/page that has been built with the Builder. Store from an exisiting post/page that has been built with Builder. 1 ) To recreate new layouts from scratch: Browse to WordPress Admin > Themify/Builder menu > Builder Layouts. Type the caption, load the layout thumbnail (option), and click Submit. You can use the Builder editing window to customize the layout, and then click Save.
New layouts are available in the Layouts Libraries light box. 2 ) To copy from an already created layout: Browse to WordPress Admin > Themify/Builder menu > Builder Layouts. Move the mouse pointer over the layout element in the drop-down box and click on "" Duplicate". Modify the copied layout as you like. 3 ) To store from an already created post/page:
Navigate to the page front end (the page you want to store as a layout). In the upper toolbar, choose > Enable Themify Builder > The Map icon > Store as Map. Then, load the layouts thumbnail and headline, and then click the " Store " button. These are reusable layouts that can be added to the Builder contents or anywhere in the Mail contents, and the widget with its short number.
You can edit layout parts on site without having to go to another page or open a light box. If the layout part is refreshed, every article or page that uses that layout part is refreshed at the same time. The layout part is very useful for displaying the same contents in several areas/pages (e.g. customer logo, customer information/card, business banners, services etc.).
1 ) Store as Row/Module as Layouts Part You can store any rows or modules as layouts parts by selecting the Store symbol () and the Layouts Part box. As a result, it is saved routinely as a part of the design as well. Methode 2) Creating in WordPress Dashboard: Browse to WordPress Admin > Themify/Builder menu > Layouts Parts.
You can use the Builder editing window to customize the design, and then click " Save". Selection of the new part is available in the Options dialog box of the "Layout Part" dialog box. 2 different ways are available to display the parts of the layout: With the " Component Relay " part.
Use the shortcut[themify_layout_part]. Procedure 1) Using the "Layout Part" The " Layout Part " works just like any other part. Just sit in the "Layout Part" and you will see the following light box options: 2 ) With the short form[themify_layout_part] you can also show layout parts with the following short forms in the textidget and insert them into the page with the hook-contents.
You can query the part of the lay-out using its slot name or its postal ID. means that the part with the name ''client-logos'' will be displayed. means that the part ID 12 is displayed (here is the procedure for the part ID number). Builder import/export can be used to split Builder page layout with any client or as a back-up to build different version of your pagelay ( i.e. exporting Builder contents for backups that can be restored in the future).
For exporting: In the upper administration panel of the front end, choose Themify Builder > Import / Export > Exporter (you will be prompted to load a zipped file). For importing: Choose Themify Builder > Import/Outload > Import (upload the extracted file ) in the upper administration toolbar of the front end. The full-width layouts are only available in the Themify topics.
When you use the Builder with a third-party design, the width of the design is taken from the width of the design. You can, however, use the BEYOND CASE . has-builder to create custom style sheets to bring the design's layouts container to full width (see FAQ #3 below for example code). How to specify the full width layouts (available only in Themify themes):
If you add/edit a message or page, choose the option in the custom area of Themify: In this case, the Builder line extends its backgrounds by the full width, but the line contents remains within the page width contain. In order to bring the line contents to full width, choose Line > Options Line width = full width. The full size line sets the line to 100% View Window Hight and the line contents are aligned vertical in the center automatic.
Adjusts the full line in the Builder: Choose line width = "Full width (100% view window height)" There are 2 full width line options: The full width serial containers = Selects the full width containers and keeps the contents as standard. Contents in full width = This causes both the contents and the containers to be placed in full width.
Choose Line width="Full width line container" or "Full width content" NOTE: Safari browser will not playback WP multi-site WP paths containing movie Url. Allows you to show a full-screen wallpaper on the lines of the Builder: Type of background: Choose "Video" NOTE: Adding a YouTube/Vimeo links does not allow the user to switch the output (e.g. playback, break or mute).
Wallpaper: It is a fall-back wallpaper. You need to add a picture because the wallpaper on the phone does not work. Displays a scrollable wallpaper in the lines of the Builder: When the Builder is on, choose Line > Option > Styling tab, load a "background image" and choose "Parallax Scrolling" in "Background Mode" (optional) Choose a "Background Position" for the picture.
Used to show a slide bar for the picture backdrop in the lines of the Builder: You can choose under "Backgroundlider Mode": Burns = the wallpapers swivel, enlarge and gradually disappear, creating an amazing effect. REMARK: The slope wallpaper is only available for lines and column. You cannot apply them to plug-in wallpapers.
Allows you to show a foreground in the lines of the Builder: Type of background: Choose "Gradient". backgroundgradient: You can choose whether you want to represent the effect of the slope as straight or straight, and adapt the rotations to the way you want to represent the grain. You can also change the coverage of the selected colour (NOTE: You can enter an infinite number of colours).
Line overlap = This allows the user to superimpose a colour over his wallpaper / slide control / text. Superimpose colour The basic colour that the user sees above your wallpaper. Inner liner in rows = Process the inner liner of the rows. Wallpaper = This is used to specify the wallpaper' s URI. You can either submit the wallpaper or choose to submit it via the Libraries.
Wallpaper colour = This is used to apply a shallow colour to the wallpaper of the inner series. Choose from the following available on both the Line Tab and the Module > Style Tab: As the name implies, you can use this function to create your own wallpapers for the item. Wallpaper = This is used to specify the wallpaper URL. You can either submit the wallpaper or create it using the Libraries.
Wallpaper repetition mode: Repetition of all = The wallpaper is tiles (repeat all). Horizontal repetition = The wallpaper is repeated horizontal. Vertical repetition = The wallpaper is repeated vertical. Don't redo = This wallpaper is as it is (without redoing it). Full cover = The wallpaper fills the box and fits into it.
When scrolling para laxes = picture has para lax effect when scrolling. Scrolling Zoom = The picture is enlarged as it is scrolled. Zoom = Picture is magnified automatically. Wallpaper location = Specify the location where the wallpaper will be displayed. Hintergrund color= This is used to apply a shallow colour to the line backgrounds.
Line: From the Line menu, click a Line > Style ( or click the paintbrush icon) page > Border. Click the tabs on which you want to place the border - top, bottom, left, or right. Under Show Contents or Show Top Contents = Specify whether to show the border below or above the contents of your page.
Modify any line or modul and click the Animate tab to see the following effect animations: From the drop-down list, choose the one you want to use for the whole line or part. PLEASE NOTE: The quicker you adjust the tempo, the higher the scrolling of the modul will be.
If the stacking order is larger, a modul always stands in front of a modul with a lower stacking order. You can use this setting to generate an overlap effect with all your moduls. With this new function, you can split your Builder layouts into several pages. This way your pages can be loaded more quickly while your reader can still view all your contents.
Click on the Register card labeled RF > Below the default lines you will see the Page Breaks window. This way, a number indicating how many have been added is displayed next to the page breaks team. Builders Revisions provides a "Save As" similar function that allows you to store your Builder layouts with infinite revisions.
Builder logs this audit and allows you to restore it if you want. For saving revisions: In the front-end builder, move the cursor next to the Save icon and choose "Save as Revision" to upload revisions: choose "Load Revision" and you will be asked if you want to store the actual state before uploading a review.
REMARK: If the revisions listed on the Options panel are grayed out and the revisions links are not selectable, this means that the revisions do not have a Builder lay-out, so you cannot download an empty Builder revison. Add a text editor to reduce the text and concentrate on the text modules to visualize the text.
If you want to browse the entire contents, click on the "Read more" link. In order to use this function, first activate Builder > in the Builder selection bar to display your website in desktop(), Tablet Landscape(), Tablet Portrait() or Mobile(). Once these symbols are checked, you will see a real-time previewer where you can adjust the style and modul information.
If you are editing your style in both tabular and portable views, you can append or modify the contents of the Builder. They are the standard module included with the Builder: Akkordeon = Shows expandable/collapsible contents. Warning = Schedule, displayed for a specified number of visits, either for logged in/public viewers or automatically closed after a specified number of seconds of your incontent.
User box = Shows the text contents in a User field. Galerie = Shows a galery with picture lightbox/zoom. Picture = Shows a picture with caption and name. Menue = Shows user-defined WordPress menus that have been generated under Appearance > MENU. Scroll bar = Shows a scroll bar for contributions, pictures, videos or text contents. The tab = Shows the contents of the tab.
Broadget = Shows any WordPress wideget. When you use a Themify topic, you can find the Builder preferences in the Themify pane > Preferences > Themify Builder. The Builder preferences window allows you to: Isolate the individual cartridges (NOTE: If a cartridge is Isolated, only the Isolated cartridge will not appear on the page).
When you use the Themify Builder plugin, you can find the Builder preferences in the WordPress Administrator side bar > Themify Builder > Preferences. REMARK: If you do not see the Builder Script Minification checkbox in the Topic Setting checkbox, it means that your servers do not support scripting ( either because of an old PHP release or because the servers do not allow you to create scripting caches).
Activate script shrinkage for quicker builderformance. Activate Builder Café = This temporarily stores the Builder. Placeholder for Builder content: The Builder contents in the predecessor are always added after the contents in the WordPress Editor. You will now see a card with the name "Builder Placeholder " in the Notepad that indicates exactly where the Builder contents are located.
Insert before or after the contents wildcard. When you do not see the Builder Contents wildcard, make sure that you are using the latest release and that the old posting information is being migrated. Assuming you have a few lines or moduls that should have the same backdrop in gold and the same text colour in red, you would put the additional CSS class in the Additional CSS Class section and put the border in gold (all lines and moduls have this section in the Options Lightbox).
Now, all lines or moduls that have this extra CSS category have a solid white text design with a solid white text design. If you modify the style sheet text, it applies autmatically to element without having to modify the Builder background: #00000000; The Builder is extensible with addons. The installation of Builder Addons is the same as the installation of WordPress default plug-in.
Is the Builder working on the homepage? Builder works with all articles, pages and any article types where_content is on. Actually, the standard WordPress home page is an archives page that displays the latest articles. In order to use the Builder on the homepage, first generate a new page and then allocate it as title page under WP > Settings > Read.
Builder will not turn on the front end. - Number two, make sure that the top administrative bar is activated on your WordPress page. - After all, it's probably due to plugin conflict. Attempt to deactivate all plug-ins and review it again. I' m using the Builder plugin and the full width line does not work with my design.
When you use a third-party style and the Full Width line options does not work with your style, it is most likely due to the width of the tray specified in your style sheet. If the Builder contents are present, the below mentioned CSS adapts the containers only if it has no influence on your own designs.
UPDATING: The latest Builder plugin displays the line in full width on all third topics as long as the line has the full width contents chosen. width: 100%; maximum width: 100%; width: 1224px; edge left: aut; edge right: aut; maximum width: 94%; Can I use the Builder to manipulate the headers, sidebars and footers? The Builder is used to create a layout for your contents.
Cannot process the head, side, and foot areas. You can, however, use the Builder to build template parts and then view the template parts in the headers, sidebars, and footers using the short code provided (for example, inserting a text widget onto the Sidebar and inserting the template part shortcut).
When you use a Themify topic, you can use the hook content to add links as you like, without having to modify a templates or add widgets. What's more, you can use the hook content to add links without having to modify a templates or add a widget. As an alternative, you can use Themify Flow (our Drag&Drop Topic Builder) together with the Builder plugin to do this.
I' m not using the Builder. 1 ) You can turn off the Builder in Themify > Settings> Themify Builder. When using the stand-alone Builder plugin, deselect the plugin to deselect the Builder. You can also turn off the Builder in the subordinate topic features. Php with this code: add_filter('themify_enable_builder','custom_disable_builder',100,1); return-'disable'; To change the Themify Builder tab in the Themify panel:
Kind administration_stylesheet' ); ); - Creating a Kind administration_stylesheet. This is a script. bss script. Add the following to your HTML file: Display: none; Once I have disabled the Builder, will the layout generated with the Builder be displayed? The Builder is obliged to do the rendering of the layout that will be done with the Builder.
Notice: The upgraded Themify 2.1 framework. and Builder Plugin 1.3.1. has obsolete the following user-defined mail types: To keep using these user-defined mailboxes, we have made a free plugin named Builder Deprecated CPT. With this plugin you can activate the obsolete user-defined mailboxes. If I try to import/upload Builder layout as a zipped or texted files, does it say "Sorry, this kind of files is not allowed for safety reasons"?
The reason for this is that the data type is not permitted in your WordPress networking settings. The WP-Admin is HTTPS, if I change to the front end with HTTP, the Builder does not work. When your front-end URL is not HTTPS, the front-end builder does not work because the webbrowser treats HTTPS as a different address.
In order to fix this: Go to WP Admin > Settings, modify the "WordPress Address" and "Site Address" to HTTPS url. First, let a tray fall and customize the trays according to your needs. Look at the page at the front end with Google Chrome, right click on the table below (https://cl. ly/2g2n183x2n3c) and choose "Copy left address", now you can insert this address as a hypertext connection (e.g. the left hand side would be something like http://yoursite.com/page-url/#tab-tab-6925-0-0-0-6925-2).
I use a Themify topic and a builder, there is apadding between header and contents area. This is the cushioning of the contents containers. In order to delete it, modify the page in the back end, choose "Content width = full width" in the custom area of Themify. With the ScrollTo-Anker function in the Builder it will scroll to the beginning of the line by standard.
returns zurück ; add_filter('themify_builder_builder_scroll_highlight_vars','custom_builder_scroll_highlight_vars', 20 ) ;