【AFFINGER6】ゼロからやるべき初期設定手順を分かりやすく解説

このページにたどり着いたってことは、当サイトと同じWordPressテーマ「AFFINGER5」ユーザーですよね！きっと。

WordPressテーマ「AFFINGER5」の魅力のひとつに、テーマ全体の詳細設定が集約している管理画面「AFFINGER5 管理」がありますよね。ここで、ほぼ9割近くの設定は完結できてしまう優れものテーマです。

今回、AFFINGER5のテーマ設定情報を公式サイトやWebサイトでかき集めて、試行錯誤しながら実践した初期設定を備忘録として書き記しておきたいと同時に、これからAFFINGER5愛用していくあなたに共有できたらと執筆しています。

記事を書き始めるまでの初期設定を段落ごとでまとめているので、ぜひ参考にしてください。

Ⅰ.環境設定

WordPressへAFFINGER5をアップロード

step
1WordPressダッシュボードから「外観」＞「テーマ」に進み、「新規追加」をクリックします。

step
2「テーマのアップロード」をクリックして、ZIPファイルの「AFFINGER5」と「AFFINGER5 Child」をアップロードします。

テーマを有効化する

step
32つのテーマをアップロードできたら「AFFINGER5 Child」のテーマを「有効化」しましょう。

このステップで、WordPressにAFFINGER5子テーマが実装されました。

では早速、AFFINGER5管理設定をしていきましょう。

Ⅱ.AFFINGER5管理設定

WordPressダッシュボードより、「AFFINGER5 管理」というメニューをクリックして設定に入ります。

はじめに

◎1.WorpPressプラグイン「Classic Editor」をインストールして有効化する

WordPressはver5.0から「何者…ですか！？」というくらい大変貌してしまいました…。未だに僕も旧verを使っていますが、AFFINGER5も旧verのみ対応しているので、このプラグインをインストールしないと始まりません・・。

SHIN

WordPressダッシュボードから「プラグイン」＞「新規追加」をクリックして、キーワードに「Classic Editor」と入力後、「インストール」＞「有効化」してください。

◎2.「保存」を1回クリック

SHIN

「保存」を1回クリックすることで初期値設定してくれるので、まずは初期値に設定しましょう。

〇3.AFFINGER5公式マニュアルサイトの確認

SHIN

いろんなテーマを使ってきた僕ですが、ここまで細かく設定マニュアルサイトがあるテーマは初めて。非常に親切です！マニュアルサイトに入るにはパスワードが必要ですけど、AFFINGER5管理画面に載っています。

AFFINGER5公式マニュアルサイト

△4.Twitter「@WPSTINGERさんをフォロー」

すでにTwitterアカウントを持っているなら、ぜひフォローしておきましょう。

テーマやプラグインの更新情報をリアルタイムでTwitterタイムラインにツイートしてくれます。もちろん僕もフォロー済みです。

Follow @wpstinger

デザイン

〇1.PC閲覧時のサイトの幅

SHIN

デフォルトは1060pxでしたが、僕は「1114px」にして横幅を広げています。理由は投稿記事終わりに「Googleアドセンスを横並びに表示させる最適な横幅」であるから。

AFINGER5では、Googleアドセンス広告を横並びに表示させる簡単な方法があるので、また別の記事でお話しますね。

△2.サムネイル画像設定

SHIN

このサムネイル画像設定は、ハッキリ言って「好み」ですよね。僕はサムネイル画像を丸くしたデザインが、単純に好きだったことと、オリジナル感も出るので丸く設定しています。

◎3.フォントのサイズ

SHIN

フォントサイズは重要な設定ですね。訪問ユーザーに読みやすく、ストレスを与えない非常に大切なファクターなので。特に「スマホビューで読みやすい」を基準に設定していきましょう。

ちなみに、現在このサイトのフォント設定は画像の通りです。読みやすさを追求した設定にしましょう。

△4.フォントの種類

SHIN

