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.

dudaster

<p><strong>ECS adds what Elementor doesn’t have — without replacing what it does well.</strong></p>
<p>Every feature is a standalone module. Enable only what you need from <strong>ECS <span aria-hidden="true" class="wp-exclude-emoji">→</span> Modules</strong> in the WordPress admin. Unused modules load zero CSS, zero JS, and register no hooks.</p>
<h4>🎨 Dark Mode Colours</h4>
<p>A <strong>Default Colours</strong> tab appears inside Elementor’s Site Settings, right next to Global Colors.</p>
<ul>
<li>Set a <strong>Default</strong> and a <strong>Dark Mode</strong> colour for every global colour slot.</li>
<li>Dark mode colours are written as CSS variables — no JavaScript swapping, pure CSS, zero flash.</li>
<li>A <strong>fallback swatch</strong> shows the default colour when the dark slot is empty.</li>
<li>The <strong>Dark Mode Switcher</strong> widget lets visitors toggle between light and dark with full style controls.</li>
</ul>
<h4>📐 Container Layout</h4>
<p>Two additional layout modes for Elementor Flex Containers:</p>
<p><strong>Slider Mode</strong> — Turn any container into a CSS-only slider. No JS library, no dependencies.</p>
<p><strong>Custom Layout</strong> — Pick a Theme Builder template as the layout frame. Place ECS Placeholder widgets inside the template; ECS distributes the container’s children into those slots automatically. Supports cycling and graceful fallback. Works live in the Elementor editor.</p>
<h4>🔁 Loop Custom Layout</h4>
<p>Arrange Loop Grid items inside a Custom Layout template using ECS Placeholder widgets — powered by Elementor’s native Loop Grid query. Full editorial control over the item grid without leaving Elementor.</p>
<h4>📱 Menu Responsive</h4>
<p>Turn any Elementor Nav Menu widget into a responsive hamburger menu. Layout, alignment, animation, and breakpoint controls — all from the Elementor panel.</p>
<h4>✍️ Editorial Text</h4>
<p>Wrap images inside text blocks with float controls and captions. Magazine-style editorial layouts built entirely in Elementor.</p>
<h4>🎨 Style Templates</h4>
<p>Save any widget’s Style tab settings as a named preset and apply them to other widgets of the same type in one click — across pages, templates, and sites. Export and import your full style library as JSON.</p>
<h4>🛠 JSON PowerEdit</h4>
<p>Edit any Elementor widget’s raw settings JSON directly from the panel. Raw textarea for paste-and-replace, interactive tree view for surgical edits. Keyboard shortcut: Ctrl/Cmd + Enter to apply.</p>
<h4>✅ Legacy (ECS 3.x — backward compatibility)</h4>
<p>The original loop skin functionality is preserved in the Legacy module for existing sites built with ECS 3.x. If you’re updating from ECS 3.x, this module activates automatically. For new projects, use Elementor’s native Loop Builder.</p>
<p>Note: This plugin requires Elementor (free). Container Layout (Custom Layout mode) and Style Templates require Elementor Pro.</p>


ECS – Ele Custom Skin for Elementor

Seven free modules for Elementor: dark mode, container layouts, mobile menu, editorial text, style presets, JSON editor — all modular, all free.

Archivist – Custom Archive Templates vs ECS – Ele Custom Skin for Elementor