UNIVERSEデザイン設定以外のカスタマイズについて

質問一覧対象テーマ: UNIVERSEUNIVERSEデザイン設定以外のカスタマイズについて
PSAMASTERPSAMASTER asked 4年 前

初めまして。
UNIVERSEを購入し、今WEBページを作成しております。
その中で何点かご質問させていただきたく、投稿させて頂きます。

1、TOPメイン画像の縦方向のサイズ変更について。
メイン画像について、universの機能としてのメイン画像のテキスト機能等利用せずに
ロゴ配置にて運用を考えていますが、ロゴのみなので、どうしても縦方向のサイズが
長いように思います。サイズ調整をしたいのですが、可能でしょうか?(縦方向を短くしたい)
また、ipad,iphone,PCにおいて、画面解像度でトリミングされて表示されると思うのですが
この範囲はどの端末でも表示されるセーフエリア解像度の目安はありますか?
現状サイズ感は中のコンテンツのサイズを拡大縮小しながらバランス見てアナログでやって
いるので、目安がわかると助かります。もちろん端末の解像度に依存するところだと思うので
絶対的なセーフエリアの案内はできないとは思うのですが・・・
2、Information(お知らせ)のユニットを特集商品の上に持っていきたいのですが、ユニットの
順番を変えることは可能でしょうか?また、お知らせのフォントサイズやフォントを変更する
ことは可能ですか?
ワードプレスのように動かせるといいんですが・・・
3、特集商品に載せた商品は、商品一覧に出てこないのですが、出るようにはできますか
4、商品一覧の商品名の改行のコントロールはできますか?長い商品名の場合、改行箇所を
コントロールできないと、非常に見にくいため・・また価格表示のフォントサイズ
色の変更は可能ですか?

沢山の質問で恐縮ですが、教えていただけると幸いです。
まだ構築途中なので質問等またさせていただくこともあろうかと思いますが
どうぞよろしくお願いいたします。

1 Answers
baseadminBaseDesignInfo Staff answered 4年 前

ご質問ありがとうございます。

ご相談内容からすると細かいご要望に合わせてカスタマイズしたいということかと思います。
UNIVERSEにはかなり細かいデザイン設定項目がありますが、設定項目にはないもの=コードレベルでのカスタマイズとなります。
ですので「可能ですか?」に対しては「HTML編集やCSSの知識をお持ちであれば何でも可能」ということになりますが、もしそうでない場合は難しいかと思います。(これは他のどのテーマをカスタマイズする場合も同じです。)

カスタマイズに必要となる参考情報をご紹介しますので、ぜひトライしてみてください。

■CSSを調べるにはブラウザのデベロッパーツールが便利です。
https://www.buildinsider.net/web/chromedevtools/01

■CSSを追加する場合、デザイン編集画面の一番下、「独自CSS」の欄に記載すればそれがカスケードの最後として適用されます。クラス名などが被り適用されない場合 !important などお試しください。
https://basedesign.info/universe/#usercss

■テーマのコードをカスタマイズする場合「HTML編集App」を使用します。すべてのコードにアクセスし、自由に書き換えることができます。
https://apps.thebase.in/detail/51

1点だけ、以下はHTMLである以上、不可能ではないかと思います。
> 商品一覧の商品名の改行のコントロールはできますか?

どうぞ宜しくお願いいたします。