AFFINGER6の初期設定の手順【WordPressブログの始め方】

AFFINGER6の初期設定の手順を知りたい！

AFFINGER6を購入したけどこの後どうしたらいいんだろう？

AFFINGER6を購入後、どんな風に導入・初期設定したらいいのでしょうか？

そこで今回はAFFINGER6の購入後のインストール方法やWordPressブログとして機能させるための初期設定を詳しく分かりやすく解説していきます。

AFFINGER6の購入を考えている方、初期設定の手順が分からなくて困っている方は必見です！

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせてご覧ください。

AFFINGER6の初期設定概要

まずは今回解説するAFFINGER6の初期設定の概要をご紹介します。

一見多そうに見えますが、10分程度あれば簡単に初期設定を済ませることができますので焦らず安心して進めていきましょう。

それでは順番にご紹介していきます。

AFFINGER6の初期設定1AFFINGER6をインストール

まずはWordPressテーマをインストールする手順についてご紹介します。

AFFINGER6を購入後にダウンロードされるzipファイルを開くと、「WordPressテーマ」というファイルの中に「affinger5-child.zip」「AFFINGER6.zip」の２つのファイルが入っています。

こちらの２つのファイルをWordPress管理画面のテーマ追加画面から「AFFINGER6.zip」→「affinger5-child.zip」の順番でインストールし、「affinger5-child.zip」のみを有効化しましょう。

詳しい手順についてはこちらの記事をご覧ください。

AFFINGER6の初期設定2 一般設定

一般設定ではWordPressブログのサイトタイトルやキャッチフレーズを登録します。

WordPress管理画面左側にあるメニューから「設定」→「一般」に移動しましょう。

するとご覧のようにWordPressの一般設定が表示されます。

ページ上部にある「サイトタイトル」と「キャッチフレーズ」を記入しましょう。

キャッチフレーズではどんなサイトなのかを簡潔にまとめます

入力が終わったらページ下部の「変更を保存」ボタンをクリックして反映させましょう。

AFFINGER6の初期設定3パーマリンク設定

続いてはパーマリンク設定をおこないます。

パーマリンクとは

パーマリンクとはブログのURLのことで、記事ごとにどんなURLを付与するか設定できます。

パーマリンク設定を後から行うと全ページのURLが変わってしまい、SEOやSNSシェアに影響が発生するリスクがあります。

パーマリンクはなるべく早めに、少なくとも最初の１記事を公開するまでには設定しておきましょう。

パーマリンクの設定方法

まずはWordPress管理画面の左側のメニューから「設定」→「パーマリンク設定」に移動しましょう。

パーマリンク設定の「投稿名」にチェックを入れましょう。

カスタム構造の入力欄に「/%postname%/」が自動入力されたことを確認できたら、ページ下部の「変更を保存」をクリックして設定を反映させましょう。

AFFINGER6の初期設定4 Classic Editorを導入

続いてはAFFINGER6と相性の良いエディタプラグイン「Classic Editor」をインストールしていきます。

Classic Editorとは

WordPressではバージョン5.0からGutenbergという新エディタが導入されているのですが、こちらは操作が難しくあまり評判がよくありません。

そんな時にWordPressプラグイン「Classic Editor」を導入すれば、昔の旧エディタを使うことができるのです。

実際AFFINGER6公式でもClassic Editorの使用が推奨されています

早速導入していきましょう。

Classic Editorの導入

ますはWordPress管理画面からプラグイン専用ページに移動します。

左側のメニューから「プラグイン」→「新規追加」を選択しましょう。

続いて検索ボックスに「Classic Editor」を入力してプラグインを検索します。

青いノートのアイコンのClassic Editorが表示されたら、「今すぐインストール」→「有効化」します。

Classic Editorは初期設定が必要ありませんのでこれで完了です！

AFFINGER6の初期設定5 AFFINGER6管理画面の初期値設定を行う

さてここからはAFFINGER6管理画面から初期設定をしていきます。

まずはすべてのデフォルト（初期値）を保存する必要があります。

WordPress管理画面から「AFFINGER6管理」→「AFFINGER6管理」をクリックして管理パネルに移動しましょう。