続いてフォント種類。ここはあまりこだわらなくて良いと思ってます。「ゴジック」か「メイリオ」でも十分ですし。唯一僕が設定しているのは、h2～3・ウィジェットボタン箇所の「Noto Sans」。

ちなみに、表示速度が遅くなる要因でGoogleフォントは使っていないです。

トップページ

◎1.記事一覧

SHIN

デフォルトでサイドバーに「新着記事」が表示される設定になっているので、僕は「非表示」にしています。ただ、この設定をしても表示されることがあるようで・・。確実に非表示させるなら、この記事を参考にしてください。

投稿・固定記事

◎1.アイキャッチ設定

SHIN

ここで「アイキャッチ画像を全記事有効」「アイキャッチをタイトル下表示」の2つにチェックを入れています。アイキャッチは大事なので、フル活用しましょう。

○2.この記事を書いた人

SHIN

この記事を書いた人＝サイト管理人として紹介した方が、訪問者は覚えてくれるので表示した方が良いです。僕は表示プラス「最新記事」も別タブで見えるように設定しています。

ヘッダー

◎1.ヘッダー設定

SHIN

このヘッダー設定では、トップページh1タグを「サイトタイトル」にするようにしています。h1はサイト名で設定するというのは、トップページをSEO最適化にするための1つの重要な設定ですね。

SNS設定

○1.OGP設定＆Twitter設定

SHIN

SNS設定でアカウント登録できるのは「Facebook」と「Twitter」。すでにアカウントがあれば、Facebookは「fd:admins」、Twitterは「@以降のID」を入力すれば、簡単にアカウント登録ができます。ここでアカウントがないなら、必須ではないので後で設定しましょう。

◎Google連携/広告

SHIN

解析ツール「Googleアナリティクス」「サーチコンソール」をサイトに連携させる設定です。この2つはサイト解析では必須ツールなので、この段階で連携させておくことをおすすめします。

そこで、Googleアカウントを取得して2つともにアカウントを作っておく必要があるので、解説サイトを参考に進めてくださいね。

アクセス解析ツール「人工知能AIアナリスト」ブログ

 

5 Posts

19 Shares

5 Users

35 Pockets

Googleアナリティクス登録・設定手順【これさえ読めばOK！】｜アクセス解析ツール...

https://wacul-ai.com/blog/access-analysis/google-analytics-setting/ga-register/

Googleアナリティクスの登録・設定の手順を詳しく解説しています。トラッキングの設置方法や実際のレポート項目の見方などもまとめているので、初めての方にも簡単に導入することができます。この記事を参考にGoogleアナリティクスに登録してサイトを分析してみましょう!

LISKUL

 

4 Posts

193 Shares

77 Users

271 Pockets

サーチコンソールの登録方法と初心者でも分かる使い方

https://liskul.com/search-console-13563

自社サイトを持っている方、「サーチコンソール」を十分に活用できていますか？サーチコンソールを用いて管理・運用していくことはサイトの最適化に欠かせません。

会話・ファビコン等

△1.会話風アイコン

SHIN

会話記事は、僕も多様していますけどアクセントにすごく便利。アイコンは8種類登録できます。まだ画像が用意ができていなければ、後で設定すれば良いので飛ばして次に行きましょう。

その他

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

SHIN

AFFINGER5は、機能追加であったり修正などで都度進化してくれます。アップデートは常に最新にすることをおすすめします。そこで、アップデート通知を「有効化」するために、一度購入ユーザーページに記載しているパスワードをここで入力していきましょう。

他には、公式Twitterアカウント「@WPSTINGER」でも告知してくれます。

Ⅲ.WPプラグインインストール

まず入れておきたいプラグイン8選

AddQuicktag

WordPressでHTMLタグ直接記事に入力する場合、わざわざテキストモードに切り替えなきゃいけないですよね・・・。

しかも、HTMLコードはたいてい「長い」ですよね。コピペですら面倒・・入力なんてもっての外！です。

