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

※BizVektorのアップデートは終了しています。公式ページにて、できる限りLightningへの移行を推奨しています。

【重要】今後のBizVektorとアップデートのお願い

尚、 現在使用テーマは、アフィンガー6を使用しております。

記事は、BizVektorのテーマを使っていた時に記述。

目次

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を取ってから作業を進めて下さいね。

あとがき

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

造語です。

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

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

おすすめ書籍
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

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

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

コメントする

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

目次