この記事は、Pro版の機能拡張「Lightning G3 Pro Unit」プラグインを購入されている場合に利用いただける内容です。
詳細と購入は以下よりご覧ください。
モバイル固定ナビを表示する
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/2022-08-09-183349.webp.pagespeed.ce.uo0OQTgMi5.webp)
スマホでサイトを見た時に、画面下にメニューが表示されていると、ユーザーにとって必要な情報まで瞬時に辿り着くことができ、ストレスなくサイトを利用していただけます。
設定
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/472x445x3-1.jpg.pagespeed.ic.mBioOmDWUS.jpg)
ダッシュボードの「外観」→「カスタマイズ」→「Lightning モバイル固定ナビ」をクリックします。
メニュー開閉ボタンの追加
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/x1-6.jpg.pagespeed.ic.eBIROLpc9t.jpg)
チェックの有無で、開閉ボタンの表示・非表示の切り替えができます。
必要に応じてリンクテキスト欄にも任意の文字を入力します。
固定ナビボタン
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/2-1-1.jpg)
リンクテキストとアイコン、URLを追加します。
アイコンは、Font Awesome から選択できます。
Font Awesome
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/3-1.png)
[Icons]タグをクリックし、検索画面で単語を入力します。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/4-1-1.jpg)
「Free」をクリックし、無料で使えるアイコンのみ表示させ、好きなアイコンをクリックします。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/5-1.png)
<i class=・・・>の部分をクリックするとコピーできます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/6-2.jpg)
ワードプレスの該当箇所に貼り付けます。
すべて表示されたら公開します。
ページごとに非表示に
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/1-1.png)
固定ページや投稿ページで、個別にモバイル固定ナビを非表示にできます。
投稿者プロフィール
![志水泉](https://www.webroad.co.jp/wp/wp-content/uploads/2023/04/IMG_0882.png.pagespeed.ce.Vnnk0a-Q-n.png)
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
お問合せフォームはこちら
(※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。)
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。 2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。