诗语，作者 Avada 文档 - 第 77 页共 79 页

Input Field – colorpicker

You can use the colorpicker input field to allow users to select the color with a hex value. See the below example about how you can use colorpicker input field.
ExampleCopy to Clipboardarray(

'type' => 'colorpicker',

'heading' => esc_attr__( 'Select Color.', 'fusion-builder' ),

'description' => esc_attr__( 'This field allows you to select the color with a hex value.', 'fusion-builder' ),

'param_name' => 'text_color',

'value' => '',

)x 1array(23 'type' => 'colorpicker',45 'heading' => esc_attr__( 'Select Color.', 'fusion-builder' ),67 'description' => esc_attr__( 'This field allows you to select the color with a hex value.', 'fusion-builder' ),89 'param_name' => 'text_color',1011 'value' => '',1213)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
( string ) Attribute name to be used in the shortcode. value
( string ) Default color.

Using The Avada Live Wireframe

A very useful new feature in Avada Live is accessing the wireframe editor while editing on the front end. If at any point in your editing process, you want to see the wireframe and/or edit using the back-end editor while still being in the front-end editor, you are in luck. Watch the video, or read on to see how this feature works…,How To Access The WireframeWhen you are in Avada Live, you will see the Wireframe Toggle icon in the Toolbar at the top of the page. It is the third one on the right-hand side, as seen in the image below. Click on this to view the wireframe, in place of the live content. Just note that headers, footers, and sliders, etc will remain in live view, as these are not created in the page builder.
Using The WireframeApart from being useful to orient yourself, as you transition from back-end to front-end editing, you can also edit your page in this hybrid mode, just as you would with the back-end editor, but just from within the front-end interface. You can do everything you can in the back-end editor, from creating, moving and naming containers, through to full editing of their contents. It truly is the best of both worlds.
Editing Elements Using The WireframeOnce you have the wireframe open, editing an element opens the Element Options panel in the Sidebar. This panel has identical contents as when you are editing elements in the back-end. Simply make your changes you can save your changes to the page at any time by clicking the Save Button at the top right on the Toolbar.
To exit the wireframe view, just click on the wireframe icon once more, and you will be returned to the standard workspace in Avada Live.

Input Field – tinymce

You can use the tinymce input field to allow users to add content using the HTML editor. You can use only 1 tinymce field in each shortcode. See the below example about how you can use the tinymce input field.
ExampleCopy to Clipboardarray(

'type' => 'tinymce',

'heading' => esc_attr__( 'Content editor', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'element_content',

'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ),

'placeholder' => true,

)x 1array(23 'type' => 'tinymce',45 'heading' => esc_attr__( 'Content editor', 'fusion-builder' ),67 'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),89 'param_name' => 'element_content',1011 'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ),1213 'placeholder' => true,1415)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
( string ) In order to use the tinymce editor in your add-on setting, you must set the param_name to 「element_content」. value
( string ) Default value to be set as default content. placeholder
( boolean ) If you want to set the default content as placeholder text, set to TRUE else FALSE.

Input Field – colorpickeralpha

You can use the colorpickeralpha input field to allow users to select the color with rgba value. See the below example about how you can use colorpickeralpha input field.
ExampleCopy to Clipboardarray(

'type' => 'colorpickeralpha',

'heading' => esc_attr__( 'Select RGBA Color.', 'fusion-builder' ),

'description' => esc_attr__( 'This field allows you to select the color with rgba value.', 'fusion-builder' ),

'param_name' => 'rgba_color',

'value' => '',

)x 1array(23 'type' => 'colorpickeralpha',45 'heading' => esc_attr__( 'Select RGBA Color.', 'fusion-builder' ),67 'description' => esc_attr__( 'This field allows you to select the color with rgba value.', 'fusion-builder' ),89 'param_name' => 'rgba_color',1011 'value' => '',1213)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
( string ) Attribute name to be used in the shortcode. value
( string ) Default color with rgba value.

Avada Builder Hooks: Actions and Filters

Here is a list of actions and filters that are available for the Avada Builder plugin. If you would like to view hooks for the Avada theme, then please click the button bellow.
Click Here To View The Avada Hooks Article,Actions List,Copy to Clipboardfusion_builder_before_init fusion_builder_before_init Files:
fusion-builder/front-end/class-fusion-builder-front.php
fusion-builder/inc/class-fusion-builder.php

