BizVektorのヘッダーロゴのサイズを変更してみました

※ 現在使用テーマは、SANGOを使用

ヘッダーのロゴを大きくしました。

BizVektorのヘッダーロゴのサイズを変更してみました

BizVektorのテーマオプションで追加できるヘッダーロゴは高さが60pxに縮小されるためのようです。

そこで、ヘッダーにタイトル部分を広げることにしました。

ビズベクトル

編集方法

ダッシュボード → 外観 → CSS編集

2ビズベクトル

このコメントを削除し、カスタマイズします。

32ビズベクトル

「テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。」とかいてありますね。

 ヘッダーロゴのCSS

「max-height:60px;」を「max-height:100px;」にすればロゴ画像の高さが最大100pxになります。

「margin-top:3px;」(上の余白)は調整不要であれば削除して大丈夫のようです。

ヘッダーロゴの高さを最大100pxに

#header #site-title a img { max-height:100px; } 

をcssエディターに書きこみます。

保存を忘れないように。

CSS

変更できました。

ひめてい

比べてみましょう。

【変更前】

ビズベクトル

【変更後】

ひめてい

注意

必ずご自身の責任と判断によって行ってください。

backupをお取りになってからの作業をお薦めいたします。

参 考

コチラの記事を参考いたしました

https://www.nishi2002.com/8513.html

あとがき

当ブログ「秘亭のネタ」は、ひめていのネタと言います。

造語です。

「秘」はヒメと読めないので「ひてい?のネタ」とよく言われます。

ヘッダーを大きくしてフリガナを目立つようにしました。

おすすめ書籍

2 COMMENTS

浅田大起

【BizVektorのヘッダーロゴのサイズを変更してみました】について
浅田と申します。
記事について1点ご質問させていただきます。
現サイトでは
「秘亭のネタ」というヘッダーロゴが中央にきていますが、中央に来るためのカスタマイズはどのようにすればよいのでしょうか?

返信する
thorough

コメントありがとうございます。
最初BizVektorを使っておりましたが 画像変更がうまく動作しないため
現在は「minimalwp」のテーマを使っております。

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください