カテゴリー
エッジプラス1テンプレートの質問

Ver2 E003 画像の表示サイズについて

お世話になります。

Ver2 E003テンプレートでモジュールにHTMLを追加して画像を含むソースをアップしたところ、
なぜかPC用のページで画像が横幅いっぱいに拡大されて表示されます。
原寸で表示させるべくHTMLで画像のタテヨコを指定しても、結果は変わりません。

クリッカブルマップを使っているため画像をオリジナルのタテヨコサイズで表示させる必要が
あるのですが、どのようにしたらいいのでしょうか。
最初から原寸で表示される設定方法への変更も含めて、ご案内いただけると助かります。

「Ver2 E003 画像の表示サイズについて」への8件の返信

もう一点。
画像の上下にマージンができるのでゼロにしたいのですが、行やモジュールの
マージン設定はすでにゼロになっています。

このマージンはどこでゼロにすればいいのでしょうか。
調整方法をお教え下さい。

上記マージン設定の方は解決しましたので、回答不要です。
逆に、追加でお尋ねしたい点が出てきました。

Ver2 E003でLPを作成すると、h1部分が表示されなくなりました。
最初に作成してトップページに割り当てたLPには、h1が表示されているのですが。

h1部分が表示されていないLPのソースコードを見ると、h1タグ自体がありません。
「LP作成を編集」の「H1タグ:ヘッダー上のテキスト欄を入力」には文字を
入力しているのですが、どこがおかしいのでしょうか。

お世話になっております。
株式会社トータルネットぷらんにんぐサポートチームです。

横幅いっぱいに表示されてしまうという事ですが、
下記マニュアルのようにモジュールの等分を変更して頂ければと思います。
http://forum.edgeplus1template.space/%E3%82%BF%E3%82%A4%E3%83%971/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%AF%BE%E5%BF%9C%E3%81%AE%E7%82%BA%E3%81%AE%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%81%AE%E5%9F%BA%E6%9C%AC/

上記設定を行う事により、ある程度等分まで近づける事は出来るのですが
スマホで見た時に、画像だけはみ出すなどを防ぐレスポンシブページの特質上、
固定幅(オリジナルサイズ)での画像の指定は出来ない仕様となっております。

その為、基本的にはクリッカブルマップでの記述は非対応となっております。

①クリッカブルマップ用の画像が分割可能な場合は画像自体の分割を行う
②分割不可能な場合(日本地図など)は実現が難しいので別の方法をお探し下さい。

また、H1タグの指定ですが以下ショートコードにて呼び出しを行っております。

ページ上部に上記のコードが入っているかご確認の上、
入っていない場合は挿入をして頂ければと思います。

入っているのにも関わらず、表示がされないという事ですと何らかのバグ等の可能性も御座いますので再度ご相談を頂けますと幸いです。

このテンプレートでは、画像はPCで表示させた場合はどんなに小さいものでも
画面いっぱいに拡大表示されてしまうのでしょうか。
また、マニュアルでそうした説明を目にした覚えがないのですが、どこかに注意書き等
ありますでしょうか。

それから、モジュールの等分を利用した場合たとえば画像の右横に空のモジュールが
できたりするわけですが、これはスマホやタブレット等では画像の下にブランクとして
表示されたりはしませんか?

お世話になっております。
トータルネットぷらんにんぐサポートチームです。

画像に関しては、レスポンシブデザインの特質上入れた段階ではモジュールの等分の領域内で画面一杯に表示されてしまいます。
モジュール等分にて画像サイズをご調整を頂ますようお願い申し上げます。

マニュアルは一部未完成の部分が御座いまして、大変恐縮です。
注意書き等足させて頂きたく存じます。

モジュール等分を利用する場合、画像の右側に空のモジュールが出来ますが
コンテンツを入れなければブランクではなく完全に非表示となります、コンテンツを入れると画像の下に自動的に回りこむ仕様となっております。

以上、お手数をお掛けしますが何卒よろしくお願い申し上げます。

PCで表示させた場合に画像が領域内で画面一杯に表示されるというのは、いくらレスポンシブ
対応とはいえちょっと尋常ではないように思えます。
特に画像は一般的に拡大表示されるとぼやけてしまうので、サイト訪問者にとっても奇異に
映るはずです。

この仕様は、改善の余地があるのではないでしょうか。
なんとかモジュール等分の調整なしでオリジナルサイズでも表示できるようにして
いただきたいです。

それから、テンプレートユーザーが最初から画像をオリジナルのサイズで表示できないことを
想定するのは困難なので、1ページを割いてでもマニュアルにこの旨の注意書きとモジュール
等分の調整方法・調整例などを掲載した方がいいと思います。

お世話になっております。
トータルネットぷらんにんぐサポートチームです。

画像の固定幅の件ですが、独自で作成して頂いたテーマに限ってしまいますが
1つ設定を行う事で調整可能な事が判明致しました。

管理画面より「Live Composer」→「一般オプション」→「!important CSSを強制的に読み込む」を有効にして頂く事により固定幅での表示設定が可能となっております。

この時、弊社作成のデフォルトテーマはほぼ機能しなくなってしまいますのでオリジナルで体裁を整えて頂く必要が出てまいりますのでご容赦願います。

また、マニュアルの件は大変貴重なご意見をありがとうございます。
早速、1ページ物でのマニュアルの注意書き等付け足させて頂くよう手配致しましたので
今しばらくお待ち頂けますと幸いです。

コメントを残す