PostCards Avana con: Tipo di Post dell'elemento

Lettura: 6,7 minuti

Lettura: 6,7 minuti

TAG:

Tabella Contenuti GuidaTabella Contenuti Guida

I PostCard di Avada permette di creare la grafica per le query di vari post tipe. Si usano per l’elenco articoli, prodotti.. e la ricerca sul sito web. Proprio nel contesto della pagina di ricerca, può essere utile mostrare per ogni post a che tipo di post type si riferisce. Sia per variare tra articoli e pagine, ma anche per quei siti che usano Post Type diversificati con strutture diverse.

Post Cards di Avada – Pagine di presentazione ufficiali

Post Cards

Post Cards Element

Come creare l’elemento che mostra il Post Type

Nel LiveBuilder di un PostCard creato appositamente, creare un box di Testo e come contenuto precaricato (dynamic content) cercare con selezione Post Type.

post card conpostype 2 — Blocco di testo

ATTENZIONE! Errore critico WP a impostare dimensione AUTO

Quando si crea il PostCard con elementi informativi (ad esempio questo per inserire il Post Type) spesso si posizionano questi testi svasati sull’immagine. E’ importante non mettere mai un cotenitore colonna (e sotto colonna) in dimensione AUTO perchè altrimenti quando riaprite per modificare il Post Card avrete un errore critico di WordPress!

Tendenzialmente il problema di questo è proprio mettere le dimensioni invece che 1/1 o 2/3 ad AUTO; questo fa creare il problema che appare solo quando viene ricaricata in una nuova pagina il PostCard in modifica LiveBuilder.

Modello di Esempio Post Card

Potetete usare il modello qui sotto di PostCard e copiarlo nel editor di Testo della pagina modello per avere l’esempio qui strutturato.

CODICE MODELLO POST CARD AVADA

[fusion_builder_column type="1_1" layout="1_1" last="true" hover_type="none" border_position="all" content_layout="row" align_content="flex-start" valign_content="center" padding_top="5px" padding_right="5px" padding_bottom="5px" padding_left="5px" border_radius_top_left="5px" border_radius_top_right="5px" border_radius_bottom_right="5px" border_radius_bottom_left="5px" border_sizes_top="1px " border_sizes_right="1px " border_sizes_bottom="1px " border_sizes_left="1px " border_color="var(--awb-custom_color_23)" background_blend_mode="overlay" first="true"][fusion_builder_row_inner][fusion_builder_column_inner type="60" layout="60" align_self="stretch" content_layout="row" align_content="flex-start" valign_content="center" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" hover_type="none" border_style="solid" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="single" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" lazy_load="avada" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" background_slider_skip_lazy_loading="no" background_slider_loop="yes" background_slider_pause_on_hover="no" background_slider_slideshow_speed="5000" background_slider_animation="fade" background_slider_direction="up" background_slider_animation_speed="800" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" transform_type="regular" transform_hover_element="self" transform_scale_x="1" transform_scale_y="1" transform_translate_x="0" transform_translate_y="0" transform_rotate="0" transform_skew_x="0" transform_skew_y="0" transform_scale_x_hover="1" transform_scale_y_hover="1" transform_translate_x_hover="0" transform_translate_y_hover="0" transform_rotate_hover="0" transform_skew_x_hover="0" transform_skew_y_hover="0" transition_duration="300" transition_easing="ease" scroll_motion_devices="small-visibility,medium-visibility,large-visibility" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" padding_top="4px" padding_right="10px" padding_bottom="4px" padding_left="10px" background_color="#f4f8ff" border_radius_top_left="0" border_radius_top_right="4px" border_radius_bottom_right="4px" border_radius_bottom_left="4px" margin_bottom="-10px" first="true"][fusion_text animation_direction="left" animation_speed="0.3" animation_delay="0" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" dynamic_params="eyJlbGVtZW50X2NvbnRlbnQiOnsiZGF0YSI6InBvc3RfdHlwZSJ9fQ==" fusion_font_variant_text_font="var(--awb-typography4)" fusion_font_family_text_font="var(--awb-typography4-font-family)" font_size="var(--awb-typography4-font-size)" line_height="1" letter_spacing="var(--awb-typography4-letter-spacing)" text_transform="var(--awb-typography4-text-transform)" text_color="var(--awb-custom_color_4)" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0"]Il Tuo Contenuto Va Qui[/fusion_text][/fusion_builder_column_inner][/fusion_builder_row_inner][fusion_post_card_image layout="static" custom_aspect_ratio="100" show_title="yes" show_cats="yes" show_price="yes" show_rating="yes" show_sale="no" show_outofstock="no" show_buttons="yes" image_link="yes" image_link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" animation_direction="left" animation_speed="0.3" animation_delay="0" border_radius_top_left="8px" border_radius_top_right="8px" border_radius_bottom_right="8px" border_radius_bottom_left="8px" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0" /][fusion_builder_row_inner][fusion_builder_column_inner type="1_1" layout="1_1" align_self="stretch" content_layout="row" align_content="center" valign_content="center" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" hover_type="none" border_style="solid" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="single" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" lazy_load="avada" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" background_slider_skip_lazy_loading="no" background_slider_loop="yes" background_slider_pause_on_hover="no" background_slider_slideshow_speed="5000" background_slider_animation="fade" background_slider_direction="up" background_slider_animation_speed="800" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" transform_type="regular" transform_hover_element="self" transform_scale_x="1" transform_scale_y="1" transform_translate_x="0" transform_translate_y="0" transform_rotate="0" transform_skew_x="0" transform_skew_y="0" transform_scale_x_hover="1" transform_scale_y_hover="1" transform_translate_x_hover="0" transform_translate_y_hover="0" transform_rotate_hover="0" transform_skew_x_hover="0" transform_skew_y_hover="0" transition_duration="300" transition_easing="ease" scroll_motion_devices="small-visibility,medium-visibility,large-visibility" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true"][fusion_fontawesome icon="fa-search fas" spin="no" linktarget="_self" bg_size="-1" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" animation_direction="left" animation_speed="0.3" animation_delay="0" size="25" iconcolor="var(--awb-custom_color_17)" circlecolor="#ffffff" circlebordercolor="var(--awb-custom_color_17)" circlecolor_hover="var(--awb-custom_color_18)" circlebordercolor_hover="var(--awb-custom_color_18)" iconcolor_hover="#ffffff" margin_top="-30px" /][/fusion_builder_column_inner][/fusion_builder_row_inner][fusion_title title_type="text" marquee_direction="left" marquee_speed="15000" rotation_effect="bounceIn" display_time="1200" highlight_effect="circle" loop_animation="off" highlight_width="9" highlight_top_margin="0" title_link="on" link_target="_self" content_align="left" size="1" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" dynamic_params="eyJlbGVtZW50X2NvbnRlbnQiOnsiZGF0YSI6InBvc3RfdGl0bGUiLCJpbmNsdWRlX2NvbnRleHQiOiJubyJ9LCJsaW5rX3VybCI6eyJkYXRhIjoicG9zdF9wZXJtYWxpbmsifX0=" fusion_font_variant_title_font="var(--awb-typography2)" fusion_font_family_title_font="var(--awb-typography2-font-family)" font_size="1em" line_height="1.2" letter_spacing="var(--awb-typography2-letter-spacing)" text_transform="var(--awb-typography2-text-transform)" text_color="var(--awb-custom_color_3)" link_color="var(--awb-custom_color_6)" link_hover_color="var(--awb-custom_color_17)"]Il Tuo Contenuto Va Qui[/fusion_title][/fusion_builder_column]

Contenuto della Guida

SEZIONI Guide