Landscape
解決済み

ショップコンセプトのHTML記述について

tdtdtd

以前の投稿を拝見してショップコンセプトにHTMLを記述して画像を取り込むことに成功したのですが、PC版ではサイズが良くても、SP版で見ると画像が大きくなってしまいはみ出してしまいます。 記述の方法等のご教示をお願いします。

回答が 1件あります

baseadmin

ショップコンセプトの本文にご自身で書いたHTMLで画像を表示されているのですね。

サイト全体のレイアウトは、サイトのHTMLに対して書かれたCSSにて、PCとスマートフォンでの表示を変化させています。

今回新しく記述された画像のHTMLコードに対して、それを画面サイズごとにご希望の表示ができるように調整するCSSを書いていくのが良いと思います。
CSSについては「CSS レスポンシブ」などと検索することで記述方法を調べることができるかと思います。
追加したいCSSは、デザイン編集画面の「独自CSS」という所がありますのでそちらをご利用ください。
よろしくお願いいたします。

  1. tdtdtd

    独自CSSを発見できずにおります。.cssファイルが独自CSSでしょうか?それともHTML内へのcss記述でしょうか?

  2. baseadmin

    デザイン編集画面の「独自CSS」というのは、BASE管理画面のデザイン編集を行う画面、左側の設定項目があるところの一番下にあります。

  3. tdtdtd

    迅速なフィードバック感謝申し上げます!

    該当しそうなところとして、左メニュー下の以下の項目の下に「独自CSS」の文言が見えるはずということでしょうか?
    その場合は、現在見えておりませんので、見えるようにする方法があればご教示をお願い致します。何度も恐縮でございます。

    独自のOGP画像を追加
    スマートフォン設定
    スマートフォン用のデフォルト
    テーマを使用する

  4. baseadmin

    テーマ「Landscape」ということですが、古いバージョンのままではないでしょうか?2019年後半のアップデートで追加された機能ですので、昔のバージョンそのままご利用であればないかもしれません。

    もし、ご自身でカスタマイズ済みのためアップデートしていないということであれば、別の方法でCSSを追記できます。

    HTML編集画面にて、こちらのような例を参考にしてCSSを追加してみてください。

    https://uxmilk.jp/7775

  5. tdtdtd

    ご返信誠にありがとうございました

    アップデートがされていたのですね、その手法も知りませんでしたので、機会を見て行ってみたいと思います。ご教示ありがとうございました!

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