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

ハワイの鳥

シンプルなデザインで、カスタマイズしやすい賢威8! カスタマイザーの使い方もチェック!

「賢威8のトップページのデザイン・カスタマイズ方法は?」というかたへ。

賢威8ユーザーの私が、賢威8 WordPress版の、トップページ・デザインのカスタマイズ設定を図解!

トップページの簡単カスタマイズで、オリジナルのブログを作成しましょう! 当ブログのカスタマイズもご紹介します。


この記事を書いた人

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

【賢威8】トップページ・デザインのカスタマイズ

カスタマイズ後の賢威8

ハワイの鳥

賢威8 WordPress版なら、多様なカスタマイズができるよ! 希望のブログを自由に作れる!

賢威8 WordPress版を使った、トップページ・デザインのカスタマイズを図解! まずは、賢威8でできる、おもなカスタマイズをチェック!

賢威8なら、完全オリジナルのサイトを作ることができますよ。

1. レイアウトデザインのカスタマイズ設定

賢威8のカスタマイズ(レイアウトデザイン)

賢威8のカスタマイズ(レイアウトデザイン2)

ハワイの鳥

賢威8WordPress版は、ウェブ制作のプロもベースに使う、プロ仕様のテンプレート。設定が簡単で、使えるコンテンツエリアも豊富だよ。

最初に、賢威8のレイアウト・デザインを決めましょう。賢威8は、とことんカスタマイズしやすいテンプレート。サイトのレイアウト・デザインもカスタマイズできます。

レイアウトの種類は次のとおり。上の図は、サイドバーが右にある、2カラムのデザインです。賢威8のレイアウトを、それぞれご紹介します。

  • 2カラム(サイドバーが右)
  • 2カラムリバース(サイドバーが左)
  • 1カラム(サイドバーコンテンツが下、またはなし)
  • スマホのヘッダー(縦並び、または横並び)
ハワイの鳥2

当ブログは2カラムのデザイン! ブログは2カラムがおすすめだよ。2カラム(カスタマイズ前)のデモサイトもチェック!

カスタマイザーの使い方

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

賢威8のレイアウト・デザインを設定しましょう。カスタマイザーの使い方も簡単です。「外観」、「カスタマイズ」をクリックします。

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

トップページのレイアウト」をクリックします。カスタマイザーで設定できる項目は次のとおりです。

賢威8は、多様なカスタマイズを、手軽に設定できるんですよ!

  1. サイト基本情報(サイト名・ロゴ・ファビコンなどの設定)
  2. レイアウト(基本レイアウト)
  3. トップページのレイアウト
  4. 記事一覧のレイアウト
  5. ヘッダーレイアウト(スマホ)
  6. 投稿一覧のレイアウト(デフォルト・カード型から選ぶ)
  7. 色(カラーパターンと個別箇所の設定)
  8. メニュー(ヘッダーメニュー・フッターメニュー)
  9. ウィジェット(サイドバー、トップページ前後、フッター)
  10. ホームページ設定(トップページ表示:投稿一覧・固定ページから選ぶ)
  11. 追加CSS:オリジナルのカスタマイズコードを設定可

賢威8のカスタマイズ(トップページレイアウト)

トップページのレイアウト・デザインのカスタマイズも簡単でした。1カラム、2カラム、2カラムリバースのレイアウト・デザインを見てみましょう。

2カラム

賢威8のカスタマイズ(2カラム)

賢威8のレイアウト・デザイン「2カラム」です。2カラムのデザインは、サイドバーが右。

サイドバーには、人気投稿やブログ運営者紹介など、好きなコンテンツを設定できますよ! 「コンテンツ前エリア」に、コンテンツを作成することもできます。

賢威8のカスタマイズ(2カラム2)

レイアウト・デザイン「2カラム」の中央です。

賢威8のカスタマイズ(2カラムフッター)

レイアウト・デザイン「2カラム」の下部です。

ブログ下にも、フッターエリアなど、コンテンツエリアを設定できます。当ブログは、フッターエリアを活用し、ロゴとブログ紹介文を入れました。

2カラムリバース

賢威8のカスタマイズ(2カラムリバース)

賢威8のレイアウト・デザイン「2カラムリバース」です。2カラムリバースは、サイドバーが左になります。

1カラム

賢威8のカスタマイズ(1カラム)

賢威8のレイアウト・デザイン「1カラム」は、サイドバーがなし。

コンテンツ前エリア」に、コンテンツを作成することもできますよ。

