賢威(ロゴのサイズ例)

ハワイの鳥

ロゴの設定方法、ロゴを中央に配置する方法・ブログ幅にする方法を図解するよ!

「賢威8のヘッダーロゴのカスタマイズ例を知りたい」「ロゴ画像の適正サイズは?」というかたへ。

賢威8でブログを運営する私が、賢威のヘッダーロゴのカスタマイズ方法を、初心者向けに図解! ロゴ画像の適正サイズもご紹介します。


賢威8(WordPress版・html版)

賢威8

賢威8は、カスタマイズ性が高い、SEOテンプレート。WordPress版では、ブロックエディタも使えます。

スマホでもパソコンでも、画面をきれいに見られる、レスポンシブWebデザイン。

賢威は、ブログ・アフィリエイト・企業サイトに適しています。当ブログは、賢威で作ったサイトです。

評価 詳細 価格
5.5 SEOテンプレート 27,280円(税込)
SEO効果 初心者 サポート
上位表示を
目指しやすい
わかりやすい設定
学んで使える
プロの回答で
疑問もすぐに解決
複数サイト アップデート カスタマイズ前
購入者は複数利用可 最新版への更新が無料 賢威8のデモサイト


この記事を書いた人

・SEOライター / エディター、オウンドメディアコンサルタント
・ウェブの初級資格を保有、PCインストラクター経験が少しあり
・ブログに本気で取り組む、A8アフィリエイトBASE(2020年)で1年間学んだ
・賢威8 WordPress版を選び、挫折しないでブログを完成! 収益も上がっている

賢威8のロゴ設定は簡単

賢威(ロゴの設定)

賢威8で、ヘッダーロゴを設定する方法を図解します。賢威なら、ロゴの設定も簡単すぐ! 「賢威の設定」をクリックします。

賢威(ロゴ画像の設定)

ロゴ画像」の「画像をアップロード」をクリックし、画像を選択します。

賢威(ロゴ画像の設定2)

ロゴ画像が設定されました。

賢威(ロゴ画像の設定3)

1番下の「変更を保存」ボタンをクリックすると、ロゴの設定が完了です。

ロゴ画像の適正サイズ(おすすめ)

賢威(ロゴのサイズ例)

賢威のロゴ画像の、適正サイズもご紹介しましょう。丸・正方形のロゴなら、図のように、150px × 150px程度がおすすめです。

賢威(ロゴのサイズ例2)

企業サイトなど、長方形のロゴなら、図のように、300px × 70px程度が、バランスがよいと思いますよ。

ヘッダーロゴのカスタマイズ方法

賢威(ロゴ・カスタマイズ)

賢威8のヘッダーロゴのカスタマイズ例(下記)と設定方法をご紹介します。カスタマイズは簡単です。「外観」、「カスタマイズ」をクリックします。

  1. ロゴを中央に配置する方法
  2. ブログ幅のロゴにする方法

賢威(ロゴ・カスタマイズ2)

ヘッダーロゴのカスタマイズは、個別のカスタマイズコードを「追加CSS」に貼り付けします。「追加CSS」をクリックしましょう。

1. ロゴを中央に配置する方法

賢威(ロゴ・カスタマイズ3)

賢威のロゴは、左に表示されます。ロゴを中央に配置するには、下記のカスタマイズコードを「追加CSS」に貼り付けし、「公開」ボタンをクリックします。

ロゴ中央配置のカスタマイズコード

.keni-header .site-title,
.keni-header_col1 .site-title{
float: none;
max-width: 100%;
text-align: center;
}

.keni-header_col1 .keni-header_cont{
max-width: 100%;
}

.keni-header_col2 .keni-header_cont{
display: none;
}

賢威(ロゴの中央配置)

ヘッダーロゴが、中央に配置されました。

2. ブログ幅のロゴにする方法

賢威8のカスタマイズ(ロゴ)

ハワイの鳥

