Author 詩語

Visual Composer allows you to work with templates. A template is a set of elements formed as a ready-to-use layout. A template can be added to the page with a single click.Once a template is added, you can replace the content of the template with your own. Using templates speeds up the process of creating a page.You can use Visual Composer predefined templates, download templates from the Visual Composer Hub, and create your own templates to reuse them.Note: Features like block templates, global templates, template download, and export are premium features.How to add a template?All downloaded and created templates can be added to your page from the Add Content Window.Open the Add Content Window, navigate to templates and click on the template you want to add.If you want to download more templates, visit Visual Composer Hub. The Hub gives you access to different types of templates, including page templates and block templates.A block template is a template that can be used as a section (part) of your page.How to create your own templates?In Visual Composer, you can create your own templates.To save all your page as a template:Open Add Content WindowNavigate to the Templates tabName your template the inputClick "Save Template"The template will be saved and added to the listIn addition to page templates, you can save a part of your page as a template. You can save any row (with content included) as a template. To save row as a template:Open row Edit WindowClick on the Settings iconName your template the inputClick "Save as a Block"The template will be saved and added to the listTo delete templates:Open Add Content WindowClick on the Settings iconClick on the "Cross" icon of the template to delete itGlobal templatesGlobal templates allow to display the same template on several pages and update it from one place. As you modify the global template, all copies of that template will be updated automatically.This allows to speed up the content management process and ensure design consistency for similar blocks.With the Global templates addon downloaded, all templates created and downloaded can be used as global templates.To access global templates, open Visual Composer Dashboard and navigate to Global Templates. There you can edit, delete, and create new templates.To add a global template to the page you will need to use the Global Template element. The element will be downloaded automatically together with the addon.Once you add an element to the page, you can choose any of your templates from the dropdown menu.Note: If you want to add a template as a regular template (not global) you can still add template through the Add Content Window.Export and Import templatesYou can export Visual Composer templates (by one or bulk) to upload them to another site.To export the template, make sure to install the Export/Import addon from the Visual Composer Hub.To export templates open Visual Composer Dashboard and navigate to Global Templates.Note: You can also export headers, footers, sidebars, layouts, and popups.In the list of templates, hover over the template you want to export and click on "Export". If you want to download several templates, select the templates and choose Export from the Bulk actions.Your template/s will be downloaded as a zip file.To import templates, navigate to Dashboard - Import and select a zip file that contains templates. The templates will be uploaded to your site and added to the list.

Design Options are powerful design controls available to all Visual Composer elements and page settings.You can use design options to:Control element margins, paddings, borders, and border-radiusApply background images, slideshows, gradient color, and videosAdd element CSS animationApply parallax effects, box-shadow, dividers, and make elements stickyTo access element design options, select "Edit" from the element controls (hover or right-click) and scroll down to Design Options.To access page design options (including Layout Builder), open page settings and switch to the Design Options tab.In Visual Composer, there are two types of Design Options:Container design options (row, column, section)Element design optionsContainer design options offer more features for customization (ex. parallax effects are available to container design options only).Responsive design optionsVisual Composer allows applying design options per device type.This means you can optimize your design for specific devices to ensure high speed and better usability.To modify design options per device, select "Custom" in the Device type dropdown (located at the top of Design Options).

