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

Elementorでシングルページ(ワンページのサイト)を作ろう!~メニューアンカーの活用~

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

コースについて

1つのページから異なるデザイン、レイアウトのページを作成し、ページ内にリンクされているワンページのサービスサイトを作成します。

動画の項目

  • ランディングページとは
  • ティザーサイトとは
  • メニューアンカーについて
  • 実際のランディングページ
  • 一般のLPの問題点
  • ランディングページの要素
  • LPにおすすめのテーマ

 

作成したデモサイト

 

使用したプラグイン

■ Elementorプラグイン&envatoプラグイン
■ Essential Addons for Elementor
■ Classic Editor or  今のエディタのままでもOK
(必要なら、TinyMCE Advanced・Shortcodes Ultimate)

■ 複製プラグイン:Duplicate Post

■ お問い合わせフォーム:「Contact Form by WPForms
※Contact Form7よりも直感的に操作可能です。

■ (必要なら)Post Grid Elementor Addon 等
※無料版では、記事一覧が作りにくいため

コース内容

Elementorでシングルページ(ワンページのサイト)を作ろう!

  • 今回作成するシングルページ(ワンページのサイト)について/アンカーリンクとは
    12:23
  • 固定ページをトップページに設定する方法
    03:30
  • 複製プラグイン「Yoast Duplicate Post」の設定
    07:19
  • Elementorでメニューを作成(簡単バージョン)
    08:48
  • Elementorでメニューアンカーを作成
    08:23
  • WordPressの基本機能+テーマのヘッダーでメニューを作る
    01:25
  • Hello Elementorの場合
    02:20
  • メニューを作成して表示してみよう
    06:47
  • テーマを変更する場合(「Hello Elementor」から「Lightning」)
    04:00
  • メニューアンカーリンクのURLについて~同じ名前を付けないように注意~
    08:23
  • メニューアンカーと普通のリンクが混ざる場合
    02:32
  • 応用:複製して違うテイストのページを作成する
    31:49
  • 完成前に再確認!メニューアンカーと普通のリンクが混ざる場合
    02:32

生徒の評価とレビュー

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