賢威8のカスタマイズ(1カラムフッター)

レイアウト・デザイン「1カラム」の中央です。

賢威8のカスタマイズ(1カラムサイドあり)

レイアウト・デザイン「1カラム」の下部です。図のように、サイドバーに設定したコンテンツを、下に表示することもできます。※非表示もOKです。

ヘッダーレイアウト(スマホのみ)

賢威8のカスタマイズ(スマホヘッダー)

スマホなどのモバイルには、ヘッダーレイアウトを設定できます。カスタマイズで「ヘッダーレイアウト」をクリックします。

賢威8のカスタマイズ(スマホヘッダー2)

モバイルは、1カラム、または2カラムのヘッダーレイアウトを選べます。

図は1カラム。ヘッダーのコンテンツがに並びます。

賢威8のカスタマイズ(スマホヘッダー3)

2カラムでは、ヘッダーのコンテンツがに並びます。

2. トップページ表示のカスタマイズ設定

賢威8のカスタマイズ(投稿一覧)

ハワイの鳥

トップページ表示のカスタマイズ! カード型の投稿一覧や、作成した固定ページを表示することもできるよ。

賢威8 WordPress版は、トップページに投稿一覧、または作った固定ページを表示できます。

設定は、カスタマイズの「投稿一覧のレイアウト」をクリックします。次の3種類から、トップページの表示を選べますよ。

  • 投稿一覧(デフォルト)
  • 投稿一覧(カード型)
  • 固定ページの設定

投稿一覧(デフォルト)

賢威8のカスタマイズ(投稿一覧初期)

投稿一覧のレイアウト」の「デフォルト」にチェックを入れて、「公開」ボタンをクリックすると、図のように、デフォルトの投稿一覧になります。

投稿一覧(カード型)

賢威8のカスタマイズ(投稿一覧カード型)

カード」にチェックを入れると、図のように、カード型の投稿一覧がトップページに表示されます。

固定ページの設定

賢威8のカスタマイズ(トップページ設定)

トップページに、作成した固定ページを表示することもできます。設定は、カスタマイズの「ホームページ設定」をクリックします。

賢威8のカスタマイズ(トップページ設定2)

「ホームページの表示」で、「固定ページ」にチェックを入れます。

下の「ホームページ」のプルダウンで、トップページに表示したいページを選び、「公開」ボタンをクリックしましょう。

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

トップページに、作成した固定ページが表示されました。商品のPRコンテンツを作成し、ランディングページ風にするのも簡単です。

ポイント
ページを横に分割してコンテンツを並べる、マルチカラムの設定も、賢威8なら簡単。図は、3分割の3カラム。2カラム(横2分割)から6カラム(横6分割)まで、設定できます。

賢威(3カラム・ページデザイン例)テキストが入ります。テキストが入ります。
賢威(3カラム・ページデザイン例)テキストが入ります。テキストが入ります。
賢威(3カラム・ページデザイン例)テキストが入ります。テキストが入ります。

3. 色のカスタマイズ設定

賢威8の初期設定(ブログの色)

ハワイの鳥

ブログを好きな色にカスタマイズしよう!

賢威8 WordPress版は、色のカスタマイズも超簡単! 最初にテーマカラー(カラーパターン)を次の6種類から選んだら、見出しなどにも、好きな色を設定しましょう。

  • ターコイズ
  • ブルーグレイ
  • ブラウン
  • ライトブルー
  • ピンク
  • レッド

好きなオレンジ系の色で統一できて、満足しています。色のカスタマイズについては、下記の記事で詳しく図解しました。

4. グローバルメニューのカスタマイズ設定

賢威8のメニュー(ヘッダーメニュー)

ハワイの鳥

グローバルメニューとは、サイトの分類項目! 上のヘッダーメニューと、下のフッターメニューを設定できるよ。

図のように、グローバルメニューがあると、読者に見てもらいやすいブログになりますね!

賢威8 WordPress版は、ヘッダーとフッターのメニュー設定も簡単です。メニューの設定方法を、下記の記事で詳しく図解しました。

5. ヘッダーのカスタマイズ設定

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

ハワイの鳥

ヘッダーをカスタマイズして、トップページの印象を変えるのも簡単!

賢威8 WordPress版で、ヘッダーを自由にカスタマイズしましょう。下記のヘッダーカスタマイズも簡単にできました。

  • ヘッダーロゴのカスタマイズ
  • ヘッダー画像のカスタマイズ
