Elegant Themes Modules

Stylish themed modules

Divi Video Slider Module. Learn how to add, configure and customize the Divi Video Slider module. Learn how to add, configure and customize the Divi video module. Divi Social Media Module.

Modules Divi

Learn how to append, set up and adjust the Divi Movie Encoderodule. Learn how to append, set up and adjust the Divi movie engine. Learn how to append, set up and adjust the Divi-Toggle-Modul. Learn how to insert, set up and adjust the Divi text engine. Learn how to append, set up and modify the DiviTestimonials module.

Learn how to insert, set up and adjust the Divi Tabs modules. Learn how to append, set up and modify the Divi Dynamic Monitoring System. Learn how to append, set up and adjust the Divi slide control modul. Learn how to append, set up and adjust the Divi side bar engine. Learn how to append, set up and customise the Divi-Shop-Modul.

Plugin Highlight: Devi Module Builders

Divi Builder contains many modules that allow you to include virtually any element of your designs in your layout, but what if you want to build your own modules? The Divi Module Builder is a third-party plug-in that gives you this opportunity. Divi 3.0 required. The Divi is available in 50 or higher and works with both Divi and Extra.

Alternatively, you can view this page by clicking License under Custom Modules in the Dashboard. Added a new Custom Modules submenu to the Dashboard. You will find everything you need to create your modules in this menue. You create modules in the Custom Modules, Add Modules drop-down list in the dashboard main window.

You will use two areas to build the plugin. Use the area on the leftside to define your field. On the right, the area is the area where you are adding your own coding that the boxes will use. They can build the modules by default or in full width. As soon as the modul is released, it appears in the Divi Builders.

You can have as many boxes in your game as you want. Every one of these arrays has its own characteristics. Labels - the designation displayed as titles in the contents register of the modules. Feldbezeichner - a clear value that you will use to refer to the array in HTML.

Only use lower-case characters, numbers, and punctuation marks for bay labels. Explanation - Include your own explanatory text to describe the object of the box. It is displayed below the entry in the Contents page of the modul. That box is mandatory, but I suggest including information or samples to help people. Fields of the same kind - defines the kind of entry the current observer sees.

Select several different fields from the drop-down list below, among them text, text area, colour, picture, yes/no switching and symbol. The Design tab - inserts fonts commands for this array within the design of the modul. Suppress Fields - gives the user full command over the fonts of an item in HTML output, without being able to check the contents of that item.

Only available when a text or text area box style is checked. Enter your name, descriptor, your descriptor, your name, your name, your name, your name, your name, your field name, your name, your name, your field name, select the field type, activate the Design tab or hide the field. Reorder the boxes by using the up/down arrow keys in each box. Every section and every box contains a descriptive text and an example.

Customize HTML, PHP, JavaScript, and CSS by adding them to your page to make it easier to use. HTML tags can include user-defined query and PHP. You must activate PHP before it recognizes the source file. If not, the passcode will be printed on the display. HTML and PHP both use labels to refer to the input as well.

Behind the source boxes, you can find links to codes. These include tag and array labels. Just insert your box IDs and they will be available at the bottom of the codes area where you can click to insert them into your own codes. HTML IDs are displayed as colored yellow and PHP as colored red.

Here is a short example for the creation of a modul. Name is the name that will appear on the Divi Builder modul. I added the descriptor, the text, the description and the text for the text fields and added a name. The design I have stored is for the design to appear in the HTML links.

Next, I chose the H1 tags from the short-cuts, placed my curser between the short-cuts, and chose the labels from the HTML short-cuts. You should get a modul with a box where the user can type text. You will see the Divi Builder now. Like any Divi-Modul, I can extend the page.

On the Contents page are the boxes I added with my label. This block shows the text I typed into the box. That requires some coding to align the box properly. See the modules listed in the Dashboard drop-down menus. See Custom Modules, Modules. Allows you to modify or remove your modules.

Indicates whether PHP is enabled or disabled for each one. When you want to klone a modul, you have to look at it under Settings. In the Settings dialog you will find a place where you can administrate your modules. It is possible to see both public and design modules. They can be cloned, which gives you a good starting point for a modul that requires a great deal of coding that you have used in another modul.

They can also modify, deactivate or activate PHP (which is useful if you are excluded from the main program because of a coding bug - I did this and used this function to modify the module), as well as add and remove your modules. Instead of making an "okay" example plugin, I'll show you the fantastic example made by the developers - Custom Blog Grid (free downloaded from the developer's website).

There are 3 boxes, HTML, PHP and CSS. How to use it? Box 1 is flagged with category, uses category as ID, and the box style is Text. Box 2 is called the B/W picture effect. Label is Filters and file types are Yes/No Toggle. Box 3 is called Post Title and uses post_title as name.

Text is the default text and the Design page is on. We will see adjustments for this array in the modul. A H2 HTML classification is assigned to this HTML file. The PHP is chosen so that it can be used in the HTML Output code area. Add Custom CSS will be added to the custom edit dialog.

As soon as the modul is released, you will find it in the Divi Builder. Adjustments that appear within the modules and its captions vary according to the selection. You can use this plugin to create category entries, activate the monochrome effect, and create a caption on the Contents page.

There are also backgrounds (which is standard for modules). Design page is activated for this part. Additional customizations can be added to the source to modify the buttons, adding superimpositions, etc. When you can encode it, you can make it do virtually anything you can think of. Sample executable is supplied with a step-by-step guide.

The Divi Modules Builder is a high-performance plug-in with a great deal of power in the right hand. As it requires a good understanding of the codes, it is not suitable for everyone. It gives designers an outstanding toolset to build and split modules. For every website that uses the plug-in, the plug-in must be institutional.

When you have good coding skills and are interested in building your own Divi modules, Divi Module Builders are definitely a good choice. Did you try Divi Module Builder?

Auch interessant

Mehr zum Thema