{"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.popap.fr\/index.php\/masonry\/","title":{"rendered":"Masonry"},"content":{"rendered":"<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  \" 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   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 '><a href='https:\/\/www.popap.fr\/index.php\/2017\/11\/02\/775-revision-v1\/' 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 '><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-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>Tout<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/div><div class='av-sort-by-term  ' data-av-allowed-sort='[\"css_sort\",\"design_sort\",\"html_sort\",\"illustration_sort\",\"photography_sort\",\"psd_sort\",\"video_sort\"]' ><a href=\"#\" data-filter=\"all_sort\" class=\"all_sort_button active_sort\"><span class=\"inner_sort_button\"><span>Tout<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/a><span class='text-sep css_sort_sep avia_hide_sort'>\/<\/span><a href=\"#\" data-filter=\"css_sort\" class=\"css_sort_button avia_hide_sort\" ><span class=\"inner_sort_button\"><span>CSS<\/span><small class='avia-term-count'> 0 <\/small><\/span><\/a><span class='text-sep design_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"design_sort\" class=\"design_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>Design<\/span><small class='avia-term-count'> 4 <\/small><\/span><\/a><span class='text-sep html_sort_sep avia_hide_sort'>\/<\/span><a href=\"#\" data-filter=\"html_sort\" class=\"html_sort_button avia_hide_sort\" ><span class=\"inner_sort_button\"><span>HTML<\/span><small class='avia-term-count'> 0 <\/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'> 4 <\/small><\/span><\/a><span class='text-sep photography_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"photography_sort\" class=\"photography_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>Photography<\/span><small class='avia-term-count'> 2 <\/small><\/span><\/a><span class='text-sep psd_sort_sep avia_hide_sort'>\/<\/span><a href=\"#\" data-filter=\"psd_sort\" class=\"psd_sort_button avia_hide_sort\" ><span class=\"inner_sort_button\"><span>PSD<\/span><small class='avia-term-count'> 0 <\/small><\/span><\/a><span class='text-sep video_sort_sep avia_hide_sort'>\/<\/span><a href=\"#\" data-filter=\"video_sort\" class=\"video_sort_button avia_hide_sort\" ><span class=\"inner_sort_button\"><span>VIDEO<\/span><small class='avia-term-count'> 0 <\/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 illustration_sort  photography_sort  design_sort '><\/div><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/imac-revolution\/\" id='av-masonry-1-item-3075' data-av-masonry-item='3075' class='av-masonry-entry isotope-item post-3075 portfolio type-portfolio status-publish has-post-thumbnail hentry tag-landscape tag-portrait portfolio_entries-illustration portfolio_entries-photography all_sort illustration_sort  photography_sort  av-masonry-item-with-image' title=\"Modern Single Entry\"  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.popap.fr\/wp-content\/uploads\/2017\/10\/Marketing-strat\u00e9gique-2-e1509217468314.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2017\/10\/Marketing-strat\u00e9gique-2-e1509217468314.jpg\" title=\"Marketing strat\u00e9gique\" alt=\"\" \/><\/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\" >Modern Single Entry<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/ipad-iphone-freebie\/\" id='av-masonry-1-item-3078' data-av-masonry-item='3078' class='av-masonry-entry isotope-item post-3078 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-design all_sort design_sort  av-masonry-item-with-image' title=\"Classic Single Entry\"  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.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-9-705x502.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-9-705x502.jpg\" title=\"\" alt=\"\" \/><\/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\" >Classic Single Entry<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/power-pills\/\" id='av-masonry-1-item-3077' data-av-masonry-item='3077' class='av-masonry-entry isotope-item post-3077 portfolio type-portfolio status-publish has-post-thumbnail hentry tag-portrait portfolio_entries-design all_sort design_sort  av-masonry-item-with-image' title=\"Classic Single Entry #2\"  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.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-5-705x502.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-5-705x502.jpg\" title=\"\" alt=\"\" \/><\/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\" >Classic Single Entry #2<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/macbook-pro-ssd\/\" id='av-masonry-1-item-3076' data-av-masonry-item='3076' class='av-masonry-entry isotope-item post-3076 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-design portfolio_entries-illustration all_sort design_sort  illustration_sort  av-masonry-item-with-image' title=\"MacBook PRO &#038; SSD\"  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.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-6-705x502.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-6-705x502.jpg\" title=\"\" alt=\"\" \/><\/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\" >MacBook PRO &#038; SSD<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/plant-plant\/\" id='av-masonry-1-item-3074' data-av-masonry-item='3074' class='av-masonry-entry isotope-item post-3074 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-illustration portfolio_entries-photography all_sort illustration_sort  photography_sort  av-masonry-item-with-image' title=\"Plant &#038; Plant\"  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.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-1-705x502.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-1-705x502.jpg\" title=\"\" alt=\"\" \/><\/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\" >Plant &#038; Plant<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"https:\/\/www.popap.fr\/index.php\/portfolio-item\/sunglasses\/\" id='av-masonry-1-item-3068' data-av-masonry-item='3068' class='av-masonry-entry isotope-item post-3068 portfolio type-portfolio status-publish has-post-thumbnail hentry tag-landscape portfolio_entries-design portfolio_entries-illustration all_sort design_sort  illustration_sort  av-masonry-item-with-image' title=\"Sunglasses\"  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.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-7-705x502.jpg);\"><img src=\"https:\/\/www.popap.fr\/wp-content\/uploads\/2015\/07\/portfolio-7-705x502.jpg\" title=\"\" alt=\"\" \/><\/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\" >Sunglasses<\/h3><\/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, pf_contact, portfolio, avia_framework_post'  data-items='6'  data-size='fixed'  data-gap='large'  data-overlay_fx='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-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-taxonomy='portfolio_entries'  data-categories='41,23,42,25,26,43,44'  data-avno='fd87f658d7'>Charger plus<\/a><\/div><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Masonry - POP AP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.popap.fr\/index.php\/masonry\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Masonry - POP AP\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.popap.fr\/index.php\/masonry\/\" \/>\n<meta property=\"og:site_name\" content=\"POP AP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\">\n\t<meta name=\"twitter:data1\" content=\"andrea\">\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data2\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.popap.fr\/#\/schema\/person\/1b35b44cefd7538c5b9431ffd77241a1\",\"name\":\"andrea\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.popap.fr\/#personlogo\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7488f28436650bb7e4fa5a5dd33df135?s=96&d=mm&r=g\",\"caption\":\"andrea\"},\"logo\":{\"@id\":\"https:\/\/www.popap.fr\/#personlogo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.popap.fr\/#website\",\"url\":\"https:\/\/www.popap.fr\/\",\"name\":\"POP AP\",\"description\":\"Conseil en marketing et d\\u00e9veloppement pour Petites Entreprises\",\"publisher\":{\"@id\":\"https:\/\/www.popap.fr\/#\/schema\/person\/1b35b44cefd7538c5b9431ffd77241a1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.popap.fr\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.popap.fr\/index.php\/masonry\/#webpage\",\"url\":\"https:\/\/www.popap.fr\/index.php\/masonry\/\",\"name\":\"Masonry - POP AP\",\"isPartOf\":{\"@id\":\"https:\/\/www.popap.fr\/#website\"},\"datePublished\":\"2017-02-13T15:00:10+00:00\",\"dateModified\":\"2017-02-13T15:00:10+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.popap.fr\/index.php\/masonry\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages\/1343"}],"collection":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":0,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}