Elementor Pro必要なし!無料でヘッダーとフッターを作成する方法

Поділитися
Вставка
  • Опубліковано 8 жов 2024
  • ウェブデザイナーとして、自分に強みがない...差別化に悩んでいる方は、こちらの電子書籍がおすすめです。
    ▶︎kohsukenemoto....
    ====================
    この動画では、Elementor Pro必要なし!無料でヘッダーとフッターを作成する方法についてご紹介しています。
    通常、Elementorでヘッダーやフッターを作成するには、有料版のElementor Proを使うか、ヘッダー・フッターが搭載されているテーマを使うしかありません。前者の場合はドラッグ&ドロップでしかも、条件も設定できますが、有料です。後者の場合は、ロゴやメニューは変更できますが、カスタマイズ性に乏しいのが現状です。
    しかし、今回ご紹介していく、プラグインを使うことによって、Elementorを使って、無料で、かつドラッグ&ドロップでヘッダー・フッターを作成することができます。非常におすすめなので、ぜひ使ってみてください。
    チャンネル登録はこちら
    ▶︎ / kclubmarketing
    ====================
    僕が使っているツール一覧
    ConvertKit(Eメールプロバイダー)
    ▶︎kohsukenemoto....
    Divi(WordPressテーマ)
    ▶︎kohsukenemoto....
    Elementor Pro(ページビルダープラグイン)
    ▶︎kohsukenemoto....
    Teachable(会員サイト)
    ▶︎kohsukenemoto....
    Deadline Funnel(締め切り管理)
    ▶︎kohsukenemoto....
    CartFlows(セールスファネル作成ツール)
    ▶︎kohsukenemoto....
    ====================
    以下のメディアを使用しています。
    Webサイト
    ▶︎kohsukenemoto.com
    Facebook
    ▶︎ / kohsukenemotocom
    Twitter
    ▶︎ / kohsukenemoto
    UA-cam
    ▶︎ / @kclubmarketing
    Pinterest
    ▶︎www.pinterest....
    Udemy
    ▶︎www.udemy.com/...
    ====================
    上記のリンクには一部アフィリエイトリンクが含まれます。そちらから購入していただくと、幾分か僕にアフィリエイト報酬が入ります。(あなたに一切の手数料はかかりません。)その収益を今後のサービスの提供に活用させていただきますので、何卒よろしくお願いします。

