HelgaTheViking

<p>KIA subtitle allows you to add a subtitle to your posts and retrieve it in the loop in the same manner as the post title. By using the Subtitle block or the <code>the_subtitle()</code> or <code>get_the_subtitle() template tags</code>.</p>
<p>It adds an input field right under the title field of posts, pages and any custom post type.  It also add a subtitle column to the edit screen as well as to the quick edit.</p>
<p>You can also use the Subtitle block or the shortcode <code>[the-subtitle]</code> to display it within the post content.</p>
<h3>Site Editor</h3>
<p>The plugin provides a Subtitle block in the editor. In the post editor, this doesn’t make a lot of sense, but mimics the core Title block. The ideal use case for the Subtitle block is when editing your theme</p>
<ol>
<li>Click Edit Site in the WordPress toolbar</li>
<li>Select the template you wish to edit, commonly this might be called Single Post, or Singular.</li>
<li>Insert the Subtitle block where needed, commonly right after the Title block.</li>
</ol>
<h3>Template Tags</h3>
<p>This plugin does <em>not</em> attempt to output the subtitle. With an infinite number of themes, it is not possible for us to support that. The onus is on the user to customize their theme accordingly. The plugin provides two template tags that can be used to customize your theme as desired.</p>
<h4>`the_subtitle( string $before</h4>
<p>”, string $after = ”, bool $display = true ): void|string` =</p>
<p>Displays or retrieves the current post subtitle with optional markup.</p>
<p><em>Parameters</em></p>
<pre><code>$before `string` `optional`
Markup to prepend to the title.
Default: `''`

$after `string` `optional`
Markup to append to the title.
Default: `''`

$display `bool` `optional`
Whether to echo or return the title. Default true for echo.
Default: `true`
</code></pre>
<p>Example usage:</p>
<pre><code>if ( function_exists( 'the_subtitle' ) ) the_subtitle( '<h2 class="subtitle">', '</h2>' );
</code></pre>
<h4>`get_the_subtitle( int|WP_Post $post ): string`</h4>
<p>Retrieves the post subtitle.</p>
<p><em>Parameters</em></p>
<pre><code>$post `int|WP_Post` `optional`
Post ID or WP_Post object.
Default: global `$post` object.
</code></pre>
<p>`</p>
<h4>WooCommerce support</h4>
<p>There is a small <a href="https://github.com/helgatheviking/kia-subtitle-woocommerce-bridge" rel="nofollow ugc">bridge plugin</a> you can install and activate to automatically display the subtitle in most WooCommerce locations. This will work for all themes that are using WooCommerce’s default hooks.</p>
<p><em>NB:</em> It’s known that the Ocean WP theme has it’s own hooks in the WooCommerce templates. You will need to alter the bridge plugin… please take a look at this <a href="https://wordpress.org/support/topic/compatibility-with-latest-wp-and-wc/#post-15456180" rel="ugc">support thread</a>.</p>
<h4>WPML Ready</h4>
<p>KIA Subtitle has been tested by WPML and will allow you to translate the subtitle on multilingual sites.</p>
<h4>Support</h4>
<p>Support is handled in the <a href="https://wordpress.org/support/plugin/kia-subtitle" rel="ugc">WordPress forums</a>. Please note that support is limited and does not cover any custom implementation of the plugin.</p>
<p>Please report any bugs, errors, warnings, code problems to <a href="https://github.com/helgatheviking/KIA-Subtitle/issues" rel="nofollow ugc">Github</a></p>


KIA Subtitle

The KIA Subtitle plugin allows you to add a subtitle to your posts.

Fred Dessaint

<p>Epitome Gallery aims to bring new possibilites to the native WordPress gallery. From the Edit Gallery panel in the Gallery Settings sidebar, you will find new fields for selecting the gallery type and optionaly applying a custom class. Available gallery types are the following: Slider, Featured Slider, Callout. You manage your gallery (selection, sorting, description) as usual. Epitome Gallery is great to create complex layouts based on a simple WordPress gallery.</p>
<p>When saving, the plugin add custom attributes in the WordPress gallery shortcode. The first one is <code>epitome_type="name"</code> that define the type of gallery (optional if the type is set to default). The second one is optional <code>epitome_class="name"</code> and contains one or more class names to apply.</p>
<h4>Gallery types</h4>
<ul>
<li>Slider – Transform a WordPress gallery to a interactive slider. Works fine in the body of an article.</li>
<li>Featured Slider – Same as Slider, but provides titles, caption and/or description. Works fine at the top of an article as a featured content.</li>
<li>Callout – Transfom a WordPress gallery to a set of columns containing images with title, caption and/or description. No need to use a column shortcode or a composer, just use this type of gallery for building this kind of layout.</li>
</ul>
<h4>JavaScript</h4>
<p>Epitome Gallery use a JavaScript file (coded with jQuery) to handle the slider. You can use to customize your own slider. Parameters are the following:</p>
<pre><code>`javascript </code></pre>
<p>pauseTime: 3000, // Delay between 2 slides pauseOnHover: true, // Pause slider on hover autoSlide: false, // Start sliding automatically startSlide: 1, // Initial slide number at start width: 640, // In pixel, or keyword ‘auto’, ‘viewport’ height: 360, // In pixel, or keyword ‘auto’, ‘viewport’ prefetch: true, // Load adjacent slides sitOnTop: false, // Scroll at the top on slider when clicking on it prevText: “Prev”, // Direction of previous button label nextText: “Next”, // Direction of next button label directionNav: true, // Display direction button (arrows at the egdge of slider) paginationNav: true, // Display pagination button (dots at bottom of slider) prevHandle: null, // Callback function when clicking previous button nextHandle: null, // Callback function when clicking next button itemHandle: null, // Callback function to filter dot elements beforeChange: null, // Callback function to launch action before a slide changes afterChange: null, // Callback function to launch action after a slide changes resize: null // Callback function when catching a window resize event.     `</p>
<h4>Usage</h4>
<p>You can replace the default event initialized by the Epitome Gallery in the main JavaScript file of your theme. Instanciate the EpitomeSlider JavaScript object through a custom event and with custom parameters used for this theme. This is similar to the WordPress function <code>do_action()</code>. That’s important to declare this event outside a <code>ready</code> event.</p>
<pre><code>`javascript </code></pre>
<p>$(document).on(‘epitome_slider_init’, function(e) {     // Instanciate for a regular slider     $(‘.gallery.slider[data-type=”regular-slider”]’).EpitomeSlider({         width: ‘auto’,         height: ‘auto’     });     // Instanciate for a featured slider     $(‘.gallery.slider[data-type=”featured-slider”]’).EpitomeSlider({         width: ‘auto’,         height: ‘viewport’     }); });     `</p>


Epitome Gallery

Add new styles to your WordPress gallery of images that showcase a fully different look for complex layouts.

KIA Subtitle vs Epitome Gallery