質問: Word Press twenty seventeen のサイトタイトルを画像に変更する際https://nendeb.com/53のサイトを参考に Myplugin.phpに下記の記述をして有効化させた所、画像にはなったのですが2点の問題が起きました。 1.画像サイズ1000pxのものを表示させたいのですが、320px程度に画像が縮小される。 2.キャッチフレーズの文字数が全角12文字程度で改行され一行で表示できない。 1000pxの画像を表示させる方法とキャッチフレーズを50文字一行で表示させるにはどうすれば良いか お教え願います。- リスト /* * ヘッダー埋め込みCSS タイトルを画像に変更 * Twenty Seventeen ver2.2 * * License: GPLv2 or later */ function nendebcom_add_header_css() { ?>
回答: ### 1000pxの画像を表示させる方法 祖先要素の`.site-branding-text`について ``` body:not(.title-tagline-hidden) .site-branding-text { display: inline-block; max-width: 100%; vertical-align: middle; } ``` というスタイルがあったのが原因だと思います。 解決方法は、`inline-block`を`block`にすればいいかと思います。 ### キャッチフレーズを50文字一行で表示させるにはどうすれば良いか 「キャッチフレーズ」が何なのかわかりませんが、`white-space: pre;`などで改行を抑制すればいいのではないでしょうか。