当ブログは、ロゴ画像をブログ幅にカスタマイズしているよ! カスタマイズコードは、サポートフォーラムで教えてもらったよ。

ヘッダーロゴを、ブログ幅(ブラウザ幅)にするのも簡単です。同じように、下記のカスタマイズコードを「追加CSS」に貼り付けし、「公開」ボタンをクリックするだけ。

ロゴ画像をブラウザ幅にする場合の画像推奨サイズは、横2000pxです。※当ブログは、2000px × 303pxのロゴ画像を設定しています。

ハワイの鳥2

ロゴをブログ幅にし、右上のサイト紹介文を非表示にし、メニューの文字を上下中央に配置する、カスタマイズコードだよ。

ロゴをブログ幅にするカスタマイズコード

.site-description {
display: none;
}

@media (min-width: 768px){
.col1 .keni-header_outer,
.col2 .keni-header_outer,
.col2r .keni-header_outer {
max-width:100%;
}
.keni-header .site-title, .keni-header_col1 .site-title {
max-width:100%;
}
.site-title {
padding:0;
}
}

@media only screen and (min-width : 736px){
.keni-gnav_inner li {
position: relative;
top: -10px;
}
}

【おまけ】当ブログでは、本文の文字サイズを大きめにする、下記のカスタマイズコードも、つづけて貼り付けしています。

文字サイズを大きめにするカスタマイズコード

.article-body p {
font-size: 1.8rem;
}

まとめ

賢威(サイト作成イメージ)

ハワイの鳥

賢威はサポートフォーラムの回答で、プロに教えてもらえるので、ロゴなど、オリジナルのカスタマイズも簡単! 初心者も安心だよ。

 

賢威8のヘッダーロゴの設定と、カスタマイズ方法をご紹介しました。ロゴのカスタマイズも、賢威なら簡単です。賢威8で超簡単に、オリジナルのブログを作成しましょう。

テンプレート賢威(けんい)詳細情報

  • 内容:ウェブサイトのSEOテンプレート(WordPress版、html版)
  • 価格:27,280円(税込)
  • 向いているサイト:ブログ・アフィリエイト・企業サイト
  • デザイン:どのサイトにも合う、シンプルなデザイン
  • SEO:SEOに強い、内部対策済み
  • 初心者:マニュアルとサポートが充実し、学んで使える
  • サポート:フォーラムに質問を投稿し、プロに回答してもらえる
  • ブロックエディタ:対応
  • 複数サイト:無制限で複数利用可(購入者自身のサイトで)
  • アップデート:SEOテンプレートの更新が無料
  • メリット:プロも使うSEOテンプレートで、上位表示を目指せる
  • おすすめの人:初心者、SEO重視の中上級者、SEO兼任のウェブデザイナー

賢威8(WordPress版・html版)

賢威8

賢威8は、カスタマイズ性が高い、SEOテンプレート。WordPress版では、ブロックエディタも使えます。

スマホでもパソコンでも、画面をきれいに見られる、レスポンシブWebデザイン。

賢威は、ブログ・アフィリエイト・企業サイトに適しています。当ブログは、賢威で作ったサイトです。

評価 詳細 価格
5.5 SEOテンプレート 27,280円(税込)
SEO効果 初心者 サポート
上位表示を
目指しやすい
わかりやすい設定
学んで使える
プロの回答で
疑問もすぐに解決
複数サイト アップデート カスタマイズ前
購入者は複数利用可 最新版への更新が無料 賢威8のデモサイト



あわせて読みたい記事

「賢威って正直なところどう?」というかたは、こちらをチェック! 賢威のメリット・デメリットをまとめました。

賢威を選んで、本当によかった! よかった理由をランキング! 賢威に決めていなかったら、挫折していたかもしれません。

賢威8 WordPress版を使った、ブログの始め方・作り方を、初心者向けに完全図解しました。

1番簡単なWordPressの始め方! エックスサーバーのクイックスタートを図解しました。

賢威8なら、トップページ・デザインのカスタマイズも簡単です。