ハワイの鳥2

当ブログは、ヘッダーロゴを、ブログ幅に設定したよ! サポートフォーラムの回答で、プロにコードを教えてもらい設定しただけ。超簡単にカスタマイズできたよー。

賢威8のヘッダーロゴのカスタマイズについては、下記の記事で詳しく図解しました。

ヘッダーには、画像のほか、スライダーや動画も設定できますよ。使い方については、下記の記事で詳しく図解しました。

6. サイドバーのカスタマイズ設定

賢威8のカスタマイズ(サイドバー)

ハワイの鳥

サイドバーに、人気記事などを設定するのも超簡単だった!

賢威8 WordPress版は、図のように、サイドバーにウィジェット(コンテンツ)を設置できます。

人気記事や広告の設定も簡単です。サイドバーを設置し、カスタマイズする方法について、下記の記事で詳しく図解しました。

7. フッターのカスタマイズ設定

賢威8のカスタマイズ(フッターエリア)

ハワイの鳥

フッターエリアにも、コンテンツを作成できるよ!

賢威8 WordPress版は、フッターエリアにも、ウィジェット(コンテンツ・パーツ)を使い、コンテンツを作成できます。図のように、当ブログではロゴと紹介文を作成しました。

フッターのカスタマイズについて、下記の記事で図解しました。

【賢威8】記事のカスタマイズ

賢威8のカスタマイズ(投稿者情報)

賢威8のカスタマイズ(関連記事)

ハワイの鳥

賢威なら記事を作るのも楽! 豊富なデザインパーツを使えるので、装飾にも悩まない。

賢威8 WordPress版の記事のカスタマイズ例(下記)をご紹介しましょう。

  1. デザインパーツ・文字装飾の使い方
  2. テーブルの使い方
  3. 目次の使い方
  4. 投稿者情報の使い方
  5. 関連記事の使い方

1. デザインパーツ・文字装飾の使い方

賢威8の文字装飾

ハワイの鳥

投稿画面のボタンでも設定できる、文字装飾もあるよ。

賢威8 WordPress版で、記事を装飾しましょう。賢威8は文字の装飾も簡単。豊富なデザインパーツも使えるので、記事の作成が楽になりますよ!

文字にマーカーを引く方法は、マニュアルにあるコードを、コピペするだけ。賢威8の文字装飾やデザインパーツについて、下記の記事で詳しく図解しました。

2. テーブルの使い方

賢威8のカスタマイズ(テーブル設定)

ハワイの鳥

テーブルもカスタマイズした色になる! 統一感がある記事になるよ。

賢威8は、テーブル(表)の設定も、コピペで簡単でした。デザインパーツと同様に、マニュアルのコードをコピペするだけ。種類も選べます。

テーブルの使い方については、下記の記事で図解しました。

3. 目次の使い方

賢威8のカスタマイズ(目次)

ハワイの鳥

展開型の目次も作れるよ!

賢威8の目次は、表示階層を設定できて便利です。目次の使い方について、下記の記事で詳しく図解しました。

4. 投稿者情報の使い方

賢威8のカスタマイズ(投稿者情報例)

ハワイの鳥

投稿者情報があると、SEOでメリット!

賢威8は「この記事を書いている人」の設定も簡単でした。使い方を、下記の記事で図解しました。

5. 関連記事の使い方

賢威8のカスタマイズ(関連記事例)

ハワイの鳥

関連記事は、記事ごとの設定もできる! 表示したい記事も選べるよー。

賢威8は、記事下に関連記事を設定できます。関連記事があると、読者により多くの記事を見てもらうことができ、滞在時間が増えて、SEO的にメリットがあります。

記事下(関連記事の設定)

賢威の設定」の「サイト全体の関連記事設定」にチェックを入れ、「変更を保存」ボタンをクリックするだけです。

まとめ

賢威(公式サイト)

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

ハワイの鳥

賢威8は、カスタマイズしやすいテンプレート!

賢威8 WordPress版のトップページのカスタマイズをご紹介しました。賢威8なら、トップページも、記事のカスタマイズも簡単です。

コンテンツエリアも豊富。ブログ初心者も、イメージどおりのオリジナル・ブログを完成できますよ! 

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

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


あわせて読みたい記事

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

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

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

賢威8 WordPress版の主な使い方を図解しました。

賢威8でブログを作る方法を、初心者向けに、初期設定からすべて図解しました。