Description: This hook is executed before Fusion Builder initialization.
Arguments: None.,Copy to Clipboardfusion_builder_load_templatesxxxxxxxxxx fusion_builder_load_templates File: fusion-builder/front-end/class-fusion-builder-front.php
Description: This hook is executed after live editor templates are loaded.
Arguments: None.,Copy to Clipboardfusion_builder_enqueue_live_scriptsxxxxxxxxxx fusion_builder_enqueue_live_scripts File: fusion-builder/front-end/class-fusion-builder-front.php
Description: This hook is executed after live editor scripts are enqueued.
Arguments: None.,Copy to Clipboardfb_library_loadedxxxxxxxxxx fb_library_loaded File: fusion-builder/inc/bootstrap.php
Description: This hook is executed when library files are loaded in Fusion Builder.
Arguments: None,Copy to Clipboardfusion_builder_shortcodes_initxxxxxxxxxx fusion_builder_shortcodes_init File: fusion-builder/inc/class-fusion-builder.php
Description: This hook is executed to init shortcodes.
Arguments: None,Copy to Clipboardmanage_fusion_element_custom_columnxxxxxxxxxx manage_fusion_element_custom_column File: fusion-builder/inc/class-fusion-builder-library-table.php
Description:
This hook is executed for display of library element columns.
Arguments: $column_id $item,Copy to Clipboardfusion_builder_create_layout_afterxxxxxxxxxx fusion_builder_create_layout_after File: fusion-builder/inc/class-fusion-builder-library.php
Description: This hook is executed after a library element is created.
Arguments: None,Copy to Clipboardfusion_builder_admin_scripts_hookxxxxxxxxxx fusion_builder_admin_scripts_hook File: fusion-builder/inc/class-fusion-builder.php
Description: This hook is executed after backend editor scripts are enqueued.
Arguments: None,Copy to Clipboardmanage_fusion_icons_custom_columnxxxxxxxxxx manage_fusion_icons_custom_column File: fusion-builder/inc/class-fusion-custom-icons-table.php
Description: This hook is executed for display of custom icons columns.
Arguments: None,Copy to Clipboardfusion_filter_dataxxxxxxxxxx fusion_filter_data Files:
fusion-builder/inc/class-fusion-template-builder.php
fusion-builder/shortcodes/fusion-breadcrumbs.php
Description: This hook is executed to filter meta data in live editor.
Arguments: None.,Copy to Clipboardfusion_pause_meta_filterxxxxxxxxxx fusion_pause_meta_filter File: fusion-builder/inc/class-fusion-dynamic-data-callbacks.php
Description: This hook can be used to pause meta data filter in live editor.
Arguments: None.,Copy to Clipboardfusion_resume_meta_filterxxxxxxxxxx fusion_resume_meta_filter File: fusion-builder/inc/class-fusion-dynamic-data-callbacks.php
Description: This hook can be used to resume meta data filter in live editor.
Arguments: None.,Copy to Clipboardmanage_fusion_tb_section_custom_columnxxxxxxxxxx manage_fusion_tb_section_custom_column File: fusion-builder/inc/class-fusion-template-builder-table.php
Description: This hook is executed for display of theme builder layout section columns.
Arguments: None,Copy to Clipboardfusion_pause_live_editor_filterxxxxxxxxxx fusion_pause_live_editor_filter Files:
fusion-builder/inc/class-fusion-template-builder.php
fusion-builder/shortcodes/components/content.php
Description: This hook is executed to make actual post content non editable in live editor.
Arguments: None,Copy to Clipboardfusion_resume_live_editor_filterxxxxxxxxxx fusion_resume_live_editor_filter Files:
fusion-builder/inc/class-fusion-template-builder.php
fusion-builder/inc/class-fusion-builder-library.php
fusion-builder/shortcodes/components/content.php

