shazdeh

Peter Hebert

This plugin gives you <code>[query]</code> shortcode which enables you to query and output any posts filtered by specific attributes.
<h4>Usage</h4>
You can use most parameters supported by <a href="https://codex.wordpress.org/Class_Reference/WP_Query" rel="nofollow ugc">WP_Query class</a> to filter the posts; you can query for specific post types, categories, tags, authors, etc.
<h4>Other supported parameters</h4>
Aside from WP_Query parameters, the shortcode also supports the following additional parameters:
<ul>
<li>featured: to query for sticky posts which by default are excluded from the query.</li>
<li>thumbnail_size: to specify the size of the {THUMBNAIL} images. You can use <a href="https://codex.wordpress.org/Function_Reference/add_image_size#Reserved_Image_Size_Names" rel="nofollow ugc">built-in image sizes</a> or custom ones you’ve defined.</li>
<li>content_limit: to limit the number of words of the {CONTENT} var; by default it’s “0” which means it outputs the whole content.</li>
<li>posts_separator: text to display between individual posts.</li>
<li>lens: custom output template – see description below.</li>
<li>twig_template: output template using Twig templating engine – requires the Timber library.</li>
</ul>
<h4>Formatting the output</h4>
You can define how you want to format the output inline within an opening <code>[query]</code> and closing <code>[/query]</code> tag. 
Available keywords are: TITLE, CONTENT, AUTHOR, AUTHOR_URL, DATE, THUMBNAIL, CONTENT, COMMENT_COUNT.
The following example will display the latest 5 posts from the category with the ID of 3, showing a post title and comment count, with a link to the post: 
 [query posts_per_page=”5″ cat=”3″]
<h3><a href="{URL}" rel="nofollow ugc">{TITLE} ({COMMENT_COUNT})</a></h3>
[/query]
Grid display
With the “cols” parameter you can display the output in a grid. 
 [query posts_per_page=”3″ cols=”3″] {THUMBNAIL}
<h3>{TITLE}</h3>
{CONTENT} [/query] 
will display the latest 3 posts in the defined template, in 3 columns. 
The plugin will automatically divide the grid into rows based upon the ‘posts_per_page’ option, divided by the ‘cols’ option.
<h4>Lenses (output templates)</h4>
With the “lens” parameter you can customize the display of the query results using a template. Some basic lenses/templates are provided:
<ul>
<li>ul: unordered list of linked post titles.</li>
<li>ul-title-date: same as ‘ul’, but also displays the posted date.</li>
<li>article-excerpt: series of articles, with a header containing the linked post title, and the excerpt.</li>
<li>article-excerpt-date: same as ‘article-excerpt’, but also displays the posted date.</li>
<li>cards: displays the post thumb above the header with linked post title, followed by the excerpt.</li>
</ul>
Bootstrap lenses
Some pre-defined lenses/templates are provided which use JavaScript Components from the <a href="http://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a> CSS framework. The generated markup is compliant with the 5.x version of Bootstrap.
This feature relies on Bootstrap library to be already loaded on the page, the plugin does not include it.
If you’re using a Bootstrap-based theme, this should work; otherwise you can use the <a href="https://wordpress.org/extend/plugins/bootstrap/" rel="ugc">Bootstrap plugin</a>).
<a href="http://getbootstrap.com/javascript/#tabs" rel="nofollow ugc">Tabs</a>
This will show the latest 3 posts in a tabbed widget. 
 [query posts_per_page=”3″ lens=”tabs”]
<a href="http://getbootstrap.com/javascript/#tabs" rel="nofollow ugc">Accordion</a>
This will create an accordion widget of all our posts from the “faq” post type. 
 [query posts_per_page=”0″ post_type=”faq” lens=”accordion”]
<a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow ugc">Carousel</a>
This creates a carousel of latest five featured posts: 
 [query posts_per_page=”5″ featured=”true” lens=”carousel”]
