Eric Teubert

<h4>Quick Start</h4>
The plugin assumes your articles are well categorized. 
To display the archive, use the shortcode anywhere in a page or article.
<pre><code>[archivist category="kitten"]
[archivist tag="kitten"]
</code></pre>
Replace “kitten” with your category/tag. Watch out, we need the slug here. 
That’s the name without capital letters and spaces.
<h4>Placeholders</h4>
You can specify a custom template to display the archive elements. 
Go to <code>Settings > Archivist</code> for plugin preferences. 
Use HTML and any of the following template placeholders.
<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| %</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>
You can add your own placeholders:
<pre><code>add_filter( 'archivist_template_render', function( $template, $post ) {
 // modify $template
 return $template;
}, 10, 2 );
</code></pre>
<h4>Pagination</h4>
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.
<pre><code>[archivist category="kitten" pagination="10"]
</code></pre>
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>.
<pre><code>[archivist category="kitten" pagination="10" controls="top"]
</code></pre>
<h4>Filter by Query</h4>
Are you feeling bold? Is filtering by category or archive not satisfying you? Read on, I’ve got a challenge for you. 
WordPress uses a certain query syntax to define the so called loop which is used to display the archive. 
You can find the complete documentation at https://codex.wordpress.org/Class_Reference/WP_Query 
and you can take advantage of every single parameter or combination of parameters listed there. Some examples:
<pre><code>[archivist query="year=1984&author_name=gorwell"]
</code></pre>
Lists all entries from the year <code>1984</code> by the author with <code>user_nicename</code> <code>gorwell</code>.
<pre><code>[archivist query="tag=straw+mask&post_status=private&orderby=comment_count&order=DESC"]
</code></pre>
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.
<h4>Using multiple Templates</h4>
When you install the plugin, there is just one templated called “default”. 
If you don’t specify a specific template in the shortcode, this one will be used. 
Therefore the following two shortcodes yield identical results.
<pre><code>[archivist category="kitten"]
[archivist category="kitten" template="default"]
</code></pre>
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.

Archivist – Custom Archive Templates

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

KAP ASIAs

<blockquote>
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> 
 
 Supercharge your Elementor Page Builder with Highly customizable <a href="https://ecaddons.com/" rel="nofollow ugc">Free Essential Classy Addons For Elementor</a>
</blockquote>
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.
Check below demo pages.
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/" rel="nofollow ugc">Main Demo Page</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#infobox" rel="nofollow ugc">Infobox Layout</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#button" rel="nofollow ugc">Advanced Button</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#teammember" rel="nofollow ugc">Team Member Listing</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#hoveranimation" rel="nofollow ugc">Various type of animation on Hover</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#imageanimation" rel="nofollow ugc">Animation on Image</a> 
<a href="https://kapasias.com/html-custom-skin-loop-build-using-elementor/#imagebox" rel="nofollow ugc">3D Image Box</a>
You can check out more on Endless Journey here. 
 
Check below short introduction of Html Custom Skin Loop Build Using Elementor. 

<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>
Our goal is to continue offering top-notch products at wordpress.org, and your review could greatly help us to continue doing so.
We really appreciate you taking out the time to help us improve our products!
Thank you.
<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)