KAZU
2017年からAFFINGERを使い続け、複数の有料テーマも試してきたサイト運営者。
THE AFFINGERでは、AFFINGERのデザイン、表示設定、カスタマイズを中心に、実際の運営で使える情報を発信。
裏側ではAIと融合した運営にも取り組み、AIエージェントを使った検証・改善・サイト制作の自動化も進めている。
※本ページはアフィリエイトリンクを含みます(PR) 2026年6月10日、WordPressテーマ「AFFINGER(アフィンガー)」の最新版・AFFINGER7がリリースされました。 AFFINGER6から何が変わったのか、この1本に整理しました。 先に結論です。 AFFINGER7の変化は、突き詰めると次の3行です。 AI機能がプラグイン「AIサポート」として使えるようになった(OpenAIのAPIキーが必要) デザインカードと新ブロックで、サイトデザインの構築が楽になった AMPは完全廃止。AFFI ...
※本ページはアフィリエイトリンクを含みます(PR) 2026年6月10日にAFFINGER7がリリースされ、「AFFINGER6からどうやって移行すればいいの?」と迷っている方も多いと思います。 結論から言うと、焦って今日アップデートする必要はありません。 AFFINGER6の新規販売は終了しましたが、いま使っている6がすぐに使えなくなるわけではありません(なお、6への今後のアップデート提供は「未定」とされています)。 やることは「①無償アップデート対象かの確認 → ②バックアップ → ③テーマ更新 → ...
AFFINGER7のAI機能は、テーマ本体に組み込まれた機能ではなく、プラグイン「AIサポート」と自分のOpenAI APIキーの組み合わせで動きます。 設定は APIキーの取得 キーの入力 モデル選択 の3ステップで、作業自体は短時間で終わります。 費用はテーマ代とは別にOpenAIの従量課金がかかりますが、私のOpenAI管理画面での実測では、今回の検証範囲で1操作あたり数円以下の水準でした。 リリース翌日に実機でAIサポートを設定して、そのまま使い始めました。この記事では、その体験と設定画面の一次情 ...
これ、意外とちゃんと整理されていないんですよね。 なぜなら、AFFINGER7の特典には大きく「公式特典」と「限定特典」の2種類があり、しかも購入ルートによって、もらえるものが変わるからです。 ここを理解しないで買うと、予定されていた特典を受け取れないことがあります。 先に仕組みだけ押さえておけば、この取りこぼしは避けられます。 この記事では、AFFINGER歴9年超の私KAZUが、公式特典の中身と当サイト限定特典(アイコン図鑑・プロンプト集など)の両方をまとめて解説します。 結論から言うと、「どこから買 ...
AFFINGERなどのテーマを使っていると、CTAや装飾ボックスを「パターン(旧:再利用ブロック)」として登録して使い回す場面が多いと思います。 登録する際に、うっかり「同期」にチェックを入れたまま登録してしまった…ということはありませんか? 「同期」設定になっていると、ある記事で文言を少し変えただけで、サイト内の同じパターンを使っている全ての箇所の内容が変わってしまいます。 「テンプレートとして呼び出して、個別に書き換えたかったのに……」 「設定で『同期』をオフにしようとしたけど、スイッチが見当たらない ...
読者の方からこんなSOSが届きました。 この症状、実はAFFINGERあるあるです。 しかも原因は、ほとんどの場合「たった1つのチェックボックス」。 今回は、実際のトラブル対応から見えてきた「スマホだけヘッダーが消える問題」の真相と、最短ルートでの解決法をシェアします。 症状の全貌:スマホで見ると、ヘッダーが跡形もなく消えている まず、典型的な症状を整理しておきましょう。 表示デバイスヘッダー画像ヘッダー枠よくある誤解PC✓ 完璧に表示✓ 存在する問題なしスマホ✗ 消失✗ 存在しない画像ファイルの問題?キ ...
そんな疑問にお答えします。 結論から言うと、通常のAFFINGER6ではPCとスマホに別々の動画を設定することはできません。 この機能を実現するには、上位版の AFFINGER6 EX版 が必要です。 この記事では、AFFINGER6 EX版を使って、PCとスマホで異なるYouTube動画・MP4動画を流す具体的な手順をわかりやすく解説します。 ※ヘッダー画像エリアにYouTube動画を流す方法は以下の記事で解説しています。 https://the-affinger.com/header-youtube/ ...
プロフィールは“何を書くか”と同じくらい、“どう見せるか”が大切です。 せっかく良い内容を書いていても、改行がなく文字がぎっしり詰まっていると読みにくくなってしまいます。 本記事では、誰でもコピペで再現できる「最小HTML」だけで、読みやすく・伝わりやすい自己紹介を整える方法をまとめました。 テキストが詰まって読みにくい、行間がない、リンクの置き方に迷う…といった悩みを、今日ここで解決しましょう。 HTMLタグでプロフィールを読みやすく整える方法 プロフィールカードの「紹介文」は、そのまま入力すると改行が ...
記事の冒頭に「この人が書いているんだ」とすぐにわかると、読者は安心して記事を読み進められます。 特にAdSenseの審査やSEOの観点からも、ライター情報の整備は信頼性を高める大切なポイントです。 ただ、AFFINGERのデフォルト表示だと少し素っ気なく感じることもあるんですよね。 実際、私も最初に設定したときは「シンプルすぎて物足りないな…」と思いました。 そこでこの記事では、AFFINGERの管理画面でできる設定に加えて、CSSを追加して見栄えをよくする方法をまとめました。 初心者でも「コピペ+ちょっ ...
AFFINGERのプロフィールカードって、デフォルトだとシンプルすぎて「ちょっと物足りないな…」と感じたことはありませんか? AFFINGERなら管理画面だけで「枠線・背景色・文字色・影・角丸」まで自由に調整できます。 さらに紹介文をHTMLで整えると、段落や文字サイズまできれいに仕上げられるので、読みやすさもアップ。 この記事では、 管理画面だけでできるカスタマイズ方法 HTMLを使って紹介文を整えるコツ を、実例つきでわかりやすく解説していきます。 プロフィールカードとは? プロフィールカードは、サイ ...