Theme Builder is a premium Visual Composer addon that allows you to design custom layouts for singular (pages, posts, custom post types) and archives (category pages). You can then overwrite your theme default templates site-wide or per-page basis.The addon will be downloaded automatically once you activate Visual Composer Premium.You can access Theme Builder from the Dashboard menu.In the Theme Builder you can:Create Layouts for singular and archivesAssign layouts to pages, posts, custom post types, and archives in the Layout SettingsCreate custom headers, footers, and sidebarsImportant: It is recommended to use Layout Builder to design headers, footers, and sidebars right in the layout.Create new layoutTo create a new layout open the "Layouts" section and click on "Add Layout".The editor will load and you will have to name your layout and select the type. There are two layout types to choose from:SingularArchiveBecause of a different WordPress structure, it is required to specify the layout type you want to build. You will not be able to change it after.Note: You can create several layouts for singular and archive to use on different posts, pages, custom post types, and archive-type pages.Once you select the type, you can start building. The editor will load and you will see predefined content already available. You can remove that content at any time.For the singular templates, you will have the content area defined as a part of the page. The content area is a mandatory element for singular layouts. This area will be used by your pages and posts to output the content. You will be able to create content within this area for specific pages and posts once you assign the layout to the post type.For the archive page templates, you will need a post list or post grid element added with "Dynamic WP Query" specified as a Source. This will indicate that the post list is dynamic and is based on the archive page type it is assigned to.In addition to mandatory elements, you can use any other Visual Composer elements. This allows you to design the layout around your content area or post list. You can design the header, footer, sidebar, and apply page-wide Design Options.Important: If you plan to use the same header, footer, or sidebar across multiple layouts, consider building this part as a Global Template. Global Templates make it easy to modify all copies of your template from one place.Theme Builder offers a list of additional elements available only in the Layout Builder. These are dynamic content elements that work as placeholders. With these elements, you can specify the places where to display WordPress default and custom fields (ex. post title, comment area, featured image, and ACF fields).Once your layout is ready, save it. It is time to assign your new layout.Assigning layoutWith Visual Composer Theme Builder you can assign layout site-wide or apply it to specific page.How to assign layout template globally?To assign layout globally, navigate to Dashboard - Theme Builder - Theme Builder Settings. In the Layout Settings, locate the page, post, custom post type, or archive type you want to overwrite and select the layout template from the dropdown menu. Save the changes and your custom layout will be automatically applied to all new and existing pages.How to apply layout template locally?You can apply a layout template to be used on a specific page.To do that, open the page or post with the Frontend editor and navigate to page settings. Make sure you have the page layout set to "Default".Choose your layout template from the dropdown menu. The layout will be applied automatically.Don't forget to save the page for changes to take effect.

Dynamic content allows adding WordPress default field or custom field values to your pages and layouts.With dynamic content, you can display post titles, featured images, custom fields, fields from Advanced Custom Fields (ACF) and define the exact location and style. Once you update the values, all elements that display dynamic content will update their values automatically.Dynamic content is available to all Visual Composer premium users and the addon can be downloaded from the Visual Composer Hub.There are two ways on how to use dynamic content in Visual Composer:Page or post editor: display custom field values on your pages or postsLayout Builder: use dynamic content as placeholders when creating new layouts.Dynamic content in pagesAll Visual Composer elements that output either text or single image can be converted into dynamic content. In addition, background values in Design Options can be set to dynamic as well.What does it mean? As you insert a single image element, you can replace the static image with dynamic content to display your post feature image. The same can be done with background images in Design Option for all elements including rows and columns.You can also replace the text block with the value from your custom fields (ex. post title, ACF field). The same can be done with other text-type elements like headings, buttons, etc.To enable dynamic content, in the element editor form, click the dynamic content icon.Once the popup shows up, select the custom field you want to display.Note: You can select dynamic content from the same post or specify another post.Dynamic content in the Layout BuilderAs your work with the Layout Builder, you will need to use special dynamic content elements (available in Layout Builder) to create placeholders for different parts of your page. For example, specify the location of the title, featured image, and even content area.In the Layout Builder, dynamic content helps identify the locations where the placeholder must be replaced with the real content. Once you apply your layout to archives, pages, or posts, all placeholders will display specific post titles, dates, etc.Note: When creating an archive page layout in the Layout Builder, make sure to set 'Data source' as 'Dynamic query'. This will work as a dynamic placeholder to display your post list.

Visual Composer Font Manager allows overwrite theme default fonts and define your own custom typography. The Font Manager addon is available to all premium license owners and can be downloaded from the Visual Composer Hub.You can access Font Manager from the Dashboard. To start with the Font Manager, enable it via toggle.With Font Manager enabled, you will have access to typography settings on the left and preview on the right. Font Manager allows to define typography for headings, paragraphs, links, quotes, menu, and buttons. To adjust typography, open corresponding accordion and adjust typography attributes.Important: Visual Composer Font Manager works with Visual Composer layouts and Starter theme.