【オンライン講座】スマホの時だけ表示される「モバイルフッター固定メニュー作成講座」
スマホやタブレットユーザーも増えてきており、パソコンで見るよりもスマホからのアクセスが多いホームページをお持ちの方も多いと思います。
今回は、オンライン教室受講者さんからのご要望で初めて、「モバイルフッター固定メニュー作成講座」を行います。
【お知らせ】この内容は、Elementorプラグインの有料のPro版での機能のため、無料のElementorアドオンを使用して、同じ事ができるように記事にしました。
モバイルフッター固定メニュー作成方法（無料のElementorの作成方法）
モバイルフッター固定メニューとは？
スマホで表示するとアプリのように下に固定されて表示されるメニューの事です。
通常はWordPressテーマに機能が付いている場合に利用できます。
ブログ系のテーマには標準でよく付いています（例：コクーンテーマ）やLightningテーマは有料版のみ利用できます。
自分でデザインしてモバイルフッター固定メニューを作りましょう
ご自身のWordPressテーマにモバイルフッター固定メニューの機能が無い場合には自分でデザインしてウェブサイトに付けることができます。今回は、Elementorプラグインを利用します。
当サイトのメニュー
他のモバイルフッター固定メニュー例１
他のモバイルフッター固定メニュー例２
▼既にオンライン教室の受講者さんは
オンライン教室受講生さんは、ライブでの講座開催後に、録画セミナー動画を視聴できますのでページ下部よりログインしてご覧ください。ZoomのURLはメールとログイン画面に記載しています。
当日ライブでZoomで行います。アーカイブ動画は編集後にこのページにログインして視聴可能です。（翌日〜２営業日以内）土日祝日は除きます。
こんな方へ
- ページが縦に長くなりユーザーにメニューを見てもらいたい
- スマホユーザーが多いのでメニューを付けたい
- スマホでの表示の時だけ特別なメニューを付けたい
作成動画の活用講座：動画をホームページに埋め込む、共有等色々な方法を学びましょう！
作成した動画を活用しましょう！
スマホで表示するとアプリのように下に固定されて表示されるメニューの「モバイルフッター固定メニュー作成講座」
アプリのメニューのようなスマホの時だけ画面の下に固定して表示されるメニューである「モバイル固定ナビ」の作成方法をオンライン講座です。
通常は、テーマに機能が付いている場合に利用できますが、Elementorプラグインを使用し、テーマに関係なくご自身で作る方法を紹介します。
作成動画の活用講座 オンライン講座内容
[su_list icon=”icon: check-circle” icon_color=”#f36f11″ indent=”24″]
- モバイルフッター固定メニューとは？
- モバイルフッター固定メニューを作れるプラグインのインストール＆設定
- スマホ用のメニューのデザイン
- スクロールしても常に固定されて表示される設定
- サイトに反映させる
[/su_list]
日時
2021年10月23日(土) 13:00-15:00 オンラインミーティングツールのZoomを利用します。
受講料
月額習い放題
5,500円（税込）
[su_button url=”https://www.8seminar.com/online-salon/” target=”blank” style=”stroked” background=”#dc143c” size=”7″ center=”yes” icon=”icon: chevron-circle-down”]オンライン教室の詳細はこちら[/su_button]
単発受講
- 4,400円（税込）
[su_button url=”https://8seminar.shop-pro.jp/?pid=163560539″ target=”blank” style=”stroked” background=”#dc143c” size=”7″ center=”yes” icon=”icon: chevron-circle-down”]単発講座のお申し込みはこちら[/su_button]
講座の録画動画は「オンライン教室 」受講生さんのみ視聴できます。
この講座だけでなく、過去開催の講座もすべてログインして視聴することができます。
セミナー動画はこちら
資料はこちら
[su_button url=”https://www.canva.com/design/DAEtm2QGajs/yMeXFO0_6F6Xp7qcnWmnOg/watch?utm_content=DAEtm2QGajs&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink” target=”blank” style=”stroked” background=”#ed2e1a” size=”7″ center=”yes” icon=”icon: book”]資料はこちら[/su_button]
全画面で視聴される方はこちら
[su_button url=”https://www.canva.com/design/DAEtnmxAfg0/Fh81anQsX1PNShxwkBJ3qg/watch?utm_content=DAEtnmxAfg0&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink” target=”blank” style=”stroked” background=”#ed2e1a” size=”7″ center=”yes” icon=”icon: youtube-play”]全画面再生はこちら[/su_button]
