サポート » テーマ » ヘッダーロゴ画像が大きくならない

  • wordpressにチャレンジしている初心者です。
    Lightningにて、ヘッダーロゴ画像サイズが大きくならず、推奨サイズより大きな950×750pxや1024×850pxでも
    小さいままで表示されてしまいます。
    ちなみに画像編集ソフト上では問題無く大きくなサイズで表示されます。
    余白を0にしても変わりませんでした。
    他のいくつかの画像でも同様小さいままです。
    画像pxサイズが大きくなれば自動的に大きく表示されると思ったのですが
    何か設定等が必要でしょうか。

    操作方法は
    「外観」-「カスタマイズ」-「デザイン設定」-「ヘッダーロゴ画像」から画像を選択しています。

    ちなみにHTMLもCSSも初心者なのでわかりませんが、頑張りますので
    どなたか教えて頂けますでしょうか。
    よろしくお願いします。

    • このトピックは7年、 2ヶ月前にOkamoto Hidetakaが編集しました。理由: 「【重要】お読みください」フォーラムに投稿されていましたので、「テーマ」フォーラムを移動しました。
5件の返信を表示中 - 1 - 5件目 (全5件中)
  • CG

    (@du-bist-der-lenz)

    推奨サイズに合わせる必要があります。

    トピック投稿者 koro2017

    (@koro2017)

    ご連絡ありがとうございます。
    画像編集ソフトで推奨画像サイズの280×60pxに画像を変更すると画像が崩れてしまいました。
    幅は280でアスペクト比を保持にチェックをつけ、高さ232の状態で保存後、WDで表示させましたが
    やはり小さいままでした。

    CG

    (@du-bist-der-lenz)

    Lightningテーマの推奨画像サイズ : 280×60px
    ですから、アスペクト比を保持した画像でも高さが60px超えれば切り取られます。

    こんにちは

    Lightning ver3.0.0であれば、以下のcssをテーマ(子テーマ)のstyle.css、あるいはWordPress4.7であればカスタマイザーの追加CSSに記載すれば、元画像どおりのサイズで表示されると思います。

    .navbar-brand img {
    	max-height: none !important;
    }

    ヘッダ部分の他のコンテンツとの兼ね合いもあって推奨サイズがありますので、ロゴ画像のサイズを変更することで、他のエレメントに被ってしまったりなど、影響が出る可能性がありますので、それらの表示位置をCSSで調整する必要があるかもしれません。
    また、上記記述ではPCとスマホの区別をしていませんので、PCとスマホで表示方法を区別したい場合にはメディアクエリを使う必要があります。

    トピック投稿者 koro2017

    (@koro2017)

    ご連絡ありがとうございます。
    Du bist der Lenzさん、勉強不足にて申し訳ございません。
    munyaguさん、ご指示通りに行い大きく(サイズ通りに)表示が出来ました。
    勉強になりました、ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「ヘッダーロゴ画像が大きくならない」には新たに返信することはできません。