AFFINGER5

【最速で完了】AFFINGER5購入後の初期設定のやり方と手順【初心者でも簡単です】

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

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

悩んでいる人

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

この記事を書いている人

Twitter(@you_blog2912)を運営中

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

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

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

ゆーさく

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

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

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

【AFFINGER5初心者】初期設定の手順

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

まだアフィンガーをWordPressに入れていない人は、以下の記事を参考に入れておいてください。

関連記事
【AFFINGER5】アフィンガー5の購入手順から導入方法を画像付きでわかりやすく解説

さて、実際にAFFINGER5をインストールしたら、以下の作業を行っていきます。

AFFINGER5の初期設定

  1. パーマリンク設定
  2. 一般設定
  3. Classic Editorのインストール
  4. テーマ管理の保存
  5. サイトカラー設定
  6. デザイン設定
  7. 投稿・固定記事設定
  8. SNS設定
  9. Google設定
  10. 会話アイコン設定
  11. メニュー設定
  12. 見出し設定
  13. ヘッダー画像設定

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

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

ゆーさく

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

この部分では、ブログ記事のURLを自由に変更できるように設定していきます。

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

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

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

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

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

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

次に、ブログ名やタイムゾーンの設定をしていきます。

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

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

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

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

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

ゆーさく

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

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

ここでは、記事を書くのに便利な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設定

ここでは、SNSを登録してブログと連携していきます。

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

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

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

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

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

ここでは、Googleアナリティクスとサーチコンソールの連携をします。

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

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

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

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

このとき、AFFINGER以外のG場所で、oogleアナリティクスと連携していないか確認してください。

AFFINGER5とその他の場所に、アナリティクスコードを入力すると、二重計測になる可能性があります。

二重計測してしまうと、正しいデータが得られないので注意しましょう。

ゆーさく

二重計測が心配な人はGoogleアナリティクスの二重計測(ダブルトラッキング)の確認方法と解決策を参考にしてみてください。

また、僕はサーチコンソールをアナリティクスと連携しているので、サーチコンソール設定はAFFINGER側では行っていません。

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

ここでは、記事内で表示できる吹き出しアイコンの設定をします。

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

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

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

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

ゆーさく

吹き出しは、アイコンを少し動かしたり、大きく動かしたりできます。

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

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

ここでは、ブログトップページに表示するメニューを設定します。

まだ、記事数が少なくカテゴリーがなければスルーでもOKです。

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

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

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

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

メニュー設定

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

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

ここでは、記事のh2,h3,h4などの見出しの形を設定できます。

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

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

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

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

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

ゆーさく

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

この部分では、トップページに表示する画像を設定します。

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

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

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

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

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

ゆーさく

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

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

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

AFFINGER5の初期設定

  1. パーマリンク設定
  2. 一般設定
  3. Classic Editorのインストール
  4. テーマ管理の保存
  5. サイトカラー設定
  6. デザイン設定
  7. 投稿・固定記事設定
  8. SNS設定
  9. Google設定
  10. 会話アイコン設定
  11. メニュー設定
  12. 見出し設定
  13. ヘッダー画像設定

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

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

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

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

-AFFINGER5

© 2020 YusakuBlog Powered by AFFINGER5