AFFINGER6「初期設定」を初心者さん向けに解説するよ！

AFFINGER6初期設定について初心者さん向けに解説します。

この記事では、ブログ運営に必要なものだけをできるだけ簡潔にまとめました。なので、初心者さんでも手順通りに進めていけば、問題なく設定できます。

AFFINGER6おすすめの初期設定

ダッシュボードで設定するリスト

これから解説する作業リストです。

ブログに必要な設定をコンパクトにまとめました。

ヒロ

手順通りに進めてみてください。

ブログのタイトルを入力する

一般設定で「サイトタイトル（サイト名）」を入力します。

キャッチフレーズは後から入力しても問題ありません。ただ、サイトタイトルは「サイトのテーマに関連したもの」を選びましょう。

人気ブログのサイト名

ブログ関連の情報を発信していくなら「○○ブログ」が分かりやすいかと思います。

雑記ブログなら「個人名+ブログ」など。サイト名は後から変更できるので、とりあえず思いつくものを入力してください。

パーマリンクを変更する

パーマリンクを「投稿名」に変更します。

投稿名の設定は「WINGマニュアル」でも推奨されているものです。記事数が増えてきてからも管理が楽なので、初心者さんにおすすめです。

ヒロ

パーマリンクは、記事内容に合った「英単語」を付けることが一般的です。

パーマリンク例

ちなみに、パーマリンクを日本語で設定すると「エンコード」に変換されます。

パーマリンクを考えるのが面倒という方は、日本語パーマリンク自動変換をONにしておくと便利です。

プロフィール情報を入力する

プロフィール情報を入力します。ここも後から変更できるので、まずは適当に入力してください。

TwitterなどのURLを入力する場所もありますが、アカウントが無ければ入力しなくても大丈夫です。

プロフィールカードを追加する

サイドバーに「11_STINGERプロフィールカード」を追加します。

プロフィールカードを追加したら、トップページを確認してください。

プロフィールカードがサイドバーに表示されていればOKです。

プロフィール写真の変更方法も紹介します。

カスタマイザーのオプション（その他）でプロフィール画像が変更できます。

プロフィール情報で「SNS」アカウントを入力した場合は、プロフィールカードにSNSアイコンが表示されます。

「お問い合わせ」を設置する

お問い合わせは「WPForms Lite」で作成します。

お問い合わせフォーム作成手順

「WPForms Lite」有効化⇒設定画面に切り替る

「最初のフォームを作成」をクリック。

 「簡単なお問い合わせフォーム」⇒「テンプレート」をクリック。

以下、お問い合わせフォーム作成の流れ。

お問合せフォームのパーマリンクは「contact」がおすすめです。

念のため、問い合わせフォームからメールを送って受信できるか確認してください。メールは「管理者メールアドレス」に送られます。

エディタ機能を拡張する

ワードプレス初期状態だとアフィンガーの性能を活かせないので、プラグイン「Advanced Editor Tools 」を追加して機能を拡張させます。

プラグインを有効化したら「設定」ボタンを押してください。

Advanced Editor Toolsの設定画面で、エディタツールバーに「スタイル」を追加します。

スタイルの追加は、ブロックエディタ、クラシックエディタ（旧）どちらか使いやすい方で構いません。

ヒロ

個人的にはクラシックエディタを推奨します。

AFFINGER管理で設定するもの

ここから「AFFINGER管理」で設定するものを解説します。

むずかしいと思ったら、後から設定しても問題ありません。

メタディスクリプションの入力

トップ用のメタディスクリプションを入力します。

メタディスクリプションは、サイトの要約を書きます。120文字程度にまとめましょう。

▼当サイトのメタディスクリプション▼

アフィンガー初心者さん向けに、おすすめの使い方を紹介します。

他サイトのメタディスクリプションは、「SEOチェキ」というツールを使えば調べることが出来ます。

SEOチェキの使い方は、調べたいサイトのURLを入力するだけです。

気になる方は、一度使ってみてください。

デザインを整える

サイトのイメージに合わせてデザインを調整します。

カラーパターン、デザインパターンから好みのタイプを選んでください。デザインに凝りだすと時間をとられるので、ある程度使い慣れてから設定したほうがいいです。

デザインサンプルを使ってみたい方は、下記ページが参考になります。

フォントを調整する

フォントの種類、サイズを決めます。

フォントについては、ターゲットユーザーが明確でなければ、デフォルトのままで問題ないと思います。

▼当サイトのフォント設定▼

• フォントの種類：【全体】游ゴシック（500）、【記事タイトル、見出し】Noto Sans（700）
• フォントサイズ：基本 15、記事タイトル 18、H2タグ 17、H3タグ 17（スマホ用のみ変更）

ヒロ

当サイトのフォントは、スマホ用のみサイズ変更してます。その他はデフォルトのままです。

アイキャッチ画像の有効化

AFFINGER6は、デフォルト状態だとアイキャッチが表示されません。

アイキャッチ設定で「アイキャッチ画像の～有効化する」にチェックを入れる必要があります。

会話（吹き出し）アイコンの登録

会話アイコンは、記事を書くときにバリエーションが増えるのと、文字数を稼ぐのに重宝します。

「アイコン画像」と「名前」を登録するだけなので、ぜひ設定してください。

▼会話アイコンの使い方▼

エディタに表示されている「タグ」を開き、「会話吹き出し＞会話１」をクリック。

表示されたコードの間に文字を入力すれば完了です。

▼会話アイコンのコード▼

 html
[st-kaiwa1]ここに文字を入力します。[/st-kaiwa1]

↓↓表示される会話アイコン

ヒロ

ここに文字を入力します。

AFFINGER6初期設定おすすめプラグイン

プラグイン一覧

AFFINGER6の初期設定で入れておくと便利なプラグインです。

すごいもくじLITE、ステ子の他は「プラグイン＞新規追加」から検索できます。

SUGOI MOKUJI（すごいもくじ）LITE

アフィンガー専用プラグイン「SUGOI MOKUJI（すごいもくじ）LITE」は、期間限定で配布されてます。

他の目次プラグインと違い、アフィンガー専用に作られているので不具合も起きにくいです。カスタマイズも出来るので、ぜひ使ってみてください。

▼すごいもくじLITEのダウンロード▼

⇒購入ユーザー限定ページ

AFFINGER専用プラグイン「ステ子」

「ステ子」はアフィンガー専用の有料プラグインですが、記事作成が楽になるのでおすすめです。

ステ子は、よく使う「ボックス」や「表」などを保存できるプラグイン。

表を使うときなどは「タグ」から呼び出して編集する作業が必要ですが、ステ子に保存すれば編集の手間が省けます。

ヒロ

ステ子は一番使う頻度が高いプラグインです。

▼ステ子の購入はこちら▼

おすすめステ子（テンプレート管理プラグイン）[PRO]

ブログ運営に役立つ「画像・デザイン作成」ツール

僕がブログを作る時にお世話になってるサイトです。

アイキャッチ画像の編集は「Canva」で行い、デザインは「カラーサプライ」と「NIPPON COLORS」を参考にしてます。

ヒロ

すべて無料で使えます。

AFFINGER6「初期設定」チェックリスト

この記事で紹介した「AFFINGER6初期設定」のまとめです。

この作業が終わったら、すぐにブログが運営できます。

あとは記事を書きながら、アフィンガーの使い方に慣れましょう。

ブログ運営のやり方がわからない方は、下記のサイトが参考になります。