Custom Lenses/templates
You can create your own custom templates and put them into one of these pre-defined folder names within your theme:
<ul>
<li>‘query-shortcode-templates’</li>
<li>‘partials/query-shortcode-lenses/’</li>
<li>‘html/lenses/’</li>
</ul>
Or simply specify your own subfolder in the ‘lens’ parameter: 
 [query lens=”folder/template-name”]
<h4>Twig Template Support</h4>
Starting with version 0.4, you can use Twig templates for your output. Support for Twig is provided by the <a href="https://github.com/timber/timber" rel="nofollow ugc">Timber</a> library.
This requires that Timber 2.x be installed as a <a href="https://timber.github.io/docs/v2/installation/installation/" rel="nofollow ugc">Composer dependency</a>.
To use a Twig template for your query output, simply use the 'twig_template' parameter instead of the 'lens' parameter, and provide the path to your template. By default, Timber looks within the <code>views</code> folder in your active theme. You can <a href="https://timber.github.io/docs/v2/guides/template-locations/#changing-the-default-folder-for-twig-files" rel="nofollow ugc">change the default template location</a> in Timber.
Examples:
<pre><code>[query twig_template="template-name.twig"]
[query twig_template="folder/template-name.twig"]
</code></pre>

Custom Query Shortcode

A powerful shortcode that enables you to query anything you want and display it however you like, on both pages and posts, and in widgets.

WPLake

