Affinger

【AFFINGER5】アフィンガー5購入後の初期設定のやり方と手順

2020年8月5日

・アフィンガー5を購入したけど、そのあとどうすればいいの?

・初期設定の方法を教えてください!

こんな悩みを解決します。

この記事を書いている人

Twitter(@you_blog2912)を運営中

今回は、AFFINGER5(アフィンガー5)の初期設定の方法について紹介します。

設定項目がたくさんあって大変そうに見えますが、15分もあればすべて完了です。

画像付きでわかりやすく紹介するので、一緒に頑張りましょう!

2021年1月1日まで当サイト限定特典は休止しております。

まだ、AFFINGER5(アフィンガー5)を購入していない人は、当ブログからの購入でお得な特典がついてきます。

『ブログ開設1ヶ月で収益5桁を達成するまでにやったこと』というpdfファイル(約15,000字)が無料でついてくるので、この機会に手にしてみてください。

AFFINGER5の初期設定の手順

それでは、さっそくアフィンガー5の初期設定を行いましょう。

まだ、アフィンガー5をWordPressに入れていない人は、以下の記事を参考にインストールしてみてください!

関連記事
アフィンガー5の購入・導入方法を画像付きで解説

今回は以下の作業を行っていきます。

  • パーマリンク設定
  • 一般設定
  • Classic Editorのインストール
  • テーマ管理の保存
  • サイトカラー設定
  • デザイン設定
  • 投稿・固定記事設定
  • SNS設定
  • Google設定
  • 会話アイコン設定
  • メニュー設定
  • 見出し設定
  • ヘッダー画像設定

やることがたくさんあるように見えますが、ほとんどチェックボックスをクリックするだけなので、時間はそこまでかかりません。

それでは早速やっていきましょう!

AFFINGER5(アフィンガー5)初期設定パーマリンク設定

『設定』➔『パーマリンク設定』➔『投稿名』をクリック

AFFINGER5(アフィンガー5)初期設定
パーマリンク設定

『設定』➔『パーマリンク設定』➔『投稿名』をクリック

上の画像の手順で、『投稿名』をクリックしましょう。

これで、記事投稿画面で記事のURLを変更できるようになります。

AFFINGER5(アフィンガー5)初期設定一般設定

『設定』➔『一般』➔『タイトル』『キャッチフレーズ』『タイムゾーン』設定

AFFINGER5(アフィンガー5)初期設定
一般設定

『設定』➔『一般』
➔『タイトル』『キャッチフレーズ』『タイムゾーン』設定

ブログ名とタイトルは、上の画像のようにTOPページに表示されます。

ブログ名は、氏名検索を取るために、他の人と被らないようにするのがベスト!キャッチフレーズは空欄でもOKです。

また、タイムゾーンが東京になっていることも確認しておきましょう。

AFFINGER5(アフィンガー5)初期設定Classic Editorの導入

『プラグイン』➔『Classic Editor』の導入➔『有効化』

AFFINGER5(アフィンガー5)初期設定
Classic Editorの導入

『プラグイン』➔『Classic Editor』の導入➔『有効化』

アフィンガーは「Classic Editor」と呼ばれるものを使ってブログを書くのが前提に作られています。

これを入れておくと、記事がスムーズに書けるようになるので、入れておきましょう!

AFFINGER5(アフィンガー5)初期設定テーマ管理の保存

『AFFINGER5管理』➔『AFFINGER5管理』➔『保存』

AFFINGER5(アフィンガー5)初期設定
テーマ管理の保存

『AFFINGER5管理』➔『AFFINGER5管理』➔『保存』

『保存』をクリックすることで、初期値を設定できます。

AFFINGER5(アフィンガー5)初期設定サイトカラーの設定

『AFFINGER5管理』➔『デザイン』➔『カラーパターン』

AFFINGER5(アフィンガー5)初期設定
サイトカラーの設定

『AFFINGER5管理』➔『デザイン』➔『カラーパターン』

上の画面でサイトのカラーを決めることができます。

細かいサイトカラーは「外観」から変えることができるので、とりあえず好きな色にしておけばOK!ちなみに、僕のブログはオレンジです。

AFFINGER5(アフィンガー5)初期設定デザイン設定

『AFFINGER5管理』➔『デザイン』➔『フォントサイズ』

AFFINGER5(アフィンガー5)初期設定
デザイン設定

『AFFINGER5管理』➔『デザイン』➔『フォントサイズ』

先ほど「サイトカラー設定」をしたページを下にスライドすると、文字の大きさを設定できる場所があります。

参考までに、当ブログのフォントサイズを載せておきますね!

AFFINGER5(アフィンガー5)初期設定
デザイン設定

フォントの種類