Description: This hook is executed to make actual post content editable in live editor.
Arguments: None,Copy to Clipboardfusion_builder_enqueue_separate_live_scriptsxxxxxxxxxx fusion_builder_enqueue_separate_live_scripts File: fusion-builder/front-end/class-fusion-builder-front.php
Description: This hook can be used to enqueue separate scripts when developer mode is enabled.
Arguments: None,Copy to Clipboardfusion_builder_beforexxxxxxxxxx fusion_builder_before File: fusion-builder/inc/templates.php
Description: This hook is executed before builder templates are added.
Arguments: None,Copy to Clipboardfusion_builder_afterxxxxxxxxxx fusion_builder_after File: fusion-builder/inc/templates.php
Description: This hook is executed after builder templates are added.
Arguments: None,Copy to Clipboardfusion_builder_before_contentxxxxxxxxxx fusion_builder_before_content File: fusion-builder/inc/templates/app.php
Description: This hook is executed before builder container content is added.
Arguments: None,Copy to Clipboardfusion_builder_after_contentxxxxxxxxxx fusion_builder_after_content File: fusion-builder/inc/templates/app.php
Description: This hook is executed after builder container content.
Arguments: None,Copy to Clipboardfusion_before_commentsxxxxxxxxxx fusion_before_comments File: fusion-builder/shortcodes/components/templates/fusion-tb-comments.php
Description: This hook is executed before theme builder comments section is displayed.
Arguments: None,Copy to Clipboardfusion_blog_shortcode_timeline_datexxxxxxxxxx fusion_blog_shortcode_timeline_date File: fusion-builder/shortcodes/fusion-blog.php
Description: This hook is executed to get blog timeline layout date.
Arguments: $date_params,Copy to Clipboardfusion_blog_shortcode_before_loopxxxxxxxxxx fusion_blog_shortcode_before_loop File: fusion-builder/shortcodes/fusion-blog.php
Description: This hook is executed before blog shortcode loop.
Arguments: None,Copy to Clipboardfusion_blog_shortcode_after_loopxxxxxxxxxx fusion_blog_shortcode_after_loop File: fusion-builder/shortcodes/fusion-blog.php
Description: This hook is executed after blog shortcode loop.
Arguments: None767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada,Copy to Clipboardfusion_blog_shortcode_date_and_formatxxxxxxxxxx fusion_blog_shortcode_date_and_format File: fusion-builder/shortcodes/fusion-blog.php
Description: This hook is executed to get date and format section for medium alternate and large alternate layouts in blog element.
Arguments: None,Copy to Clipboardfusion_render_placeholder_imagexxxxxxxxxx fusion_render_placeholder_image File: fusion-builder/shortcodes/fusion-events.php
Description: This hook is executed to get placeholder image in events.
Arguments: fixed,Copy to Clipboardfusion_template_contentxxxxxxxxxx fusion_template_content File: fusion-builder/templates/template-page.php
Description: This hook is executed before template builder content element is displayed.
Arguments: None,Copy to Clipboardfusion_form_submission_dataxxxxxxxxxx fusion_form_submission_dataFile: fusion-builder/inc/class-fusion-form-submit.php
Description: This hook is executed after Fusion form submission data is ready.
Arguments: $form_data $form_post_id,Filters List,Copy to Clipboardfusion_builder_shortcode_migration_post_typesxxxxxxxxxx fusion_builder_shortcode_migration_post_typesFile: Avada/includes/class-fusion-builder-migrate.php
Description: Used to support migration of Custom Post Types that use Fusion Builder elements in Avada 5.0 or higher.
Default Value: None,Copy to Clipboardfusion_builder_all_elementsxxxxxxxxxx fusion_builder_all_elementsFiles:
fusion-builder/front-end/class-fusion-builder-front.php
fusion-builder/inc/class-fusion-builder.php
fusion-builder/shortcodes/fusion-widget.php
Description: Allows to filter Fusion Builder elements for JS object.
Default Value: $fusion_builder_elements,Copy to Clipboardfusion_builder_element_paramsxxxxxxxxxx fusion_builder_element_paramsFiles: fusion-builder/inc/shortcodes.php
Description: Allows to filter Fusion Builder elements parameters.
Arguments: $params $shortcode,Copy to Clipboardfusion_tb_section_tagxxxxxxxxxx fusion_tb_section_tagFiles: fusion-builder/inc/class-fusion-template-builder.php
Description: Allows to filter Fusion Builder template section tag.
Arguments: $default_tag $section_name,Copy to Clipboardfusion_portfolio_default_parameterxxxxxxxxxx fusion_portfolio_default_parameterFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Let's you control the default values that should be set for portfolio element.
Default Value: $defaults,Copy to Clipboardfusion_portfolio_query_argsxxxxxxxxxx fusion_portfolio_query_argsFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the actual query parameters that will be used to retrieve posts.
Default Value: $args,Copy to Clipboardfusion_portfolio_carousel_titlexxxxxxxxxx fusion_portfolio_carousel_titleFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the title markup for portfolio carousels.
Default Value: $fusion_portfolio_carousel_title,Copy to Clipboardfusion_portfolio_carousel_termsxxxxxxxxxx fusion_portfolio_carousel_termsFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the terms markup for portfolio carousels.
Default Value: $carousel_terms,Copy to Clipboardfusion_portfolio_item_videoxxxxxxxxxx fusion_portfolio_item_videoFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the video markup.
Default Value: $video_markup: The full markup
$video: The iframe tag added in the post options.
$video_max_width: Allowed maximum width the video may take up.,Copy to Clipboardfusion_portfolio_grid_titlexxxxxxxxxx fusion_portfolio_grid_titleFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the title markup for portfolio grids.
Default Value: $post_title,Copy to Clipboardfusion_portfolio_grid_termsxxxxxxxxxx fusion_portfolio_grid_termsFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the terms markup for portfolio grids.
Default Value: $post_terms,Copy to Clipboardfusion_portfolio_grid_separatorxxxxxxxxxx fusion_portfolio_grid_separatorFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the separator markup for portfolio grids.
Default Value: $separator,Copy to Clipboardfusion_portfolio_grid_contentxxxxxxxxxx fusion_portfolio_grid_contentFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the content markup for portfolio grids.
Default Value: $stripped_content,Copy to Clipboardfusion_portfolio_grid_buttonsxxxxxxxxxx fusion_portfolio_grid_buttonsFile: fusion-core/shortcodes/fusion-portfolio.php
Description: Can be used to change the button markup for portfolio grids.
Default Value: $buttons: 「Learn More」 and 「View Project」 buttons including the wrapper div
$learn_more_button: 「Learn More」 button markup.
$view_project_button: 「View Project」 button markup.,Copy to Clipboardfusion_builder_blog_pagination_htmlxxxxxxxxxx fusion_builder_blog_pagination_htmlFile: fusion-builder/shortcodes/fusion-blog.php
Description: Filters the HTML output of the blog element pagination.
Params: $output: The HTML output of the pagination.
$pages: Max number of pages.
$range: How many page numbers to display to either side of the current page.
$current_query: The query for which the pagination is constructed.
$blog_global_pagination: Global pagination style override.
Default Value: The pagination HTML output constructed by the blog element class.,Copy to Clipboardfusion_global_savexxxxxxxxxx fusion_global_saveFiles:
fusion-builder/inc/class-fusion-builder-library.php
fusion-builder/shortcodes/fusion-global.php
Description: Return false to disable the global save for that type.
Params: $save_type Type of save being called (page, ajax)
Default Value: true,Copy to Clipboardfusion_user_login_notices_arrayxxxxxxxxxx fusion_user_login_notices_arrayFile: fusion-builder/shortcodes/fusion-user-login.php
Description: Can be used to update the standard messages/notices for User element.
Default Value: $notice_array: They array having all notices
$action: Sanitized form action.
$success: Bool success.,Copy to Clipboardfusion_pagination_sizexxxxxxxxxx fusion_pagination_sizeFiles: fusion-builder/inc/lib/inc/functions.php
fusion-builder/shortcodes/fusion-blog.php
fusion-builder/shortcodes/fusion-events.php
fusion-builder/shortcodes/fusion-recent-posts.php

