<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>メニュー &#8211; WordPress Memo</title>
	<atom:link href="https://blog.riverforest-wp.info/tag/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.riverforest-wp.info</link>
	<description>WordPress に関する覚え書き</description>
	<lastBuildDate>Fri, 09 May 2025 12:48:52 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.riverforest-wp.info/wp-content/uploads/2018/05/cropped-icon-256x256-1-32x32.png</url>
	<title>メニュー &#8211; WordPress Memo</title>
	<link>https://blog.riverforest-wp.info</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>固定フッターメニューを表示するプラグイン</title>
		<link>https://blog.riverforest-wp.info/fixed-bottom-menu/</link>
					<comments>https://blog.riverforest-wp.info/fixed-bottom-menu/#comments</comments>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Sun, 17 Nov 2019 23:56:08 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[メニュー]]></category>
		<category><![CDATA[固定フッター]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=1774</guid>

					<description><![CDATA[はじめに 高齢者向けのサイトを制作していますが、高齢者の皆様はハンバーガーメニューが苦手です。誰にでも分かり易くてワンタッチで操作できる固定フッターメニューは必須です。カスタムテンプレートで制作していましたが、プラグイン [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">はじめに</h3>



<p>高齢者向けのサイトを制作していますが、高齢者の皆様はハンバーガーメニューが苦手です。誰にでも分かり易くてワンタッチで操作できる固定フッターメニューは必須です。カスタムテンプレートで制作していましたが、プラグイン化しました。</p>



<div class="pluginstatsview-normal-wrap">
	<div>
				<img decoding="async" src="https://ps.w.org/fixed-bottom-menu/assets/icon-256x256.png?rev=2195074" alt="Fixed Bottom Menu のアイコン" class="pluginstatsview-normal-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/fixed-bottom-menu/" class="pluginstatsview-astyle">Fixed Bottom Menu</a></div>
			<div><a href="https://wordpress.org/plugins/fixed-bottom-menu/#reviews" title="5.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span>
			</span>
	</a>(11)</div>
			<div>バージョン2.15</div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div>5,000以上サイトで有効化中</div>
	<div>固定メニューを追加します。基本メニューは下ですが、上、左、右にも表示できます。</div>
	<details open class="pluginstatsview-details">
	<summary class="pluginstatsview-summary">仕様</summary>
			<table class="pluginstatsview-table">
			<tr class="pluginstatsview-tr1">
				<th class="pluginstatsview-th">日付</th>
				<th class="pluginstatsview-th">対応バージョン</th>
				<th class="pluginstatsview-th">リンク</th>
			</tr>
			<tr class="pluginstatsview-tr2">
				<td class="pluginstatsview-td">
					<div><span class="pluginstatsview-bold">作者: </span><a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
					<div><span class="pluginstatsview-bold">最終更新: </span>2週間 前</div>
					<div><span class="pluginstatsview-bold">リリース: </span>2019-11-17</div>
				</td>
				<td class="pluginstatsview-td">
					<div><span class="pluginstatsview-bold">PHP: </span>8.0</div>
					<div><span class="pluginstatsview-bold">WordPress: </span>6.6</div>
					<div><span class="pluginstatsview-bold">検証済み: </span>7.0</div>
				</td>
				<td class="pluginstatsview-td">
					<div><span class="pluginstatsview-bold">WordPress : </span><a href="https://wordpress.org/plugins/fixed-bottom-menu/" class="dashicons dashicons-wordpress pluginstatsview-download"></a></div>
					<div><span class="pluginstatsview-bold">ダウンロード: </span><a href="https://downloads.wordpress.org/plugin/fixed-bottom-menu.2.15.zip" class="dashicons dashicons-download pluginstatsview-download"></a></div>
					<div><span class="pluginstatsview-bold">寄付: </span><a href="https://shop.riverforest-wp.info/donate/" class="dashicons dashicons-external pluginstatsview-download"></a></div>
				</td>
			</tr>
		</table>
		</details>

			<details class="pluginstatsview-details">
		<summary class="pluginstatsview-summary">備考</summary>
		<div class="pluginstatsview-normal-desc"><p>固定メニューを追加します。基本メニューは下ですが、上、左、右にも表示できます。</p>
<h4>リンク</h4>
<ul>
<li>５つのリンク先を指定できます。</li>
<li>各リンクのアイコン、URL、テキストのフィルターを提供します。</li>
</ul>
<h4>オプション</h4>
<ul>
<li>列数を１～５まで指定できます。</li>
<li>フォントサイズを px、rem、em で指定できます。</li>
<li>メニューの高さを px、rem、em で指定できます。</li>
<li>行の高さを px、rem、em で指定できます。</li>
<li>パディングを px、rem、em で指定できます。</li>
<li>ヘッダーとフッターの重なりを除去するクラスを指定できます。</li>
<li>テキスト、ボタン、オーバーレイの色を指定できます。</li>
<li>表示幅の上限を指定できます。</li>
<li>css 要素の重ね順を指定できます。</li>
<li>上記のオプションのフィルターを提供します。</li>
</ul>
<h4>その他のフィルター</h4>
<ul>
<li>メニューを消去するフィルターを提供します。</li>
</ul>
<h4>使い方</h4>
<span class="embed-youtube" style="text-align:center"></span>
<h4>ライブデモ</h4>
<ul>
<li><a href="https://fbm.riverforest-wp.info/ja/fixed-bottom-menu-%e3%83%a9%e3%82%a4%e3%83%96/" rel="nofollow ugc">Fixed Bottom Menu ライブ</a></li>
</ul>
<h4>アイコン</h4>
<ul>
<li><a href="https://developer.wordpress.org/resource/dashicons/" rel="nofollow ugc">Dashicons</a> を指定できます。</li>
</ul>
<h4>カスタマイズ</h4>
<ul>
<li>テンプレートファイルは、柔軟な<a href="https://github.com/katsushi-kawamori/Fixed-Bottom-Menu-Templates" rel="nofollow ugc">カスタマイズ</a>を可能にします。</li>
<li>デフォルトのテンプレートファイルは、<code class="language-php language-html">template/fixedbottommenu-template-html.php</code> と <code class="language-php language-html">template/fixedbottommenu-template-css.php</code> です。これを参考に、以下のフィルターを使って別のテンプレートファイルを指定することができます。</li>
</ul>
<pre><code class="language-php language-html">/** ==================================================
 * 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 class="language-php language-html">/** ==================================================
 * 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 ファイルは別途設定可能です。以下のフィルターをご覧ください。</li>
</ul>
<pre><code class="language-php language-html">/** ==================================================
 * 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>
</div>
	</details>
	<div>2026-04-14 11:57 時点の統計</div>
</div>



<p>このブログの下部にも採用しました。1300px 以下のサイズで適用されています。</p>



<h3 class="wp-block-heading">機能</h3>



<ul class="wp-block-list"><li>リンク<ul><li>５つのリンク先を指定できます。</li><li>各リンク毎のアイコン・URL・テキストのフィルターを提供します。</li></ul></li><li>オプション<ul><li>列数を3～5まで指定できます。</li><li>フォントサイズを指定できます。</li><li>メニューの高さを指定できます。</li><li>メニュー内の行高を指定できます。</li><li>メニューのパディング上部を指定できます。</li><li>テキスト、ボタン、マウスオーバーの色を指定できます。</li><li>表示幅の上限を指定できます。</li><li>css 要素の重ね順を指定できます。</li><li>上記オプションのフィルターを提供します。</li></ul></li><li>その他のフィルター<ul><li>メニューを消去するフィルターを提供します。</li></ul></li><li>デモ<ul><li><a href="https://fbm.riverforest-wp.info/ja/fixed-bottom-menu-%e3%83%a9%e3%82%a4%e3%83%96/">Fixed Bottom Menu ライブ</a></li></ul></li><li>アイコン<ul><li><strong>Dashicon </strong>を指定できます。 </li></ul></li></ul>



<style>
.simpleblogcard_img_blockaf851974365ffa0c9f3916dd03362697 {
  float: right;
  padding: 10px;
}
.simpleblogcard_borderaf851974365ffa0c9f3916dd03362697 {
  border-left: solid 8px #cd162c;
  padding: 0.25em 0.25em;
  background: transparent;
}
.simpleblogcard_titleaf851974365ffa0c9f3916dd03362697 {
  line-height: 155%;
  font-weight: bold;
  display: block;
}
.simpleblogcard_descriptionaf851974365ffa0c9f3916dd03362697 {
  line-height: 155%;
  color: #333;
}
</style>
<div class="simpleblogcard_wrap">
			<a style="text-decoration: none;" href=https://fbm.riverforest-wp.info/ja/fixed-bottom-menu-%e3%83%a9%e3%82%a4%e3%83%96/>
			<div class="simpleblogcard_inner">
		<div class="simpleblogcard_borderaf851974365ffa0c9f3916dd03362697">
			fbm.riverforest-wp.info			<div class="simpleblogcard_titleaf851974365ffa0c9f3916dd03362697">
				Fixed Bottom Menu ライブ – WordPress Plugin Fixed Bottom Menu Live Site			</div>
							<div class="simpleblogcard_descriptionaf851974365ffa0c9f3916dd03362697">
					当サイトでは、プラグイン「Fixed Bottom Menu」のフィルターによるカスタマイズ例を紹介しています。「Twenty Twenty-Four」テーマを使用しています。 こ&#8230;				</div>
					</div>
	</div>
	<div style="clear: both;"></div>
	</a>
</div>



<figure class="wp-block-embed is-type-rich is-provider-wp-oembed-blog-card"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="B9EHMIcNRM"><a href="https://developer.wordpress.org/resource/dashicons/">Dashicons</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;Dashicons&#8221; &#8212; WordPress Developer Resources" src="https://developer.wordpress.org/resource/dashicons/embed/#?secret=kzRG9ci85d#?secret=B9EHMIcNRM" data-secret="B9EHMIcNRM" width="500" height="282" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<div class="wp-block-image"><figure data-wp-context="{&quot;imageId&quot;:&quot;69ddb00cbe84f&quot;}" data-wp-interactive="core/image" data-wp-key="69ddb00cbe84f" class="aligncenter size-large wp-lightbox-container"><img decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://ps.w.org/fixed-bottom-menu/assets/screenshot-1.png" alt=""/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure></div>



<div class="wp-block-image"><figure data-wp-context="{&quot;imageId&quot;:&quot;69ddb00cbeccf&quot;}" data-wp-interactive="core/image" data-wp-key="69ddb00cbeccf" class="aligncenter size-large wp-lightbox-container"><img decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://ps.w.org/fixed-bottom-menu/assets/screenshot-2.png?rev=2376216" alt=""/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure></div>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69ddb00cbf110&quot;}" data-wp-interactive="core/image" data-wp-key="69ddb00cbf110" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://ps.w.org/fixed-bottom-menu/assets/screenshot-3.png?rev=2376216" alt=""/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.riverforest-wp.info/fixed-bottom-menu/feed/</wfw:commentRss>
			<slash:comments>24</slash:comments>
		
		
			</item>
	</channel>
</rss>
