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.

yasuo3o3

<p>andW Fixed Footer is a responsive mobile-first fixed footer plugin for WordPress. It displays a customizable footer bar on mobile devices with scroll-based show/hide behavior.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Responsive Design</strong>: Configurable screen width threshold (default: 768px)</li>
<li><strong>Scroll Interaction</strong>: Shows on scroll down, hides on scroll up</li>
<li><strong>Flexible Layout</strong>: 2-6 button layout options</li>
<li><strong>Customizable Styling</strong>: Colors, icons, links, and text fully configurable</li>
<li><strong>Font Awesome Support</strong>: Icon display with external Font Awesome plugin</li>
<li><strong>Close Button</strong>: Temporary hide functionality for users</li>
<li><strong>Two-tier Structure</strong>: Button area and bottom text area</li>
</ul>
<h4>Configuration Options</h4>
<p><strong>General Settings</strong><br />
* Plugin enable/disable<br />
* Display mode (2-6 button layout)<br />
* Button height<br />
* Screen width threshold (320-1200px, default 768px)<br />
* Button width distribution<br />
* Close button display and position<br />
* Font Awesome detection status</p>
<p><strong>Button Settings (up to 6 buttons)</strong><br />
* Enable/disable individual buttons<br />
* Background and text colors<br />
* Font Awesome icon codes<br />
* Label text<br />
* Link URLs (tel:, mailto:, https:// supported)</p>
<p><strong>Bottom Bar</strong><br />
* Background and text colors<br />
* Multi-line text (automatic line break conversion)</p>
<h4>Use Cases</h4>
<ul>
<li>Corporate website phone/email contact</li>
<li>E-commerce inquiry buttons</li>
<li>Store location/reservation links</li>
<li>Service website resource requests</li>
</ul>
<h4>Security Features</h4>
<ul>
<li>Proper input sanitization</li>
<li>Output escaping</li>
<li>Nonce authentication for settings protection</li>
<li>Administrator permission checks</li>
</ul>
<h3>Technical Notes</h3>
<h4>対応URL形式</h4>
<ul>
<li>tel:086-000-0000</li>
<li>mailto:info@example.com</li>
<li>https://example.com</li>
<li>http://example.com</li>
</ul>
<h4>CSS Class Names</h4>
<ul>
<li><code>.andw-fixed-footer-wrapper</code> – Main container</li>
<li><code>.andw-footer-buttons</code> – Button area</li>
<li><code>.andw-footer-button</code> – Individual button</li>
<li><code>.andw-footer-bottom</code> – Bottom text area</li>
</ul>
<h4>JavaScript API</h4>
<pre><code>`javascript
</code></pre>
<p>// Show<br />
window.andwFixedFooter.show();</p>
<p>// Hide<br />
window.andwFixedFooter.hide();</p>
<p>// Close<br />
window.andwFixedFooter.close();</p>
<p>// Check visibility<br />
window.andwFixedFooter.isVisible();<br />
    `</p>


andW Fixed Footer

A responsive fixed footer plugin for WordPress with mobile-first design and scroll-based behavior.

Fixed Bottom Menu vs andW Fixed Footer