このプラグインは、長いHTMLコードに分かりやすく名前（ラベル名）を付けておき、投稿画面のテキストエディタから瞬時に呼び出せる。つまり3倍～5倍近くの作業時短になるし、いちいちテキストへHTMLコードをコピペするようなストレスもなくなります。

参考にしたい記事

freesworder.net

 

1 User

5 Pockets

タグ付けが3倍速！WordPressのプラグイン「AddQuickTag」の使い方・設定方法 | FRE...

https://freesworder.net/wordpress-addquicktag/

WordPressのプラグイン「AddQuickTag」の使い方をわかりやすくまとめてみました。設定方法がわからないときに参考にしてください。

Akismet Anti-Spam（デフォルトインストール済）

僕もそうですけど問い合わせフォームを開放している場合が要注意。記事が増えてサイト規模が大きくなってくると、一日数十通、下手したら数百規模のスパムメールがサイトを攻撃してきます・・・。

このプラグインはデフォルトで入っているのですけど、有効化していないときに大変なスパムメールに悩まされた記憶があります。

またスパムであるか無いかの判断不明の場合は、サイト管理者の最終チェックを求めてくれるので安心。

参考にしたい記事

うれしデザイン

 

2 Users

6 Pockets

Akismet Anti-Spam (アンチスパム)の設定　はじめてWordPressを始める方向け

https://ureshi-design.com/2018/06/05/akismet-anti-spam/

WordPressを始めると、Akismet Anti-Spam (アンチスパム)というプラグインがデフォルトで入っています。このプラグインはコメント欄などのスパム対策をしてくれますので、コメント欄を開放してる方は是非有 ...

All In One SEO Pack

このAll In One SEO Packは、WordPressの「設定」にある項目まですべてになってくれる本当に「All In One」なプラグイン。

ですが、AFFINGER5管理でも「Googleアナリティクス」や「SNS」などの設定ができるので、こういった重複した設定はAFFINGER5で設定していきます。

ただ内部SEO対策の部分では、本当に細かく最適化できるので重宝するプラグインです。

参考にしたい記事

CrossPiece

 

17 Posts

6 Shares

14 Users

85 Pockets

【All in One SEO Pack】10分でできるSEOの設定方法｜CrossPiece

https://crosspiece.jp/howtoaiosp/

All in One SEO Packはインストールするだけで簡単にWordPressでのSEO設定を可能にしてくれる優れたプラグインです。 高機能なゆえに、設定項目が多いです。WordPressを初めて使う方なら一度は

Broken Link Checker

サイト閉鎖などはごく稀ですけど、コンテンツ紹介や動画貼り付けなどで記事を書くことは多々ありますよね。まさにこの記事もそう。

そこで、この紹介記事や動画などのリンクが突然切れてしまうことってあります。そんなときにこのプラグイン。リンク切れを決まったサイクルでサイト内を巡回～検知して、サイト管理者へお知らせしてくれます。

たくさんある記事一つひとつリンク切れチェックなんて・・・不可能ですよね。絶対入れておきたいプラグインです。

こちらを参考にどうぞ♪

TinyMCE Advanced

WordPressの投稿画面上にズラーっと並んだメニューやボタンが増えて、主に「文字色やサイズ」「リンク挿入」「フォント変更」などたくさんエディットできるようになります。

このプラグインは無いと話にならないくらい重宝しますので、絶対入れておきたいプラグインです。

参考にしたい記事

TechAcademyマガジン

 

4 Shares

4 Users

12 Pockets

TinyMCE Advancedの使い方ーWordPressプラグイン【初心者向け】

https://techacademy.jp/magazine/3769

WordPressのビジュアルエディタを拡張できるプラグイン【TinyMCE Advanced】の使い方を初心者向けに解説した記事です。他のプラグインよりもカスタマイズ性に優れており、ボタンの位置などを簡単に変更することができます。

Google XML Sitemaps

通常は記事を書いて公開してから、検索エンジンクローラー（GoogleやYahoo!など）が定期的に巡回してくれるまでウェブ上で認識してくれません。つまり検索エンジンにも表示されないってことです・・・。