文字の大きさは、その下で設定できる「フォントの種類」によって多少変化するので、自分のブログにあったフォントサイズにしてみてください!

ちなみに、当ブログのフォントは、デフォルトの「メイリオ」を使用しています。

AFFINGER5(アフィンガー5)初期設定投稿・固定記事設定

『AFFINGER5管理』➔『投稿・固定記事設定』➔『管理画面』

AFFINGER5(アフィンガー5)初期設定
投稿・固定記事設定

『AFFINGER5管理』➔『投稿・固定記事設定』➔『管理画面』

上の画像の部分にチェックを入れておくと、記事の文字数アイキャッチ画像(記事のトップ画像)が表示されるようになります。

一目で記事の文字数やアイキャッチを確認できるのは便利!

AFFINGER5(アフィンガー5)初期設定SNS設定

『AFFINGER5管理』➔『SNS』➔『Twitter設定』

AFFINGER5(アフィンガー5)初期設定
SNS設定

『AFFINGER5管理』➔『SNS』➔『Twitter設定』

もしTwitterをやっているのであれば、上の画像の場所にアカウントを入力しておきましょう。

AFFINGER5(アフィンガー5)初期設定Google設定

『AFFINGER5管理』➔『Google広告・AMP』➔『Google連携に関する設定』

AFFINGER5(アフィンガー5)初期設定
Google設定

上の2か所のみ設定すればOK!

上の画面でGoogleアナリティクスサーチコンソールを連携しましょう。

この設定は以前、アナリティクスコードをWordPressテーマで設定していた人のみ行えばOKです。

自分がちゃんと設定できているかどうかは、実際にアナリティクスやサーチコンソール画面を見れば確認できます!

ちなみに僕は、有料テーマにGoogleアナリティクスコードを入力し、サーチコンソールはアナリティクスと連携しているので、入力していません。

AFFINGER5(アフィンガー5)初期設定会話アイコン設定

『AFFINGER5管理』➔『会話・ファビコン等』➔『会話風アイコン』

『AFFINGER5管理』➔『会話・ファビコン等』➔『会話風アイコン』

上の部分では、吹き出しに登場する画像をアップロードできます。

この吹き出しの画像もここで設定していますよ!

吹き出しは少し動かせたり、大きく動かせたりすることが可能です。

アイコンがなければ、イラストACの無料画像やココナラでオリジナルアイコンをつくるのもおすすめ。

AFFINGER5(アフィンガー5)初期設定メニュー設定

『外観』➔『メニュー』➔4か所をクリック

『外観』➔『メニュー』➔4か所をクリック

上の部分にチェックをいれると、トップページにメニューを表示できます。

AFFINGER5(アフィンガー5)初期設定
変更なし: メニュー設定

メニュー設定

メニューに入れるカテゴリーは『投稿』『カテゴリー』から作ることができます。

AFFINGER5(アフィンガー5)初期設定見出し設定

『外観』➔『カスタマイズ』➔『各テキストと見出しタグ』

AFFINGER5(アフィンガー5)初期設定
変更なし: 見出し設定

『外観』➔『カスタマイズ』➔『各テキストと見出しタグ』

『各テキストと見出しタグ』 の部分から、記事の見出しの色やスタイルを決定できます。

自分の記事や、投稿記事に入っているサンプルを見ながら、見出しの色やスタイルを設定してみてください。

AFFINGER5(アフィンガー5)初期設定ヘッダー画像設定

『外観』➔『カスタマイズ』➔『ヘッダー画像』

AFFINGER5(アフィンガー5)初期設定
変更なし: ヘッダー画像設定

『外観』➔『カスタマイズ』➔『ヘッダー画像』

デフォルトでは、ヘッダー画像が表示されていますが、不要なので消去しておきましょう。

僕は「新規追加」で画像をいれています!

まとめ:アフィンガーの初期設定を済ませて記事を書き始めよう!

まとめ:アフィンガーの初期設定を済ませて記事を書き始めよう!

今回は、アフィンガー5の初期設定について紹介しました。

  • パーマリンク設定
  • 一般設定
  • Classic Editorのインストール
  • テーマ管理の保存
  • サイトカラー設定
  • デザイン設定
  • 投稿・固定記事設定
  • SNS設定
  • Google設定
  • 会話アイコン設定
  • メニュー設定
  • 見出し設定
  • ヘッダー画像設定

項目は多かったですが、1つひとつの作業は簡単にできます。

当ブログでは、他にも細かい設定やカスタマイズ法を紹介しているので、気になる人は参考にしてみてください。

アフィンガーカスタマイズ一覧

人気記事
【厳選】ブログアフィリエイトASPおすすめ11選
人気記事
【SEO最強ツール】Rank Trackerの価格や料金プランを徹底解説

-Affinger