Joost de Valk

<p>Easily add breadcrumbs to your template. If you’re using one of the supported WordPress frameworks, it’s as easy as enabling the plugin and checking the “Try to add automatically box”, if you’re not using one of those, adding it is as simple as adding one line of code to your template!</p>
<h4>Supported Frameworks</h4>
<p>Currently the breadcrumbs plugin supports the following frameworks:</p>
<ul>
<li>Thematic</li>
<li>Hybrid</li>
<li>Thesis</li>
<li>WP Framework</li>
</ul>
<p>More info:</p>
<ul>
<li><a href="http://yoast.com/wordpress/breadcrumbs/" rel="nofollow ugc">Yoast Breadcrumbs</a>.</li>
<li>Read more about how to improve your <a href="http://yoast.com/articles/wordpress-seo/" rel="nofollow ugc">WordPress SEO</a>, so you can get the most out of this plugin.</li>
<li>Check out the other <a href="http://yoast.com/wordpress/" rel="nofollow ugc">WordPress plugins</a> by the same author.</li>
</ul>


Yoast Breadcrumbs

Katsushi Kawamori

<p>Add a fixed menu. The basic menu is at the bottom, but it can also be displayed on the top, left, and right.</p>
<h4>Links</h4>
<ul>
<li>Five link destinations can be specified.</li>
<li>Provides filters for icons, URLs, and text for each link.</li>
</ul>
<h4>Options</h4>
<ul>
<li>Can specify the number of columns from 1 to 5.</li>
<li>Can specify the font size with px, rem and em.</li>
<li>Can specify the menu height with px, rem and em.</li>
<li>Can specify the line height with px, rem and em.</li>
<li>Can specify the padding with px, rem and em.</li>
<li>Can specify their class to remove the overlap for headers and footers overlap.</li>
<li>Can specify the color of text, buttons, and overlay.</li>
<li>Can specify the upper limit of the display width.</li>
<li>Can specify the stack order of css elemental.</li>
<li>The above options filters are provided.</li>
</ul>
<h4>Other filters</h4>
<ul>
<li>Provide a filter to erase the menu.</li>
</ul>
<h4>How it works</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/gmTUhSOPw9c?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>
<h4>Live Demo</h4>
<ul>
<li><a href="https://fbm.riverforest-wp.info/" rel="nofollow ugc">Fixed Bottom Menu Live</a></li>
</ul>
<h4>Icons</h4>
<ul>
<li><a href="https://developer.wordpress.org/resource/dashicons/" rel="nofollow ugc">Dashicons</a> can be specified.</li>
</ul>
<h4>Customize</h4>
<ul>
<li>Template files allow for flexible <a href="https://github.com/katsushi-kawamori/Fixed-Bottom-Menu-Templates" rel="nofollow ugc">customization</a>.</li>
<li>The default template file is <code>template/fixedbottommenu-template-html.php</code> and <code>template/fixedbottommenu-template-css.php</code>. Using this as a reference, you can specify a separate template file using the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for template file of html.
 *
 */
add_filter(
    'fixed_bottom_menu_generate_template_html_file',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
        $upload_dir = untrailingslashit( $upload_dir );
        return $upload_dir . '/tmp/fixedbottommenu-template-html.php';
    },
    10,
    1
);
</code></pre>
<pre><code>/** ==================================================
 * Filter for template file of css.
 *
 */
add_filter(
    'fixed_bottom_menu_generate_template_css_file',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
        $upload_dir = untrailingslashit( $upload_dir );
        return $upload_dir . '/tmp/fixedbottommenu-template-css.php';
    },
    10,
    1
);
</code></pre>
<ul>
<li>CSS files can be set separately. Please see the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for CSS file.
 *
 */
add_filter(
    'fixed_bottom_menu_css_url',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_url = $wp_uploads['baseurl'];
        if ( is_ssl() ) {
            $upload_url = str_replace( 'http:', 'https:', $upload_url );
        }
        $upload_url = untrailingslashit( $upload_url );
        return $upload_url . '/tmp/fixedbottommenu.css';
    },
    10,
    1
);
</code></pre>


Fixed Bottom Menu

Add a fixed menu. The basic menu is at the bottom, but it can also be displayed on the top, left, and right.

Yoast Breadcrumbs vs Fixed Bottom Menu