КОМЕНТАРІ • 33

  • @mamiasahara9214
    @mamiasahara9214 Рік тому

    たくさん勉強させていただいています!テーマは何を使っているのでしょうか?

  • @softpren
    @softpren 2 роки тому

    分かりやすい説明ありがとうございます。
    質問ですが、編集画面ではスマホページのハンバーガーメニューが見えますが、
    実際にスマホからページを開くとヘッダー、メニューが見えません。
    何か設定の間違いでしょうか?

  • @本堂敬二
    @本堂敬二 7 місяців тому

    header footer builder elementor がインストールできません。他のプラグインはインストール出来るのに。
    解決策を教えて下さい。

  • @敦長谷川-s2r
    @敦長谷川-s2r 3 роки тому

    有難く勉強させて頂いております。
    この動画で作りましたヘッダー、固定ページなどが自分のサイトに反映させません。
    どういう風にエレメンターと関連付ければ宜しいでしょうか?
    よろしくお願いいたします。

  • @hidekotakada8782
    @hidekotakada8782 2 роки тому

    Elementorの解説動画があまりないので、大変助かっています❢ 
    ところで超基本的なことですが、何もテーマを入れずにElementorだけでサイトつくれないでしょうか?
    Elementorでヘッダーつくっても、もとのテーマのヘッダーが残ったまま削除できないため、
    テーマの設定から表示を変えないといけなくて、その方法で合ってるのかも良く分からないです。。

  • @webi-td7dg
    @webi-td7dg 2 роки тому

    ハンバーガーメニューを真ん中ではなく右上に持っていくことは出来ますか?

  • @ryo2212
    @ryo2212 3 роки тому

    いつも勉強させて頂いております。ヘッダー作成できたのですがアップするとなぜかヘッダーメニューが2ブロック?表示されてしまいます。どろから設定編集すればよいでしょうか?

  • @彼の日常
    @彼の日常 Рік тому +1

    この方法で作成したのですが、固定ページに表示されないのですがどうしたら良いのでしょうか??

  • @nagaoka1008
    @nagaoka1008 3 роки тому

    わかりやすかったです。
    PCでのハンバーガーメニューで作成されてたりしますが、その方法とカスタマイズも動画にしてもらえたら嬉しいです。

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      ありがとうございます!ハンバーガーメニューは、「Navigation Menu」というウィジェットを追加すれば設定ができますので、お試しください。

  • @sho2525ss
    @sho2525ss 3 роки тому

    根本先生、はじめまして!
    とてもわかりやすい動画ありがとうございます😭勉強になります。
    初歩的な質問で恐縮ですが、固定ページ内で(例えば複数ある固定ページ毎に)ヘッダーを変えることはpro版でもこのプラグインでも不可能でしょうか?それともelementor pro版であればできますでしょうか??よろしければご教示頂けますと幸いです。

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      仮に固定ページAと固定ページBがあったとして、それぞれ別のヘッダーに切り替えたいということでしたら、可能です!

    • @sho2525ss
      @sho2525ss 3 роки тому

      @@kclubmarketing
      迅速にご返信頂きありがとうございます!😄
      プラグインの方だとDisplay onでall固定ページしか選べずに、固定ページAとBで分けられなくて困っております...💦 どのような条件設定にされているかご教示頂けたりしますでしょうか...??😭

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      一番下にある「Specific Pages」で選択可能です!

    • @sho2525ss
      @sho2525ss 3 роки тому

      @@kclubmarketing
      ホントですね...灯台下暗しでした😭
      ご親切に教えて頂きありがとうございます!pro版使うことになったら先生の“proの使い方”購読させて頂きます〜👍引き続きよろしくお願いします!

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      良かったです!Proはすごく使い勝手が良いので、ぜひ使ってみてください。

  • @muck3614
    @muck3614 4 роки тому

    とてもわかりやすい解説ありがとうございました。無事ヘッダーを作ることができました。しかしながら、メインビジュアルのあとからのみ、背景をつけるということはこの中だけでは設定は厳しいですよね、、、?

    • @kclubmarketing
      @kclubmarketing  4 роки тому

      コメントありがとうございます!「メインビジュアルの後からのみ」というのはどういったことでしょうか?ページの背景とは別に、ヘッダーの背景のみに色か画像を設定したいということでしょうか?

    • @muck3614
      @muck3614 4 роки тому

      @@kclubmarketing  文章がわかりずらく大変失礼しました。よく、メインビジュアル上には背景がない文字だけが乗っているヘッダーが最近よく見かけられますが、それだとスクロールしてくと、文字同士が重なり見えにくくなるため、メインビジュアル以降のみ背景を付けられるように設定するということです。宜しく御願い致します

    • @kclubmarketing
      @kclubmarketing  4 роки тому

      スクロールした時に背景を変更するとなると、CSSコードが必要みたいなので、無料版での対応は難しそうです。

  • @rioshiychannelver.6654
    @rioshiychannelver.6654 4 роки тому

    根本先生、こんにちは。
    前のテーマ、ありがとうございました!!
    astraは多すぎ!!!めちゃありますね。勉強になります。はい。
    でも、まだまだ、Elementorに慣れない・・・。
    慣れてる、Themify Builderとそう変わらないんですが、どうしてもつまづくと言うか、
    画像のエフェクトなどを見つけるのに苦労したり、「レイアウト」、「スタイル」、「高度な設定」のそれぞれが把握できず・・・。
    あれ?どこだろ??といつも探しながらです、、、はい。
    でもがんばります!!

    • @kclubmarketing
      @kclubmarketing  4 роки тому

      そうですよね。僕もDiviとElementorを併用していますが、どちらにも片方にはできて、もう片方にはできない機能があるので、その辺は戸惑うことがあります。

  • @うざったるいイヌ
    @うざったるいイヌ 3 роки тому

    ヘッダーを作成しようとしているのですが、1ページだけでサイトを作っていてヘッダーメニューのリンクを1ページだけなので他の固定ページとかではなく"そのページの中だけ"で移動するためのボタンとして設計したいのですが、外観→メニューでメニュー構造を設定する画面でどのようにしたらそのような設定ができるか分からないのでご教授いただきたいです。。

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      まず、ページのセクション(ウィジェットでも可)に、CSS ID(高度な設定)を割り振ります。例えば、お問い合わせのセクションであれば、「contact」みたいな文字です。そして、外観のメニューでは、リンクに「#contact」のように追加してみてください。そうすると、設定したページのセクションまでページ内ジャンプすることができます。

    • @うざったるいイヌ
      @うざったるいイヌ 3 роки тому

      @@kclubmarketing
      解決しました!
      本当にありがとうございます!!!

  • @ゆびまる-y3i
    @ゆびまる-y3i 3 роки тому

    とても分かりやすかったです!
    ヘッダーを下にスクロールしてもそのまま表示されるように固定することは可能でしょうか?

    • @kclubmarketing
      @kclubmarketing  3 роки тому

      ありがとうございます!残念ながら、固定化の機能は備わっていませんので、コードを使わないと実装できません。

    • @you_tube_you
      @you_tube_you 2 роки тому

      裏技で配置を固定でやればスクロールしません
      ただしうまくやらないとズレたりして往生した事もありました

    • @you_tube_you
      @you_tube_you 2 роки тому

      @@kclubmarketing ua-cam.com/video/qnb67aUKNFE/v-deo.html これはいかがでしょうか?

  • @VintageCarForest
    @VintageCarForest 2 роки тому

    すごく勉強になります。
    つなぎが編集されていてテンポが早すぎるので、出来れば動画と一緒に手を動かしながら見たいので、カット編集をあまりしないで欲しいです。

  • @松根一義
    @松根一義 3 роки тому

    このプラグイン知らずにPro利用して、一年後解約忘れて課金されたのは私です

    • @kclubmarketing
      @kclubmarketing  3 роки тому +1

      そうなのですね。。。確かに、ポップアップとかテーマビルダーとか使わずにヘッダー・フッターの作成のためだけにPro版を使うのは、お金もったいないですよね。