元情報誌スタッフの取材記録と誰かのお役に立てるかもしれないブログです。

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

    
\ この記事を共有 /
BizVektorのヘッダーロゴのサイズを変更してみました

※ 現在使用テーマは、deerを使用しております。

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

あとがき

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

造語です。

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

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

おすすめ書籍

Comment

  1. 浅田大起 より:

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

    • thorough より:

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

コメント

メールアドレスが公開されることはありません。

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

Copyright©秘亭のネタ,2022All Rights Reserved.