リスナレ – ノーコードWeb制作が学べるオンライン講座

PC・スマホ・タブレット それぞれのデザインを調整しましょう

お気に入り シェア
コースをシェアする
ページリンク
ソーシャルメディアでシェア

コースについて

レスポンシブの詳細設定方法。スマホとPCやタブレットで表示の出し分けやスマホ閲覧時のテキストの改行位置などキレイに見せる方法やスマホの時に表示されるスマホアプリのようなページ下のモバイル固定メニューの作成を学びます。

動画の項目

  • スマホ・タブレット・PCでの表示の文字やバランスの調整
  • カラムのパーセントの調整
  • PC・タブレット・スマホそれぞれでカラム(何列)表示させるのかの調整
  • 向きのあるアイコンのスマホ時の方向に注意
  • スマホのときにフッターに固定されるメニューの作成
  • ヘッダーを固定させる
  • Elementorで作ったパーツやページを他のドメインのサイトで使用する、インポートとエクスポート機能
作成の際のポイント

コース内容

スマホ・タブレット・PC、それぞれに適したデザインを学ぼう

  • 文字・ウィジェット・カラムの調整
    32:00
  • 出し分けのコツ(テキストの改行/ヘッダー/スマホの向きに合わせる)
    18:25
  • 【ElementorPro版】ヘッダー・フッターを固定する方法
    04:00
  • モバイルフッターナビの作成~スマホ閲覧時のみ表示させる~
    04:35
  • 追従バナー(スクロールしてもついてくる)パーツの作成
    02:18
  • エクスポートとインポート(作ったページを別のサイトで使う/登録したテンプレートを使う)
    05:45

生徒の評価とレビュー

評価がありません
評価がありません
PAGE TOP