web-dev-qa-db-ja.com

ブートストラップテーマにヘッダーロゴを挿入する

ブートストラップテーマで画像をヘッダーロゴとして使用すると（サイズがどちらであれ）、img-sensitiveクラスは自動的に画像のサイズを変更します。 Wordpressのテーマでは、ロゴに大きな画像を使用すると、ページ内のスペースが大きくなり過ぎます（私は1475 x 500を使用しましたが、ページ内のすべてのスペースを占めています）。それで、私はどのようにそれ自身をリサイズするためにイメージを作りますか？すなわち、それに応じてクラスimgに応じてクラスを追加してください（どのスタイルロゴがWordpressテーマを使用するかにかかわらず）。

logo
1
maverick

より良い方法は、CSSコードのみを追加することです。

.custom-logo-link img {
  max-width: 100%;
  height: auto;
}

しかし、ロゴにカスタムクラスを追加する必要がある場合は、フィルタを追加できます。

// Add custom class to logo.
add_filter( 'get_custom_logo', 'change_logo_class' );
function change_logo_class( $html ) {
    $html = str_replace( 'custom-logo-link', 'header-brand', $html );
    $html = str_replace( 'custom-logo', 'img-responsive', $html );

    return $html;
}
1
Michael