Description: Allows to set the amount of page links shown left and right to the current element.
Params: $range
Default Value: 1,Copy to Clipboardfusion_load_live_editorxxxxxxxxxx fusion_load_live_editorFiles:
Avada
Avada/includes/lib/inc/fusion-app/class-fusion-app.php
Avada/includes/lib/inc/fusion-app/fusion-app.php

Fusion Builder
fusion-builder/inc/class-fusion-builder-gutenberg.php
fusion-builder/inc/class-fusion-builder.php
Description: Filter is used to determine if live editor should be loaded or not.
Arguments: $load (boolean)
Example For Disabling: add_filter( 'fusion_load_live_editor', '__return_false', 999 );,Copy to Clipboardfusion_disable_antispambotxxxxxxxxxx fusion_disable_antispambotFiles:
Avada
Avada/includes/avada-functions.php
Avada/includes/lib/inc/class-fusion-social-icon.php

Fusion Builder
fusion-builder/inc/lib/inc/class-fusion-social-icon.php
fusion-builder/shortcodes/fusion-person.php
fusion-builder/shortcodes/fusion-social-links.php
Fusion Core
fusion-core/includes/widget/class-fusion-widget-contact-info.php
fusion-core/includes/widget/class-fusion-widget-social-links.php
Description: Filter to easily disable the antispambot function of WordPress for emails.
Default value: false
Example For Disabling: add_filter( 'fusion_disable_antispambot', '__return_true' );,Copy to Clipboardfusion_builder_default_post_typesxxxxxxxxxx fusion_builder_default_post_typesCopy to Clipboardfusion_builder_allowed_post_typesxxxxxxxxxx fusion_builder_allowed_post_typesFile: fusion-builder/inc/class-fusion-builder.php
Description: Can be used to enable Fusion Builder for a post type by default.
Default Value: Array of post types.,Copy to Clipboardfusion_builder_enabled_elementsxxxxxxxxxx fusion_builder_enabled_elementsFile: fusion-builder/inc/shortcodes.php
Description: Can be used to enable Fusion Builder Elements.
Default Value: Array of enabled elements.,Copy to Clipboardfusion_get_overridexxxxxxxxxx fusion_get_overrideFile: fusion-builder/inc/class-fusion-template-builder.php
Description: Can be used to modify theme builder section override.
Params: $override: The override.
$type: The type of override we're querying.
$c_page_id: Current page ID.,Copy to Clipboardfusion_layout_conditions_post_typesxxxxxxxxxx fusion_layout_conditions_post_typesFile: fusion-builder/inc/class-fusion-template-builder.php
Description: Can be used to modify theme builder layout condition post types.
Params: $post_types: The existing post types,Copy to Clipboardfusion_component_{$shortcode_handle}_contentxxxxxxxxxx fusion_component_{$shortcode_handle}_contentFiles:
fusion-builder/shortcodes/components/archives.php
fusion-builder/shortcodes/components/author.php
fusion-builder/shortcodes/components/comments.php
fusion-builder/shortcodes/components/content.php
fusion-builder/shortcodes/components/featured-slider.php
fusion-builder/shortcodes/components/pagination.php
fusion-builder/shortcodes/components/related.php
Description: Allows to modify Theme Builder component content.
Params: $shortcode_handle: Component name.
$html: Component HTML.
$args: Component Options.