「はじめに」のメニューに初期値の保存ボタンがありますので、クリックしましょう。

ちなみに黄緑色の「公式マニュアル」ボタンをクリックすると公式マニュアルを閲覧できます。（閲覧にはAFFINGER6管理画面に表記されているパスワードが必要です）

AFFINGER6の初期設定6デザイン

デザインではサイト全体のカラーやレイアウト、サムネイル画像やフォントサイズの設定ができます。

順番に見ていきましょう。

カラー

サイト全体のカラーを選択できます。

ここに表示されている色以外の色を使いたい方は、「リセット（カラー未設定）」にチェックを入れて、WordPress管理画面のカスタマイズメニューから設定しましょう。

「デザインパターン」についてもお好みで構いませんが、個人的に一番シンプルでおすすめなのは「ブログ（初心者おすすめ）」です。

サイト全体のレイアウト一括設定

サイト全体のレイアウト一括設定ではPCでサイトを閲覧した時の横幅の長さを設定できます。

デフォルトの1060pxでも問題ありませんが、一般的におすすめとされているのは「アドセンス広告を２カラムで表示させた時の最適な幅の1114px」と言われています。

入力項目は２つありますがどちらも同じ値を設定しましょう

サムネイル画像

サムネイル画像とは記事一覧画面で表示されるアイキャッチ画像のデザインのことです。

こちらは完全に好みの問題です。

実際にどう表示されるのか確かめながら設定していくと良いでしょう。

AFFINGER6でアイキャッチ画像を設定する方法についてはこちらの記事がオススメです。

フォントサイズ

フォントサイズでは言葉の通り、閲覧する機種ごとの文字サイズ・行間サイズを設定できます。

当ブログでは試行錯誤の結果、上画像のような設定となりました。

AFFINGER6の初期設定7トップページ

トップページではトップページのレイアウトや表示の設定ができます。

トップページのレイアウト

「トップページを1カラムにする」にチェックが入っていることを確認しましょう。

記事一覧

デフォルトでは「トップページのコンテンツ内」「トップページのサイドバー」「下層ページのサイドバー」の３箇所に新着記事一覧が表示されるようになっています。

３箇所も必要ありませんので、非表示させたい項目にはチェックを入れておきましょう。

またサイドバーに表示する新着記事の件数についても設定できます。

新着記事のエリアをカスタマイズしたい方はこちらの記事がオススメです。

AFFINGER6の初期設定8 投稿・固定記事

投稿・固定記事では各記事に表示される様々な要素の設定ができます。

アイキャッチ設定

アイキャッチ画像は記事のイメージを示す大事な要素です。

こちらの２つにはチェックを入れておきましょう。

この記事を書いた人

各記事に「この記事を書いた人」として運営者の簡単なプロフィールを設置することができます。

こういった運営者情報は閲覧ユーザーからの信頼を得るための重要な要素になります。

こちらの３つにはチェックを入れておきましょう。

関連記事一覧

AFFINGER6ではデフォルトで関連記事が表示されるようになっています。

その関連記事一覧の「見出しテキスト」「表示件数」「表示するかしないか」を設定できます。

AFFINGER6の初期設定9 ヘッダー

ヘッダーではヘッダー内のコンテンツの設定ができます。

ヘッダー設定

「ヘッダー設定」では「TOPページのh1タグをサイト名に変更する（デフォルトは「キャッチフレーズ」※共に表示されている場合）」にチェックを入れておきましょう。

こちらはSEO対策の一環で、トップページのH1タグをサイト名にすることで氏名検索でヒットしやすくなります。

AFFINGER6の初期設定10メニュー

メニューではモバイルメニューやヘッダーメニューといったメニュー画面の表示を設定できます。

メニューの作成はWordPress管理画面の「外観」→「メニュー」からできます

スマホ用スライドメニュー

スマホ用スライドメニューとは、スマホで閲覧した時に表示される３本線のメニューのことです。

ここではスマホ用スライドメニューの表示位置、表示形式を設定できます。

AFFINGER6の初期設定11SNS

SNSではブログ内のSNSシェアボタンや記事をSNSで共有した時の表示形式などを設定できます。

SNS設定

