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

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

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

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

設定

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

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

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

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

固定ナビボタン

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

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

Font Awesome

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

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

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

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

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

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

Asuka: 元銀行員。退行後手に職をつけたい気持ちからと元々興味があったWeb制作の道へ。
訓練校でHTMLやCSS、デザインについて半年間学び、その後デザイン会社で2年程度の実務経験を積む。
日々の業務を通して、お客様自身で日々更新・運用できる生きたサイトを作成できるWordPressの需要を感じ、2024年7月より株式会社ウェブロードに入社。
技術やデザイン、知識を磨きながらお客様視点での制作・運用を行っている。

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