fusion_builder_before_init

This action hook is fired on Avada Builder initialization. Primarily used for adding elements to Avada Builder.
Copy to Clipboardfunction fusion_element_text() {
fusion_builder_map( array(
'name' => esc_attr__( 'Text Block', 'fusion-builder' ),
'shortcode' => 'fusion_text',
'params' => array(
array(
'type' => 'tinymce',
'heading' => esc_attr__( 'Content', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this textblock.', 'fusion-builder' ),
'param_name' => 'element_content',
'value' => esc_attr__( 'Placeholder text', 'fusion-builder' ),
),
),
) );
}
add_action( 'fusion_builder_before_init', 'fusion_element_text' ); 1function fusion_element_text() {2 fusion_builder_map( array(3 'name' => esc_attr__( 'Text Block', 'fusion-builder' ),4 'shortcode' => 'fusion_text',5 'params' => array(6 array(7 'type' => 'tinymce',8 'heading' => esc_attr__( 'Content', 'fusion-builder' ),9 'description' => esc_attr__( 'Enter some content for this textblock.', 'fusion-builder' ),10 'param_name' => 'element_content',11 'value' => esc_attr__( 'Placeholder text', 'fusion-builder' ),12 ),13 ),14 ) );15}16add_action( 'fusion_builder_before_init', 'fusion_element_text' );

Avada Live Local Options Management

For a long time in Avada, we have had local options management via the Page Options panel, found at the bottom of every page when editing. With Avada Live, we also have Local Options Management directly on the page. So while you are editing a page in Avada Live, you can also access the Page Options panel as you can in the back-end editor, but here, it is found in the Sidebar panel, which, by default, loads at the left-hand side of the page.
Watch the video, or read on to find out more about this new way of working with Local Options.,How To Access Local Options in Avada LiveThere are several types of Local Options you can access and manage in Avada Live.
The first ones are, of course, the Page Options. On the Toolbar, at the top of the page, you will see a row of icons, as shown in the image below. The second one along is the Sidebar Icon, and clicking on this opens the Sidebar. The Page Options are available from the second icon on the Sidebar, also as shown below.
767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada,Page OptionsThe entire set of Page Options are available to you here, in an easy to use interface. Any changes you make in the Page Options are shown directly on the page as it auto-refreshes to show you the changes.
NB. Two notable changes from the back-end builder are the addition of a Settings tab, which is where you can change the Page Title, Slug, Parent, Page Template, and add featured images to a page, and a Custom CSS tab, which is where you can add local custom CSS for the open page or post.
With any changes you make on the Sidebar, you will notice the Save Icon on the Toolbar becomes blue. This signifies changes have been made and are ready to save.,Other Local OptionsSome local page features are not editable directly in the Front-End Builder, in the same way, they are not editable from the back-end builder. These areas are not in the page content, and are controlled from the Page Options, or other areas in WordPress. These are areas like Sliders, and the Page Title Bar.
Sliders and the Page Title Bar are initially added from the Header Icon Controls, as shown above, but if they are already assigned to the page, then you will instead find both Global and Local Edit Icons, as well as a Remove icon, on the actual Slider or Page Title Bar, as seen below.,Global Save ButtonAs noted above, there is no Save button at the bottom of the Page Options panel in Avada Live. All changes are updated on the page as soon as they are made, but with Avada Live we have combined the Save button for both page content, and theme and page options.
So now there is one Global Save button, on the far right of the top toolbar. When no changes have been made, the icon is grey. It turns blue as soon as any change has been made, whether that is in page content, or global or page options, and when you click it, the button turns temporarily green to show you it has saved before turning grey again. History states are also cleared when a page is saved.
See the Avada Live Global Options Management Doc Here!

Avada Builder Options

The Avada Builder has a vast array of options that allow you to configure the Builder to suit your preferences and website environment. These options include activating and deactivating the Avada Builder on custom post types, enabling or disabling any of the Avada Builder Elements to improve performance, and exporting or importing your Avada Builder settings. Continue reading below to learn more about these options.
OverviewHow To Access Avada Builder OptionsAvada Builder Auto Activation
Disable/Enable Avada Builder Elements
Activate/Deactivate Avada Builder on Custom Post TypesImport/Export Avada Builder Content
Avada Builder Elements Customizations,How To Access Avada Builder OptionsBefore you can access the Avada Builder Options, you must first install and activate the Avada Builder Plugin. Once this is activated, navigate to the Avada Dashboard and head to Options > Builder Options. Here, you will find all of Avada Builder』s available options. Customize these options to your liking, then click 『Save Settings』 to save your changes.
Read our Avada Builder Plugin article!,Avada Builder Auto ActivationThe Avada Builder Auto Activation option allows you to enable or disable the Avada Builder user interface by default when creating or editing a page, or post. When active, the Avada Builder will automatically load when creating or editing a new page or post. Otherwise, the default WordPress content editor field will be displayed. Simply toggle the option to On to enable, or Off to disable.,Disable/Enable Avada Builder ElementsIMPORTANT NOTE: Use with caution! Disabling an Avada Builder Element will disable it from all existing pages or posts. Disabled elements will render as regular code snippets on the front end.Under the Avada Builder Elements section, you』ll find a checklist of all existing Avada Builder Elements, including Design Elements, Layout Elements and Form Elements. If you are not using a particular Element on your website, you can disable it here. Disabling individual Avada Builder Elements can slightly increase performance and load speed. Please be aware though, that disabling an Element will disable it on all existing pages or posts. Any disabled Elements that have been used across the site will render as code snippets, so make sure you haven』t used it anywhere before disabling it. To help with this, the Run Element Scan option was added in Avada 7.3.
Run Element ScanThe Run Element Scan button does exactly what it says. It scans the website, and finds and disables the Elements which are not in use. You could use this feature when you are finished with a website, to easily find the disable the Elements you are not using. Just note, that this feaure may not fully run on large websites with a lot of content.,Activate/Deactivate Avada Builder on Custom Post TypesUnder the 『Post Types』 section, you』ll find a checklist of all your existing custom post types. What you see here will be depenedant on the plugins you have installed. Using these options, you can activate or deactivate the Avada Builder on any of your custom post types. Simply check the checkbox of the custom post type you』d like to activate the Avada Builder in, or uncheck to disable it.
Learn More About The Avada Builder On Custom Post Types,Import/Export Avada Builder ContentYou can also export your entire Avada Builder settings and content which you can use as a backup, or import to another Avada installation.
ImportingTo import your Avada Builder content, simply browse to and select the XML file with your saved content and click the 『Import』 button and wait for it to finish loading.
ExportingYou can choose to export your entire Avada Builder content (saved containers, columns, or elements), or just your full page templates. Simply click the appropriate button and an XML file containing your saved content will be downloaded to your computer.,Avada Builder Elements CustomizationsIf you』d like to customize each Avada Builder Element globally, you can do so by going to the Avada > Options panel, then switching to the Avada Builder Elements tab. On this tab, you can globally customize each element to your liking. If you』d like to customize each Avada Builder Element individually, then you can do so by editing the individual Element while building your page or post.
You can also access these Element Global Options when you are in Avada Live. Simply click the Toggle Sidebar icon on the Toolbar, and choose the Global Options Tab. Scroll down to the penultimate option, called Avada Builder Elements, and here you can also set the global defaults for the Elements.

fusion_builder_before

This action hook is fired before main Avada Builder window. Can be used to prepend html markup or content before main builder window.
Copy to Clipboardfunction my_function() {
$content = 'your content';

echo $content;
}
add_action( 'fusion_builder_before', 'my_function' );x 1function my_function() {2 $content = 'your content';34 echo $content;5}6add_action( 'fusion_builder_before', 'my_function' );

Best Practices for Inline Editing in Avada Live

One of the great new features in Avada Live is the ability to edit text directly on the page. Not only can you edit text, but you can also apply a range of inline editing options, including font color, and size. But several of these options also exist in the element options, so it』s good to know what the best practices are for working with inline editing. Watch the video or read on to find out…,OverviewInline Editing & Formatting
Editing Elements As A Whole
Editing Part Of An ElementInline Options,Inline Editing & FormattingInline editing is available with any text-based elements in Avada Live. That will be the Title Element and the Text Block primarily, but also any element that has editable text components, like the Button, Alert, Checklist, Content Boxes, Countdown and Progress Bar Elements to name a few.
Inline editing can be seen in two ways. The first is simply changing the content directly on the page. In Avada Live, you can simply click in the text content, and start typing to add or edit existing text.
The second type of inline editing is inline formatting. When we make a selection in our text, the Inline Editor appears, and here we can make a variety of typography changes to our selection.
The guiding principle when it comes to inline editing is that if you want to change the content in its entirety – change the font color, or size, etc – then it』s best to look in the element options for this – but if you just want to change a single word to bold or a different color etc, then inline editing is perfect for that.
767,637 Businesses Trust Avada
Get Avada767,637 Businesses Trust Avada
Get Avada767,637 Businesses Trust Avada
Get Avada,Editing Elements As A WholeTo start with, let』s look at an example of what we can do with the Title Element.
In the design tab of the Title Element, let』s look at the changes we can make to the Element as a whole. Here, we can change the alignment of the title, and set the Heading Size, which itself, has a range of default options set in the individual Header tags in the theme options.
If we wish, we can also override any of these global element options for this single instance of the element, including the font size, the line height, letter spacing, margins, font color and separator style, and color. All the changes made here apply to the title as a whole.,Editing Part of An ElementWhereas if we wanted to just change one word, or a section of the Title Element, we can select the desired text, and the Inline Editor appears. There are a variety of typography options that you can change with inline formatting. In this example below, I have edited the actual word, and then made it bold and changed its color.
If you look at the element in text view, you can then see the inline HTML that has been applied to the element.,Inline OptionsLet』s have a quick systematic look at the inline options.
The first one is typography, where we can change the font size, line height, letter and spacing, as well as the font tag and even the font family and variant. Next is the font color. Then there are a few typical formatting options like Bold, Italic and Underlined. Next, you can quickly add a link to any selected text, and next to that are alignment options. This option will affect the entire paragraph, even if you have just one word selected.
Next to this is the icon for the Extended Options. These are Strikethrough.. Blockquote (again, this will affect the entire paragraph), as will the next four options – unordered and ordered lists and indent and outdent. The next option will remove formatting already applied, and the penultimate one closes the extended options.
The very last option allows you access to the Inline Elements, like Dropcap, Highlight, and Popover. These are special elements that only work in conjunction with text or other content, and not directly on their own. Please read the Inline Elements Doc for more information on these elements.
Another important thing to note is that inline edit options override element options. If you follow best practices, this won』t be an issue.
Avada also has a great new feature, that if it detects you are making an inline edit on an entire element, it will transfer that change to the element options, instead of leaving it as inline HTML. Now that』s smart!