「SNS設定」ではブログ内に表示させるSNSボタンの表示をカスタマイズできます。

デフォルトのデザインで問題ない方はそのままでも構いませんが、上画像のように設定するとシェアボタンの色を薄く形状を丸くデザインできます。

実際の表示はこんな感じ。

OGP・Twitter設定

ここではFacebookやTwitterで記事を共有した時のアイキャッチ画像やカードサイズを設定できます。

Twitter設定ではアカウント名を入力するだけで簡単に反映できますが、FacebookのOGP設定の場合はFacebook App IDの取得が必要になります。

IDの取得方法についてはこちらの記事をご覧ください。

AFFINGER6の初期設定12Google連携に関する設定

「Google連携に関する設定」ではGoogleアナリティクスやSearch Console、アドセンス広告といったGoogleサービスとの連携ができます。

Googleアナリティクス・サーチコンソールとの連携

こちらの画面に「GoogleアナリティクスのトラッキングID」「サーチコンソールのHTMLタグ」を入力することで、Googleサービスとの連携ができます。

それぞれの設定方法や使い方については以下の記事をご覧ください。

AFFINGER6の初期設定13会話・ファビコン等

会話・ファビコンでは会話風のアイコンやファビコン（サイトアイコン）の設定ができます。

アイコン・ファビコン設定

ここではファビコンというサイトアイコンの画像を設定できます。

アップロードボタンから画像を設定しましょう。

WordPressサイトではファビコン画像を登録する方法はいくつかあります。

詳しくはこちらの記事をご覧ください。

会話風アイコン

AFFINGER6では会話風吹き出しを挿入できるのですが、そのアイコン画像を設定できます。

実際の表示はこんな感じ。

こんな風に左右反転させることもできます。

AFFINGER6での会話風吹き出しの使い方についてはこちらの記事をご覧ください。

AFFINGER6の初期設定14その他

その他ではウィジェットメニューやWordPressテーマの更新通知などの設定ができます。

ウィジェット

ウィジェット画面でショートコードを使用するか設定できます。

ショートコードは頻繁に使用する便利機能ですので「ウィジェットにショートコードを使用する」にチェックを入れておきましょう。

テーマのアップデート更新通知（β）

AFFINGER6はより優れたWordPressテーマであり続けるために、日々アップデートを繰り返しています。

ここでは更新通知を有効化する設定ができます。

STINGER STOREの購入ユーザー限定ページに書かれている更新通知パスワードを入力しましょう。

AFFINGER6の初期設定15ASPに登録

AFFINGER6を購入された方のほとんどはアフィリエイト広告で稼ぎたいと考えていることでしょう。

アフィリエイト広告を掲載するには審査期間がかかるため、早めにASPに登録しておく必要があります。

広告のジャンルを取りこぼさないためにも、複数のASPに登録することをオススメします。

どれも無料ですので全部登録しておくと良いでしょう。

ASP登録は収益化の第一歩！

AFFINGER6の初期設定16プラグインをインストール

最後にWordPressプラグインをいくつかインストールしておきましょう。

プラグインには「サイトの読み込みを速くする」「SEO対策を楽にしたり」「セキュリティを高める」といった様々な種類があります。

そしてAFFINGER6と相性のいいプラグインは以下の通りです。

詳しくはこちらの記事をご覧ください。

これでAFFINGER6の初期設定は完了です！！！

記事をたくさん投稿して楽しいブログ生活を送りましょう！

まとめ：AFFINGER6の初期設定の手順をご紹介！【最速でWordPressブログを始めよう】

では改めて今回紹介したAFFINGER6での初期設定の手順を確認しましょう。

ポイントは焦ること無くゆっくりと進めていくこと

設定で分からないことがあったら、一旦飛ばして後から考えてみるのも１つの手段です。

初期設定が終わったらいよいよ記事を投稿していきましょう。

ブログの記事投稿に関しては以下の記事がオススメです。

もしも分からない部分があればお問い合わせフォームで質問して頂ければすぐに返信致します。

今サイトではこれからもウェブサイト運営に関する有益な情報をたくさん発信していきますので応援よろしくお願いします！

AFFINGER6のカスタマイズ方法のまとめはこちら