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

「賢威8のカスタマイズは、初心者もできる?」「トップページのカスタマイズ例を知りたい」というかたへ。

賢威8ユーザーの私が、トップページのカスタマイズ方法をご紹介します。初心者の私でも、簡単にカスタマイズできました。賢威8のWordPress版(ワードプレス)は、カスタマイズしやすいですよ!

ハワイの鳥

賢威8は、賢威7.0からさらに進化し、カスタマイズしやすくなったよー!

当サイトは賢威8を使っています


この記事を書いた人

・ウェブの初級資格を保有、PCインストラクター経験が少しあり
・ブログに本気で取り組む、A8アフィリエイトBASE(2020年)を1年間受講し学んだ
・賢威8 WordPress版を選び、挫折しないでブログを作成できた

賢威8のカスタマイズは初心者も簡単

賢威(テーマのデザイン一覧)

出典:賢威8&7.1 – 信頼と実績のSEOテンプレート 公式サイト

賢威8は、賢威7.0から進化し、初心者も簡単にカスタマイズできるようになりました。まずは、賢威8と7.0のカスタマイズの大きな違いをチェック!

  • 賢威7:テンプレートのCSS(コード)を直接変えてカスタマイズ
  • 賢威8:設定「追加CSS」にコードを追記するだけで、安全にカスタマイズ

賢威8はテンプレートを直接操作せずに、初心者もカスタマイズできます。設定「追加CSS」にカスタマイズのコードを追記するだけ。万が一ミスをしても、テンプレート自体は変わらないので、初心者も安心です。 

ハワイの鳥2

希望のカスタマイズも、サポートフォーラムに質問を投稿して、プロの回答で教えてもらったコードを設定場所に貼り付けるだけ。初心者でも簡単にカスタマイズできたよー!

賢威8のトップページのカスタマイズ例

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

ハワイの鳥

トップページのカスタマイズ例を紹介するよ!

賢威8を使った、トップページのカスタマイズ例をご紹介しましょう。私の「賢威のレビューブログ」では、トップページに下記のカスタマイズをしました。

図のように、ロゴを大きくサイト幅にして、インパクトがある、人気のトップページ・デザインにしてみました。

  1. 右上にデフォルトで出る、サイト説明文を非表示にする
  2. ロゴ画像をブラウザ幅にする
    ※ブラウザ幅の画像サイズの推奨は2000px以上
  3. メニューの文字位置を、上下の中央にする

また、当ブログは、本文の文字サイズも大きくしています。

  • 本文の文字サイズを大きめにする

カスタマイズ前の賢威8(デフォルト)

賢威8のデフォルト

賢威8のトップページのカスタマイズ方法

賢威8のカスタマイズ(フォーラム投稿)

ハワイの鳥

「賢威のレビューブログ」のカスタマイズコードをご紹介! 個別のカスタマイズコードを、フォーラムに質問を投稿してプロに教えてもらったよ! 詳しいコードを知らない初心者でも、できたよー!

外観→カスタマイズをクリックして開き、一番下のカスタマイズ項目「追加CSS」をクリックし、個別のカスタマイズコードを貼り付けするだけです。

トップページのカスタマイズ例(設定方法)

賢威8のカスタマイズ(方法)

外観→カスタマイズをクリックして開きます。

賢威8のカスタマイズ(方法2)

一番下のカスタマイズ項目「追加CSS」をクリックします。

賢威8のカスタマイズ(方法3)

下記のカスタマイズコードを貼り付けし、保存します。

.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のトップページのカスタマイズで、できることは?

賢威(色のカスタマイズ2)

ハワイの鳥

賢威8のトップページのカスタマイズは、簡単な設定! ほかとはちがう、オリジナルのサイトを作れるよ!

賢威8のトップページでできる、カスタマイズをいろいろご紹介します。

「賢威のWordPress(ワードプレス)版のテンプレートで、どんなトップページを作れるの?」というかたは、参考にしてみてくださいね! 下記のカスタマイズができますよ。

  • 投稿一覧のレイアウト:デフォルトとカード型から選べる
  • 色:カラーパレットで、自分好みの色をテーマカラーに選べる
  • メニュー:ヘッダーメニューとフッダーメニューを簡単に作れる
  • ウィジェット:ウェジェットエリアに、希望のコンテンツを設置できる
    サイドバー、トップページのコンテンツ前と後、フッター
  • 追加CSS:コードを貼り付けし、安全で簡単に希望のカスタマイズもできる
ハワイの鳥2

ほか、上に動画やスライダー画像を設定したり、トップページに固定のページを表示することも、簡単な設定でできるよ! ブログのほか、企業サイトも作りやすいよ!

トップページのカスタマイズでできることについては、下記の記事で詳しく紹介しています。※作成中です。お待ちください。

賢威8のWordPress(ワードプレス)版は、カスタマイズが簡単

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

ハワイの鳥

賢威8は、カスタマイズで自分好みのサイトを作れる! カスタマイズしやすい、シンプルなテンプレート!

 

賢威8のトップページのカスタマイズ例と、カスタマイズでできることをご紹介しました。

賢威8は、トップページのカスタマイズが簡単です。設定でできるカスタマイズのほか、個別のカスタマイズも簡単。テンプレートを変えることなく、初心者も安心してカスタマイズできます。

ワードプレスのテーマ「賢威(けんい)」 詳細情報

  • 名称:賢威(けんい)
  • 内容:ウェブサイトのSEOテンプレート(ワードプレス版とhtml版があり)
  • 価格:24,800円 ※2020年10月現在

賢威8&7.1 – 信頼と実績のSEOテンプレート 公式サイト


2万人を超えるユーザーが選んだ
SEOテンプレートの大ロングセラー

あわせて読みたい記事

「賢威って正直なところどう?」というかたは、こちらをチェック!

私が「賢威を選んで本当によかった」と思った理由です。

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