{"id":1343,"date":"2017-02-13T15:00:10","date_gmt":"2017-02-13T15:00:10","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1343"},"modified":"2017-02-13T15:00:10","modified_gmt":"2017-02-13T15:00:10","slug":"masonry","status":"publish","type":"page","link":"https:\/\/www.dianzhentech.com\/?page_id=1343","title":{"rendered":"Masonry"},"content":{"rendered":"<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  avia-builder-el-no-sibling  \" style='border-radius:0px; '><p><div  style='padding-bottom:15px; color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-1  el_before_av_textblock  avia-builder-el-first  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Masonry Element<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div><br \/>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><ul>\n<li>You can either display entries of various post types (blog posts, portfolio entries, products) or a list of images<\/li>\n<li>You can sort the displayed entries based on categories\/tags or disable sorting alltogether<\/li>\n<li>You can chose between no gap, 1px gap and 15px gap between each element<\/li>\n<li>You can either use the natural image ratio (no cropping, great for photos) or use a predefined ratio that will display beautiful grids (great for portfolios and blogs)<\/li>\n<li>You can chose to always display title + excerpt\/caption, show them on mouse hover or hide them<\/li>\n<li>You can display a default pagination, an ajax load more button or no option for additional items whatsoever<\/li>\n<\/ul>\n<\/div><\/section><br \/>\n<div  class='avia-button-wrap avia-button-left  avia-builder-el-3  el_after_av_textblock  el_before_av_hr ' ><a href='https:\/\/www.dianzhentech.com\/?page_id=937'  class='avia-button   avia-icon_select-no avia-color-dark avia-size-x-large avia-position-left '   ><span class='avia_iconbox_title' >More masonry examples at the Portfolio<\/span><\/a><\/div><br \/>\n<div  style='height:50px' class='hr hr-invisible   avia-builder-el-4  el_after_av_button  el_before_av_masonry_entries  avia-builder-el-last '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div><br \/>\n<div id='av-masonry-1' class='av-masonry  noHover av-fixed-size av-large-gap av-hover-overlay-active av-masonry-animation-active av-masonry-col-2 av-caption-always av-caption-style-    '  ><div class='av-masonry-sort main_color av-sort-yes-tax' data-masonry-id='1' ><div class='av-current-sort-title'><span class=\"inner_sort_button\"><span>All<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/div><div class='av-sort-by-term  ' data-av-allowed-sort='[\"dz_sort\",\"illustration_sort\",\"tour_sort\"]' ><a href=\"#\" data-filter=\"all_sort\" class=\"all_sort_button active_sort\"><span class=\"inner_sort_button\"><span>All<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/a><span class='text-sep dz_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"dz_sort\" class=\"dz_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>dz<\/span><small class='avia-term-count'> 6 <\/small><\/span><\/a><span class='text-sep illustration_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"illustration_sort\" class=\"illustration_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>Illustration<\/span><small class='avia-term-count'> 2 <\/small><\/span><\/a><span class='text-sep tour_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"tour_sort\" class=\"tour_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>Tour<\/span><small class='avia-term-count'> 2 <\/small><\/span><\/a><\/div><\/div><div class='av-masonry-container isotope av-js-disabled ' ><div class='av-masonry-entry isotope-item av-masonry-item-no-image all_sort dz_sort  illustration_sort  tour_sort '><\/div><a href=\"https:\/\/c.dianzhenshenghuo.com\/dianzhen\/h5\/business?publicId=408e703d26b15f1215a7ec7a9201e0ab\" id='av-masonry-1-item-3804' data-av-masonry-item='3804' class='av-masonry-entry isotope-item post-3804 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz portfolio_entries-illustration portfolio_entries-tour all_sort dz_sort  illustration_sort  tour_sort  av-masonry-item-with-image' title=\"\u6570\u5b57\u897f\u6e56\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2019\/10\/\u6570\u5b57\u897f\u6e56.gif);\" title=\"\u6570\u5b57\u897f\u6e56\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >\u6570\u5b57\u897f\u6e56<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/host.eyexpo.com\/tours\/tourismburnaby\/index.html<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/host.eyexpo.com.cn\/tours\/huajiadianqi\/index.html\" id='av-masonry-1-item-4963' data-av-masonry-item='4963' class='av-masonry-entry isotope-item post-4963 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz all_sort dz_sort  av-masonry-item-with-image' title=\"Screen Shot 2020-07-02 at 10.33.06 AM\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-10.33.06-AM.png);\" title=\"Screen Shot 2020-07-02 at 10.33.06 AM\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >\u6e29\u5dde\u534e\u5609\u7535\u5668<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/host.eyexpo.com.cn\/tours\/huajiadianqi\/index.html<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/c.dianzhenshenghuo.com\/dianzhen\/h5\/business?publicId=4c8d3f25cd21963f117d3c189d3f8f28&isB=1\" id='av-masonry-1-item-4967' data-av-masonry-item='4967' class='av-masonry-entry isotope-item post-4967 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz portfolio_entries-illustration portfolio_entries-tour all_sort dz_sort  illustration_sort  tour_sort  av-masonry-item-with-image' title=\"Screen Shot 2020-07-02 at 10.42.26 AM\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-10.42.26-AM.png);\" title=\"Screen Shot 2020-07-02 at 10.42.26 AM\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >AUGUST REIGN<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/eyexpo.com\/appstatic\/live\/5e1c00bc-5e56-47f1-a318-dbc8c9586fbc<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/c.dianzhenshenghuo.com\/dianzhen\/h5\/business?publicId=22e5499ddec6cf081335d4e9b164af19\" id='av-masonry-1-item-4706' data-av-masonry-item='4706' class='av-masonry-entry isotope-item post-4706 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz all_sort dz_sort  av-masonry-item-with-image' title=\"\u540c\u4ec1\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2020\/02\/\u540c\u4ec1-e1582140968251-705x612.png);\" title=\"\u540c\u4ec1\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >\u7f51\u7ea2\u8336\u9986<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/host.eyexpo.com\/tours\/tourismburnaby\/index.html<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/c.dianzhenshenghuo.com\/dianzhen\/h5\/business?publicId=2ef7a22b061c85f872d9da068ec4a98d\" id='av-masonry-1-item-4700' data-av-masonry-item='4700' class='av-masonry-entry isotope-item post-4700 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz all_sort dz_sort  av-masonry-item-with-image' title=\"\u5065\u8eab1\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2020\/02\/\u5065\u8eab1-705x470.jpg);\" title=\"\u5065\u8eab1\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >\u9752\u57f9\u4f53\u80fd\u4e2d\u5fc3<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/host.eyexpo.com\/tours\/tourismburnaby\/index.html<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/c.dianzhenshenghuo.com\/dianzhen\/h5\/business?publicId=df503bce1ea12b96f06f99d11a36eb08\" id='av-masonry-1-item-4697' data-av-masonry-item='4697' class='av-masonry-entry isotope-item post-4697 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-dz all_sort dz_sort  av-masonry-item-with-image' title=\"\u80e1\u6843\u91cc\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(https:\/\/www.dianzhentech.com\/wp-content\/uploads\/2020\/02\/\u80e1\u6843\u91cc-705x415.jpg);\" title=\"\u80e1\u6843\u91cc\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >DOUBLE Z\u68d2\u7403\u4e3b\u9898\u9910\u5385<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >https:\/\/host.eyexpo.com\/tours\/tourismburnaby\/index.html<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><\/div><a class='av-masonry-pagination av-masonry-load-more' href='#load-more'  data-ids=''  data-action=''  data-link='portfolio_entries'  data-post_type='post, page, attachment, revision, nav_menu_item, custom_css, customize_changeset, oembed_cache, user_request, wp_block, wp_template, wp_template_part, wp_global_styles, wp_navigation, portfolio, avia_framework_post'  data-items='6'  data-size='fixed'  data-gap='large'  data-overlay_fx='active'  data-animation='active'  data-offset='0'  data-container_links='1'  data-container_class=''  data-paginate='load_more'  data-caption_elements='title excerpt'  data-caption_display='always'  data-caption_styling=''  data-wc_prod_visible=''  data-prod_order_by=''  data-prod_order=''  data-sort='yes-tax'  data-columns='2'  data-auto_ratio='1.7'  data-set_breadcrumb='1'  data-custom_markup=''  data-query_orderby='date'  data-query_order='DESC'  data-color=''  data-custom_bg=''  data-custom_class=''  data-orientation=''  data-date_filter=''  data-date_filter_start=''  data-date_filter_end=''  data-date_filter_format='yy\/mm\/dd'  data-id=''  data-taxonomy='portfolio_entries'  data-categories='22,9,20'  data-avno='fb92f0d5ba'>Load more<\/a><\/div><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1343"}],"collection":[{"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1343"}],"version-history":[{"count":1,"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1343\/revisions"}],"predecessor-version":[{"id":3625,"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1343\/revisions\/3625"}],"up":[{"embeddable":true,"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/www.dianzhentech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}