【Lightning G3 Pro Unit】スマホ画面の下にメニューを表示させる方法

この記事は、Pro版の機能拡張「Lightning G3 Pro Unit」プラグインを購入されている場合に利用いただける内容です。

モバイル固定ナビを表示する

スマホでサイトを見た時に、画面下にメニューが表示されていると、ユーザーにとって必要な情報まで瞬時に辿り着くことができ、ストレスなくサイトを利用していただけます。

設定

ダッシュボードの「外観」→「カスタマイズ」→「Lightning モバイル固定ナビ」をクリックします。

メニュー開閉ボタンの追加

チェックの有無で、開閉ボタンの表示・非表示の切り替えができます。

必要に応じてリンクテキスト欄にも任意の文字を入力します。

固定ナビボタン

リンクテキストとアイコン、URLを追加します。

アイコンは、Font Awesome から選択できます。

Font Awesome

[Icons]タグをクリックし、検索画面で単語を入力します。

「Free」をクリックし、無料で使えるアイコンのみ表示させ、好きなアイコンをクリックします。

<i class=・・・>の部分をクリックするとコピーできます。

ワードプレスの該当箇所に貼り付けます。

すべて表示されたら公開します。

固定ページや投稿ページで、個別にモバイル固定ナビを非表示にできます。

志水泉: 2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。

モバイル固定ナビを表示する