Eric Teubert

<h4>Quick Start</h4>
<p>The plugin assumes your articles are well categorized.<br />
To display the archive, use the shortcode anywhere in a page or article.</p>
<pre><code>[archivist category="kitten"]
[archivist tag="kitten"]
</code></pre>
<p>Replace “kitten” with your category/tag. Watch out, we need the slug here.<br />
That’s the name without capital letters and spaces.</p>
<h4>Placeholders</h4>
<p>You can specify a custom template to display the archive elements.<br />
Go to <code>Settings > Archivist</code> for plugin preferences.<br />
Use HTML and any of the following template placeholders.</p>
<ul>
<li><code>%TITLE%</code> – The post title.</li>
<li><code>%PERMALINK%</code> – The post permalink.</li>
<li><code>%AUTHOR%</code> – The post author.</li>
<li><code>%CATEGORIES%</code> – The post categories as unordered list.</li>
<li><code>%CATEGORIES|...%</code> – The post categories with a custom separator. Example: <code>%CATEGORIES|, %</code></li>
<li><code>%TAGS%</code> – The post tags with default separator.</li>
<li><code>%TAGS|...%</code> – The post tags with a custom separator. Example: <code>%TAGS|, %</code></li>
<li><code>%EXCERPT%</code> – The post excerpt.</li>
<li><code>%POST_META|...%</code> – Any post meta. Example: <code>%POST_META|duration%</code>.</li>
<li><code>%POST_META|...|...%</code> – Any post meta list, separated by custom HTML. Example: <code>%POST_META|guest|<br>%</code></li>
<li><code>%DATE%</code> – The post date with default format.</li>
<li><code>%DATE|...%</code> – The post date with custom format. Example: <code>%DATE|Y/m/d%</code></li>
<li><code>%POST_THUMBNAIL|...x...%</code> – The post thumbnail with certain dimensions. Example: <code>%POST_THUMBNAIL|75x75%</code></li>
<li><code>%COMMENTS%</code> – The post comment count.</li>
<li><code>%ACF|field_name%</code> – Display <a href="https://www.advancedcustomfields.com" rel="nofollow ugc">ACF</a> field. Uses the <a href="https://www.advancedcustomfields.com/resources/get_field/" rel="nofollow ugc"><code>get_field()</code></a> function.</li>
</ul>
<p>You can add your own placeholders:</p>
<pre><code>add_filter( 'archivist_template_render', function( $template, $post ) {
    // modify $template
    return $template;
}, 10, 2 );
</code></pre>
<h4>Pagination</h4>
<p>If you have many entries, you may prefer to paginate. The archivist comes with asynchronous pagination built-in. Use the <code>pagination</code> parameter in the shortcode to activate it. Its value is the amount of items you want to display per page.</p>
<pre><code>[archivist category="kitten" pagination="10"]
</code></pre>
<p>Pagination controls are displayed both on top and at the bottom of the archive. You can customize this by setting <code>controls</code> to <code>top</code> or <code>bottom</code>.</p>
<pre><code>[archivist category="kitten" pagination="10" controls="top"]
</code></pre>
<h4>Filter by Query</h4>
<p>Are you feeling bold? Is filtering by category or archive not satisfying you? Read on, I’ve got a challenge for you.<br />
WordPress uses a certain query syntax to define the so called loop which is used to display the archive.<br />
You can find the complete documentation at https://codex.wordpress.org/Class_Reference/WP_Query<br />
and you can take advantage of every single parameter or combination of parameters listed there. Some examples:</p>
<pre><code>[archivist query="year=1984&author_name=gorwell"]
</code></pre>
<p>Lists all entries from the year <code>1984</code> by the author with <code>user_nicename</code> <code>gorwell</code>.</p>
<pre><code>[archivist query="tag=straw+mask&post_status=private&orderby=comment_count&order=DESC"]
</code></pre>
<p>Lists all entries marked with post status <code>private</code> which are tagged with both <code>straw</code> and <code>mask</code>, ordered by the amount of comments in a descending order.</p>
<h4>Using multiple Templates</h4>
<p>When you install the plugin, there is just one templated called “default”.<br />
If you don’t specify a specific template in the shortcode, this one will be used.<br />
Therefore the following two shortcodes yield identical results.</p>
<pre><code>[archivist category="kitten"]
[archivist category="kitten" template="default"]
</code></pre>
<p>You can add as many templates as you like. Think twice before deleting one. If it’s still in use, the archive can’t be displayed.</p>


Archivist – Custom Archive Templates

Shortcode Plugin to display an archive by category, tag or custom query. Customizable via HTML templates.

KAP ASIAs

<blockquote>
<p>Html Custom Skin Loop Build Using Elementor <a href="https://tastewp.com/new/?pre-installed-plugin-slug=elementor,essential-classy-addons-for-elementor,advanced-image-hover-effect-for-elementor,include-lottie-animation-for-elementor,advanced-chart-for-elementor,html-custom-skin-loop-build-using-elementor?pre-installed-theme-slug=hello-elementor" rel="nofollow ugc">Try Testing Environment</a><br />
  <br />
  Supercharge your Elementor Page Builder with Highly customizable <a href="https://ecaddons.com/" rel="nofollow ugc">Free Essential Classy Addons For Elementor</a></p>
</blockquote>
<p>This widget has more options in repeater, which makes this widget a bit slow in the Elementor editor. It will take few moments to open when you click on that.Once it’s open, it’s work like normal.</p>
<p>Check below demo pages.</p>
<p><a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/" rel="nofollow ugc">Main Demo Page</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#infobox" rel="nofollow ugc">Infobox Layout</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#button" rel="nofollow ugc">Advanced Button</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#teammember" rel="nofollow ugc">Team Member Listing</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#hoveranimation" rel="nofollow ugc">Various type of animation on Hover</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#imageanimation" rel="nofollow ugc">Animation on Image</a><br />
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#imagebox" rel="nofollow ugc">3D Image Box</a></p>
<p>You can check out more on Endless Journey here.<br />
<br />
Check below short introduction of Html Custom Skin Loop Build Using Elementor.<br />
</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="560" height="315" src="https://www.youtube.com/embed/WhrLPfPK-As?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://kapasias.com/wp-content/uploads/2020/08/Html-Custom-Skin-Loop-Demo-Content.json" rel="nofollow ugc">Download Demo Content JSON File</a></p>
<p>Our goal is to continue offering top-notch products at wordpress.org, and your review could greatly help us to continue doing so.</p>
<p>We really appreciate you taking out the time to help us improve our products!</p>
<p>Thank you.</p>
<h4>Features</h4>
<ul>
<li>Here You can design from sketch and make without limitation</li>
<li>Lots of HTML Tags like Div,Span,p,pre,a and H1 to H6</li>
<li>You can assign your custom class</li>
<li>In content you can use Text,Image and Short Code</li>
<li>Additionally you can put your custom css and js</li>
<li>Position,Display and Alignment option to make creative layout</li>
<li>Width and Height option for Custom layout</li>
<li>Text and Image styling options</li>
<li>Background Styling Options</li>
<li>Transition and Transform options</li>
<li>Also Border,Shadow,Css Filters,Opacity,Z-index,Overflow and many more…</li>
</ul>


Custom Skin Loop Build Using Elementor (HTML)

The most advanced tags builder widget for Elementor with tons of tags, You can design from sketch and make without limitation.

Archivist – Custom Archive Templates vs Custom Skin Loop Build Using Elementor (HTML)