Elementorでのレスポンシブ対応のコツとポイント

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 17

  • @TSawa-r7y
    @TSawa-r7y Рік тому +1

    はじめまして、いつも分かりやすく、最新で有益な動画を配信していただき、本当にありがとうございます。
    ワードプレスはまだまだ始めたばかりですが、動画のおかげでポートフォリオサイトやコーポレートサイト、LPページなどを作れています。
    まだまだ荒い感じですが、ここまでこれたのは、根本さんの動画で実際にとても丁寧に工程を説明しながらポートフォリオサイトの作り方を見ながら一つ作れたことがきっかけでした。最近では、企業様の模写がとてもおもしろかったです。速度が早かったですが、何度も見直して参考にしております!まだまだ知らなかった機能をふんだんにお使いになり、工夫しながら作り上げていく様はとても勉強になりました。ここまでできるのか!と感動しています。
    ワードプレスを学ぶ時、書籍を読みながら作っていたのですが、一からコードを書いてそれをワードプレスに移行させるものでなかなか進まず作りたいものがあるのに、なかなか先にいけない苦しみがありましたが、それを乗り越えて根本さんの動画を見ながら実際に完成品を作れる事でモチベーションが上がり、楽しく勉強することができています。ありがとうございます。
    長々と書いてしまいましたが、質問があります。astraとElementorを使いHPを作成し、レスポンシブデザインを個々で調整をする段階で、ボタン、画像、テキスト関連、行の高さなど…)個別に設定しても、iPhone、パソコン、iPad全てに適応されてしまうのです。これはどうすれば解決できるのでしょうか、自分なりに色々試してみたりキャッシュのクリアなどしてみたのですができません。もし解決方などお分かりになりましたら、ぜひお時間がございます時に教えていただけませんでしょうか?Elementorテンプレートウィジェットを使用すると、同じ現象が起こるというお話も聞いたのですが、それは使用しておりません。
    これからも応援しております、ありがとうございました。

    • @TSawa-r7y
      @TSawa-r7y Рік тому

      すいません、今コメントを見直していたら同じ質問をされている方がいらっしゃいるのですね。あれから解決できたのでしょうか。何度失礼しました。

    • @kclubmarketing
      @kclubmarketing  Рік тому +1

      コメントありがとうございます!お役に立てたようで良かったです。
      レスポンシブについてですが、キャッシュ以外にもプラグインの干渉やHTMLタグの閉じ忘れなどでレスポンシブ対応が効かない場合があるみたいなので、ご確認くださいませ。

    • @TSawa-r7y
      @TSawa-r7y Рік тому

      お忙しい中コメントに目を通していただき、早速お返事ありがとうございました!良くも悪くも、astraとelementarのドラック&ドロップだけのシンプルな方法で作っているので何か別のプラグインの干渉などは無いと思うのですが。未だに謎現象が解決できませんでした…。もし何かこういう可能性があるかも、のような事があったらお時間がございます時、ぜひ教えてください。ありがとうございました。これからも応援しています。

  • @雲海クロノ
    @雲海クロノ Рік тому

    いつも本当に勉強させていただいております。ありがとうございます

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

    動画を見て勉強させていただいております。スマホはうまくいくのですが、タブレットのみカラム幅が変更できません。100%にしても50%にしても幅が同じままになってしまいます。原因はなんでしょうか。

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

    いつもとても参考になり勉強させていただいています。
    レスポンシブでモバイル用に切り替えてテキストや幅など変更して更新するとデスクトップ版やタブレットまで全てが反映されてしまい、1つずつのレスポンシブがどうしてもできません。どうかご教授いただきたいです。よろしくお願いいたします
    (変更の際、モバイル版になっているのも確認済みですがなぜか全部に反映されてしまいます)

  • @長坂樹-q6l
    @長坂樹-q6l Рік тому

    この動画で使用されているElementorはプロですか?
    私の無料版だと、カラムを逆にするという項目がないのですが...

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

    先日チャンネル登録をさせて頂いたものです。根本さんの他の動画に沿ってHPを制作したのですが、レスポンシブモードでタブレット表示の際、カラム幅がうまく表示しません。今回の動画にある説明に沿ってレスポンシブモード→タブレット→問題のコラムの編集→レイアウトのコラム幅の調整ができません。その際、コンテンツの配置にちゃんとタブレットのアイコンが表示されています。
    因みにデスクトップ、モバイル表示でのコラムの調整はちゃんとできました。タブレットのみできません。
    解決方法について教えて頂ければ幸いです。宜しくお願いします。

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

      カラム幅が編集できないということでしょうか?それとも、プレビューしたときに表示されないということでしょうか?

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

      コラム幅の編集ができません。

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

      他のプラグインが原因で編集できていないのかもしれませんので、一つずつ無効化して確認してみてください。

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

      他のプラグインを無効化して試しましたがカラム幅の編集は出来ませんでした。何か根本的な設定に問題があるのでしょうか?

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

      ブラウザのキャッシュをクリアしたら編集できるようになったという事例があるみたいなので、それもお試しください。それ以外で不具合が生じるとすれば、こちらの動画でご紹介しているものになりますので、解決できない場合は一度ご覧ください。
      →ua-cam.com/video/feoRXiLJ5SU/v-deo.html