Display content with full control over selection and layout. Lightweight and compatible with any theme or page builder.
<h3>⭐ Why Choose Advanced Views?</h3>
Advanced Views is a framework that empowers you to create the layouts and selections you need, without bloatware or heavy dependencies.
✅ Solid by design: craft modular and reusable layouts. Avoid repetition, style conflicts, and messy code snippets. 
✅ Content-driven: pull content dynamically, with granular filtering and sorting options, built on top of the native WordPress Query. Master advanced database queries with post fields, taxonomies, and meta values. 
✅ Time-saver: automate the groundwork and data fetching. Focus on creating while leaving typical routines behind. 
✅ Fully customizable: directly access the template code to create advanced elements, like Grids and Sliders, and harness your theme styles and scripts. 
✅ Easy to embed: copy and paste a native WordPress shortcode to add layouts anywhere.
<h3>🧩 Plenty of Use Cases</h3>
Custom fields and Post Types are essential to WordPress. Advanced Views natively supports them – giving you the freedom to pull, mix, and combine them in a common layout.
Popular scenarios include:
Displaying custom fields:
🔹On a single page: to enrich landing page sections 
🔹CPT-wide: estimated delivery time for all Products 
🔹Site-wide: contact details from the Options page 
🔹User-specific: fields of the current user in a custom banner or profile page
Displaying Posts, Products and CPT:
🔹Posts: blog posts from a specific category 
🔹WooCommerce: related Products in a grid or carousel 
🔹Event lists: Show upcoming events, hide past events 
🔹Real Estate listings: properties by location, size, or type 
🔹Locations map: display all pick-up location markers on a single map 
🔹Reviews and Comments: product reviews or user comments
<h3>🔗 Multiple Content Sources</h3>
Advanced Views is vendor-independent and plugin-agnostic – so it will work with WordPress Posts, WooCommerce Products, and any CPT on your website.
Learn it once and use it everywhere with built-in support for:
🔹All Custom Post Types registered in WordPress 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-1.-wordpress" rel="nofollow ugc">WordPress post fields</a> (title, featured image, author, taxonomy terms…) 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-2.-woocoomerce-plugin" rel="nofollow ugc">Woo Product fields</a> (price, sku, stock status, weight…) 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-3.-advanced-custom-fields-plugin" rel="nofollow ugc">Advanced Custom Fields</a> (whether it’s text, select, image, gallery, repeater or relationship) 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-4.-metabox-plugin" rel="nofollow ugc">MetaBox fields</a> (like map, oEmbed, taxonomy, group… ) 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-5.-pods-plugin" rel="nofollow ugc">Pods fields</a> (from WYSIWYG, price, date and time… )
You can integrate data from any external source, including API-based, directly into Layouts using snippets.
<h3>🚀 Powerful features</h3>
Whether you’re a developer working on a child theme, a web creator using a page builder, or a tech-savvy website owner, Advanced Views makes the process easier with:
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/file-system-storage" rel="nofollow ugc">Storage options</a>: craft Layouts using the on-site editor, or edit them inside your favourite IDE, with git-friendly templates. 
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/multilingual" rel="nofollow ugc">Multilingual-friendly</a>: translate any text or label in the Layouts using your favourite tool (like WPML or Polylang) 
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/introduction/key-aspects#id-3.3-seamless-data-connection" rel="nofollow ugc">Automatic template validation</a>: keep all the Layouts up-to-date with bulk validation, and get prompted to update the relevant layouts when used meta fields have been changed. 
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/template-engines" rel="nofollow ugc">Template engine options</a>: opt for the Twig or Blade template engine site-wide, or mix it up and make a per Layout decision. 
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/css-and-js#id-1.1-just-in-time-assets" rel="nofollow ugc">Just-in-time assets loader</a>: get layout styles and scripts injected just-in-time, on a per-page basis. Make fast page loading and great speed metrics your defaults. 
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/live-reload" rel="nofollow ugc">Live reload and Dev mode</a>: see live changes to Layouts on the page, and find used layouts without searching.
<h3>📚 Extensive Documentation & Friendly Support</h3>
🔹<a href="https://docs.advanced-views.com/" rel="nofollow ugc">Helpful guides</a>, FAQs, tips, and common use cases with code snippets 
🔹Lite users are supported via the public <a href="https://wordpress.org/support/plugin/acf-views/" rel="ugc">wordpress.org forum</a> 
🔹Pro users get priority support via <a href="https://advanced-views.com/support/" rel="nofollow ugc">our website</a> 
🔹Actively maintained and tested against the latest WordPress releases
<h3>🔓 Unlock More with Advanced Views Pro</h3>
<a href="https://advanced-views.com/pro/#pricing" rel="nofollow ugc">Advanced Views Pro</a> takes your content displays to the next level with extended features:
Layouts get:
🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/meta-fields/layout-fields/repeater-pro" rel="nofollow ugc">Repeater, Group, and Flexible fields support</a> – display complex nested fields — including repeaters within repeaters. 
🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/custom-gutenberg-blocks-pro" rel="nofollow ugc">Gutenberg block option</a> – turn any layout into a Gutenberg block with a single checkbox. Same template with full markup control and zero React coding. 
🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/front-end-assets-management-pro#supported-libraries-and-field-types" rel="nofollow ugc">Masonry, LightBox, Slider integrations</a> – turn your Repeater or User fields into a slider, Gallery Images into Masonry, or enable LightBox for single images. 
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/reusable-components-library-pro" rel="nofollow ugc">Reusable components library</a> – reuse existing Layouts on other websites with a single-click Git sync.
Post Selections get:
🔹<a href="https://wplake.gitbook.io/advanced-views/query-content/meta-filters-pro" rel="nofollow ugc">Meta filters</a> – precise post selections with filtering by meta fields: define bindings to URL arguments, current meta values, and more. 
🔹<a href="https://wplake.gitbook.io/advanced-views/query-content/pagination-pro" rel="nofollow ugc">Ajax pagination</a> of results: choose between options for load more button, infinity scroll, or page numbers. 
🔹Post carousels: turn queried posts into sliders.

Advanced Views – Display Custom Fields (ACF, Pods, MetaBox), Posts, CPT and Woo Products anywhere in Gutenberg, Elementor, Divi, Beaver…


I could not figure out how to display google maps on front end but this plugin made it real simple. Very easy to use.


Makes Posting Google Maps Real Simple

Display content with full control over selection and layout. Lightweight and compatible with any theme or page builder.

Custom Query Shortcode vs Advanced Views – Display Custom Fields (ACF, Pods, MetaBox), Posts, CPT and Woo Products anywhere in Gutenberg, Elementor, Divi, Beaver…