※BizVektorのアップデートは終了しています。公式ページにて、できる限りLightningへの移行を推奨しています。
尚、 現在使用テーマは、アフィンガー6を使用しております。
記事は、BizVektorのテーマを使っていた時に記述。
目次
BizVektorのヘッダーロゴのサイズを変更してみました
ロゴが小さくなってしまのは、BizVektorのテーマオプション追加で、ヘッダーロゴは高さが60pxに縮小されるためのようです。
そこで、ヘッダーにタイトル部分を広げることにしました。
編集方法
ダッシュボード → 外観 → CSS編集
このコメントを削除し、カスタマイズします。
「テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。」とかいてありますね。
ヘッダーロゴのCSS
「max-height:60px;」を「max-height:100px;」にすればロゴ画像の高さが最大100pxになります。
「margin-top:3px;」(上の余白)は調整不要であれば削除して大丈夫のようです。
ヘッダーロゴの高さを最大100pxに
#header #site-title a img { max-height:100px; }
をcssエディターに書きこみます。
保存を忘れないように。
変更できました。
比べてみましょう。
【変更前】
【変更後】
※注意 backupを取ってから作業を進めて下さいね。
あとがき
当ブログ「秘亭のネタ」は、ひめていのネタと言います。
造語です。
「秘」はヒメと読めないので「ひてい?のネタ」とよく言われます。
ヘッダーを大きくしてフリガナを目立つようにしました。
コメント
コメント一覧 (2件)
【BizVektorのヘッダーロゴのサイズを変更してみました】について
浅田と申します。
記事について1点ご質問させていただきます。
現サイトでは
「秘亭のネタ」というヘッダーロゴが中央にきていますが、中央に来るためのカスタマイズはどのようにすればよいのでしょうか?
コメントありがとうございます。
最初BizVektorを使っておりましたが 画像変更がうまく動作しないため
現在は「minimalwp」のテーマを使っております。