ですがこのプラグインは、記事を公開すると同時に「こちらから検索エンジンへ自動的に通知をする」ので、おのずとウェブ上に記事が表示されるスピードが速いわけです。

またサイトマップに載せるページも指定できるので、サイト内の重要なページのみを集中してクローリングしてもらうこともできます＝無駄なクロールを減らしつつ、評価して欲しいページを推すことができるということ。非常に便利です。

参考にしたい記事

SEOパック - 月額固定7,980円のSEO対策パッケージ｜ディーボ

 

10 Shares

3 Users

7 Pockets

Google XML Sitemapsで簡単にサイトマップを管理しよう | SEO内部対策についてまと...

https://seopack.jp/internal-seo/crawler-measures/google-xml-sitemaps.php

サイトを更新したらサイトマップも更新したいところですが、更新頻度が多いと管理が難しかったりしますよね。そこでWordPressをお使いの場合で、簡単にサイトマップを最新のものに自動で更新してくれるプラグインをご紹介します。

Jetpack by WordPress.com

All In One SEO Packのように、たくさん充実した機能を設定できるプラグインです。

ただ注意して欲しいのは、必要な機能のみ設定するようにしましょう。AFFINGER5でできる機能と重複するものを設定しても、動作が遅くなるデメリットになるので。

簡易的に表示してくれる解析は非常に助かりますね。確かにGoogleアナリティクス、サーチコンソールの方が解析レベルは上ですけど、単純にアクセスやアクセス元、どのリンクを踏んだのかがすぐ分かるのは便利ですよ。

参考にしたい記事

TOUCHSTONE

 

2 Users

14 Pockets

【2018最新版】WordPressプラグイン『Jetpack by WordPress.com』の設定方法と使い方

https://webingo.jp/jetpack/

WordPressプラグイン『Jetpack by WordPress.com』（以下、Jetpack）は、複数の便利機能をまとめて使えるプラグインです。 このプラグイン一つで、画像のスピードアップやスパム対策、face ...

EWWW Image Optimizer

画像はアイキャッチ、プロフィール、記事などたくさん利用しますよね。そこでこのプラグインが本領発揮。

プラグインを有効化しておくだけで、メディアに取り込んだ画像ファイルを何もすることなく自動的に圧縮してファイル容量を軽くしてくれます♪

画像容量が軽くなることで、ページ表示速度が速くなり、ユーザービリティ向上に繋がる。離脱率、回遊率が上がればサイト評価も上がる。つまり間接的にSEO効果にも繋がっているわけです。僕の中では必須であるプラグインの一つですね。

参考にしたい記事

いたるブログ

 

22 Pockets

【2019年版】EWWW Image Optimizerの設定方法と使い方：画像最適化プラグイン

https://mixart.jp/blog/wordpress/ewww-image-optimizer-setting/#i-7

こんにちは、いたるです。 あなたはブログを書くときに、アイキャッチやブログの見出しの下に画像を使っていますか？ 使った方が見栄えもいいし、見やすくなるので、やっぱり使いたいですよね。   でもサイトを見ていると ...

僕がおすすめするWordPressを立ち上げたら、まず入れておきたいプラグイン8選でした。

ここで一つ注意して欲しいのは、「コレはいい！」と何でもインストールしないことですね。

プラグイン容量でサーバに付加がかかれば、それだけ転送時間もかかり、表示速度にも影響してしまうので必要なプラグインだけをインストールするというのは、この先も念頭に入れておいてね♪

まとめ

AFFINGER5の管理設定は、細部まで細かく設定できるので時間はかかります。ただ、最初に一度きちんと設定を決めてしまえば、その後は大きく変更することも少ないので、記事執筆に集中できますからね。

ぜひ快適で楽しいAFFINGER5生活を、僕とともに送っていきましょう♪

何か不明点やご意見があれば、気軽にコメントお待ちしています。

ではまた(*´▽`*)ゞ