アフィンガー5購入後の初期設定・デザイン変更の手順

悩む人

アフィンガー5を購入してこれから色々な設定やカスタマイズをやっていきたいけど最初に何から設定していいのかが分かりません。

今回は，そんな悩みが解決できます。

ヒロシ

AFFINGER5の購入後，初期の段階でやるべき設定やデザインの変更の方法を，詳しく解説していきます。

AFFINGER5は，デザインのカスタマイズの幅が広く，デザインやカスタマイズにハマるとかなりの時間がかかってしまい，ハマりすぎて記事の投稿が疎かにならない為に，初心者の人は，はじめに必要最低限の設定やカスタマイズをして記事に集中できる環境を作り，落ち着いてきたら本格的にデザイン変更やカスタマイズをしていくのがおすすめです。

この記事を見ることで，アフィンガーの購入後，必要な設定やデザインの変更などを済ませて，集中して記事を書くことができる段階まで進めることが出来るようになります。

ヒロシ

また，アフィンガーでできるカスタマイズについては，以下のまとめ記事で詳しく解説しています。

また，この記事は，WING(AFFINGER5)のテーマを購入してインストール・有効化していることが前提になります。

それでは順に解説していきます。

アフィンガー5マニュアルの初期化

まずはじめに，アフィンガー初期値を設定します。

「AFFINGER5管理」をクリックします。

「保存」をクリックします。

設定（一般設定・表示設定・パーマリンク設定）

ブログの設定をまだしていない人はここでブログの設定を見直しておきましょう。

一般設定

ブログのタイトルやキャッチフレーズを設定する場合はここでできます。

「設定」→「一般」をクリックします。

表示設定

ここでは，トップページやカテゴリーページに表示される記事数などの設定ができます。

「設定」→「表示設定」をクリックします。

パーマリンク設定

パーマリンクの設定はSEOでは重要と言われていますので，まだ設定していない場合はここで設定しましょう。

「設定」→「パーマリンク設定」をクリックします。

プラグイン「Classic Editor」の導入

現在アフィンガー5では，記事投稿のエディターは「Classic Editor」が推奨されています。

プラグイン「Classic Editor」を有効化することで，エディターを「Classic Editor」に変更できます。

「今すぐインストール」をクリックします。

「有効化」をクリックします。

アフィンガー5管理画面での初期設定

AFFINGER5管理画面では，ウィジェットの設定もここでしておきましょう。

「ウィジェット」は，サイドバーなどに各パーツを配置できる機能です。

ウィジェットでのショートコードを有効化

サイドバーに人気記事を設置する場合などによく使います。

「AFFINGER5管理」をクリックします。

「その他」をクリックします。

ヘッダー画像の削除（変更）

アフィンガーでデフォルトのヘッダー画像を削除する方法です。

また，ヘッダーに画像を新しく設置する場合は，ここで設定ができます。

フッターのクレジット表記の変更

アフィンガーはデフォルトですとフッターのコピーライトに，下のようなクレジット表記があります。

このクレジット表記の部分を変更する方法があります。

サイト全体のカラーの設定

サイト全体の色やデザインの設定をしておきましょう。（後から変更は可能）

「AFFINGER5管理」をクリックします。

「デザイン」をクリックします。

デザイン済みデータの導入

アフィンガーには，始めから色やデザインが整っていて，「カラーパターン」や「デザインパターン」よりもクオリティーの高い「デザイン済みデータ」がありますので，色やデザインをゼロから自分で考えて設定していくのが面倒な人は「デザイン済みデータ」の導入も視野に入れることをおすすめします。

SNS設定

AFFINGER5管理画面では，SNSの設定ができます。

SNSと連携させる場合は設定しましょう。

「AFFINGER5管理」をクリックします。

「SNS」をクリックします。

「SNS設定」で自分の環境に合わせて設定してください。

Twitter設定

「save」をクリックします。

Google連携の設定（Googleアナリティクス・Googleサーチコンソール）

ここでは，「Googleアナリティクス」「Googleサーチコンソール」のGoogle連携の設定をします。

「Google アナリティクス 」IDの調べ方

まずは「Googleアナリティクス」にログインします。

まだアカウントを作成していない場合は，Googleアナリティクス公式ページでアカウントを作成できます。

「Google アナリティクス」にログインして左下にある「管理アイコン」をクリックします。

管理画面になるので「トラッキング情報」をクリックします。

「トラッキングコード」をクリックします。

「Googleサーチコンソール」HTMLタグの調べ方

まずは「Googleサーチコンソール」にログインします。

まだアカウントを作成していない場合は，Googleサーチコンソール公式ページでアカウントを作成できます。

「Google Search Console」ページの「所有者の確認」の画面で「HTMLタグ」を選択します。

メタタグが表示されますので，赤枠の中のcontent=""の""の中の文字をコピーしておいてください。

Google連携に関する設定

「AFFINGER5管理」をクリックします。

「Google・広告 / AMP」をクリックします。

まとめ

これでアフィンガーで必要な初期設定やデザインはOKですので，記事投稿に集中していって，慣れてきたらどんどんカスタマイズもやっていきましょう。

ヒロシ

今回は以上になります。

それではまた！