アフィンガーのデザインを追求するサイト

AFFINGERの「タブブロック」は、複数の情報をスッキリ整理して見せたいときにとても便利な機能です。 料金プランの比較や、Q&Aをまとめるときなどに使うと、見た目もわかりやすくなります。 ただ正直なところ、最初に使ったときはかなり迷いました。 特に「タブを増やしすぎたときにどうやって削除するのか？」がわからず、しばらく悩んで検索したことがあります。 同じように困っている方も多いはずです。 そこで今回は、タブブロックの基本操作からタブの追加・削除の方法、デザイン設定や活用例まで、初心者でもつまずか ...

Contact Form 7の初期デザインは、シンプルだけど素っ気なく「そのままではちょっと使いにくい」と感じる方も多いはずです。 そこで今回、当サイト限定の購入者特典（スタンダード以上）として、すぐに使える「デザイン済みフォームテンプレート」をご用意しました。 コードをコピペするだけで、信頼感のあるお問い合わせフォームに変わり、成約導線の改善にもつながります。 本記事では、デフォルトの課題 → 特典テンプレの特徴 → Before/After比較 → 導入手順 → 特典の入手方法 までを具体的に解説しま ...

「アクセス解析」と聞くと、まずGoogleアナリティクスを思い浮かべる方が多いと思います。 でも実際に使ってみると、 「どの記事を直せばいいのか分からない」「見ても数字ばかりでピンとこない」 と感じてしまう人が少なくありません。 そこで導入したのが「PVモニター」です。 特に記事が伸び悩んでいたとき、このPVモニターを頼りにリライトを繰り返した結果、アクセスも収益もグッと伸びた実感があります。 本記事では、PVモニターの特徴や使い方、導入メリットを実体験を交えながら解説していきます。 さらに後半では、タグ ...

と思ったことはありませんか？ 私自身も「一括で削除する方法があるのでは？」と探し回ったことがありました。 結論から言うと、残念ながらAFFINGERやWordPressには「ウィジェットをリセットする機能」はありません。 そこで今回は、なぜそうなるのか、そして現実的にどう対応すればいいのかを、実体験をもとに解説していきます。 一括削除はできない（公式仕様） 結論から言うと、AFFINGERやWordPressには「ウィジェットを一括削除」する機能はありません。 「データ引き継ぎプラグイン」を使えば新しいウ ...

AFFINGERの魅力は「稼ぐ」に特化した機能が豊富に揃っていることですが、その中でも成果に直結するプラグインが 「AFFINGERタグ管理マネージャー4」 です。 このプラグインを使えば、広告やリンクのクリック数を正確に計測でき、どの導線がユーザーに刺さっているのか一目でわかります。 アフィリエイトや自社サービスの販売をしている方にとっては、いわば 「収益の見える化ツール」 と言える存在です。 とはいえ、価格は 21,800円（税込） と安くはありません。 「本当に必要なの？」「PVモニターとどう違うの ...

WordPressのブログ記事を読みやすくするうえで欠かせないのが「目次」です。 そして、AFFINGERユーザーにとって定番なのが「SUGOI MOKUJI（すごいもくじ）」という専用プラグインです。 実はこのプラグインには LITE版（無料） と PRO版（有料） の2種類があります。 「とりあえず目次を入れたい」→ LITE版で十分 「どの見出しがクリックされているか分析したい」「記事を改善したい」→ PRO版が強力 この記事では、両者の違いと使い方を初心者〜中級者向けにわかりやすく解説していきます ...

WordPressで「お問い合わせフォーム」を設置したのに、なぜかメールが届かない…。 しかも送れても迷惑メールに入ってしまう…。 こうしたトラブルの多くは、WordPressが標準で使っている「PHP mail」という送信方式が原因です。 そこで役立つのが WP Mail SMTP というプラグイン。 このプラグインを使えば、サーバーに作成した独自ドメインメール（例：[email protected]）を正しく経由して送信できるようになります。 今回は、Xserverのドメインメールを例にして、WP M ...

「ドメインメールを使えば迷惑メールに入らなくなる」 そんな情報を見て安心していたのに、実際にやってみると自動返信したメールが迷惑フォルダに入ってしまう…。 私自身、まさにこの状況に直面しました。 ドメインメール（info@〜）をきちんと設定しているのに、自動返信設定したメールが迷惑メールフォルダに振り分けられてしまったんです。 これは珍しいことではなく、原因と対策を押さえれば解決できる問題です。 この記事では、なぜドメインメールを使っても迷惑フォルダに入ってしまうのか、その原因と解決方法 を、初心者の方で ...

お問い合わせフォームを設置したときに必須なのが「スパム対策」。 特にContact Form 7（CF7）では、Googleの reCAPTCHA を使うのが一般的です。 ところが、導入した途端に「送信できない」「エラーが出る」「バッジが表示されない」といったトラブルに悩む方も少なくありません。 私自身も最初は「なんで動かないんだろう？」と焦ったことがあります。 この記事では、初心者でも解決できるように reCAPTCHAでよくあるエラーと、その解決方法を分かりやすく解説します。 Contact Form ...

「お問い合わせありがとうございます」 という自動返信メール。 これが届くだけで、送信したユーザーは「ちゃんと送れたんだ」と安心できます。 でも、Contact Form 7で設定したのに「自動返信メールが届かない…」という声をよく聞きます（わたしも経験者です）。 自動返信メールが届かない原因はだいたい決まっています。 この記事では、初心者でもわかるように、自動返信メールが届かないときの原因と解決方法 を順番に解説していきます。 自動返信メールとは？ 自動返信メールは、フォームから送信したユーザーに対して自 ...

WordPressでサイトを作ったら、必ず必要になるのが「お問い合わせフォーム」です。 「お問い合わせフォームなんてどうやって作ればいいの？」「難しそう…」と思われる方も多いんじゃないでしょうか。 いろいろな方法がある中で、いちばんおすすめなのが 「Contact Form 7」 という無料プラグインです。 世界中で使われていて、日本語情報も豊富。何よりAFFINGERとの相性もいいので、当サイトでは必ずといっていいほど導入しています。 この記事では、WordPress初心者でも迷わずフォームを完成させら ...

前回の記事では「WP All Export」の使い方を紹介しました。 このプラグインを使うと、記事データをCSVやExcelに一括エクスポートできるのでとても便利です。 https://the-affinger.com/wp-all-export/ 参考 ところが、エクスポートしたファイルをそのままAIに読み込ませてみると、うまく認識されないケースが意外と多い。。。 「せっかく出力したのに、思ったように読み込んでくれない…」 という状況に私も遭遇し、試行錯誤した結果、解決策を見つけました。 そこで今回は、 ...

WordPressで記事が増えてくると、「全体を一覧で見たい」「エクセルで管理したい」と思うことはありませんか？ でも、ひとつずつタイトルやURLをコピペしてエクセルにまとめるのは正直しんどすぎです（じつは私これ、やってました）。 そこで便利なのが「WP All Export」というプラグイン。 このプラグインを使うと、記事データを一括でエクスポート（出力）して、エクセルやCSVでまとめて確認できます。 今回は、初心者でも迷わず使えるように、WP All Exportの基本的な使い方とエクスポートできる項 ...

ホームページを作りたいけれど、どのWordPressテーマを選べばいいのか迷っていませんか？ 私も実際に ハンドメイドブランドのデモサイト「COLORËdo」 を制作する中で、AFFINGERを使い、その強みと弱みを体感しました。 結論から言うと、AFFINGERは「ブログ運営」だけでなく「ホームページ制作」にも十分対応できるテーマです。 特に、「ウィジェットエリアの豊富さ」や、専用プラグインによる「分析・改善機能」は、サイトを育てたい人にとって大きな武器になります！ この記事では、実際にAFFINGER ...

AFFINGERの「タブブロック」は、複数の情報をスッキリ整理して見せたいときにとても便利な機能です。 料金プランの比較や、Q&Aをまとめるときなどに使うと、見た目もわかりやすくなります。 ただ正直なところ、最初に使ったときはかなり迷いました。 特に「タブを増やしすぎたときにどうやって削除するのか？」がわからず、しばらく悩んで検索したことがあります。 同じように困っている方も多いはずです。 そこで今回は、タブブロックの基本操作からタブの追加・削除の方法、デザイン設定や活用例まで、初心者でもつまずか ...

「アクセス解析」と聞くと、まずGoogleアナリティクスを思い浮かべる方が多いと思います。 でも実際に使ってみると、 「どの記事を直せばいいのか分からない」「見ても数字ばかりでピンとこない」 と感じてしまう人が少なくありません。 そこで導入したのが「PVモニター」です。 特に記事が伸び悩んでいたとき、このPVモニターを頼りにリライトを繰り返した結果、アクセスも収益もグッと伸びた実感があります。 本記事では、PVモニターの特徴や使い方、導入メリットを実体験を交えながら解説していきます。 さらに後半では、タグ ...

AFFINGERを使っている方の中には、カスタムボタンを「クリックされる導線」として活用している方も多いと思います。 でも、ホバー演出（マウスを乗せたときの反応）がデフォルトのままだと、少し物足りないと感じたことはありませんか？ この記事では、ホバー時に“うっすら”と背景色が変化するCSS演出をご紹介します。 ユーザーの視線を自然に引きつけ、クリック率の向上にもつながる実践的なテクニックです。 追加CSSでホバー演出を定義 まずはWordPressの管理画面で、以下のCSSを追加します。 操作手順 「外観 ...

という方のために、AFFINGER（アフィンガー）の「ステップ」機能をご紹介します。 AFFINGERには、 見出しブロックの「ステップ」スタイル クラシックブロックの「ステップ」パーツ この2パターンのステップ機能が存在します。 これらの機能を使えば、読者に「手順」や「流れ」をわかりやすく伝えることができるのですが、使い方にはコツが必要です。 それではAFFINGERの「ステップ」機能の使い方と、効率的な使い方を詳しく解説していきます AFFINGERの「ステップ」機能とは？ AFFINGERの「ステッ ...

サイトの見た目を格好よくしたいけど、どうやっていいかわからない… AFFINGER6のデザイン済みデータを使えば、誰でも簡単にプロ級のデザインを自分のサイトに取り入れることができます。 この記事では、初心者の方でも迷わずにできるデザイン済みデータの作成方法を解説していきます。 まずはここからスタートして、あなたのサイトをもっと魅力的に変身させましょう！ AFFINGER6のデザイン済みデータとは デザイン済みデータとは、AFFINGERユーザーが簡単にサイトの見た目を整えることができるよう設計された「完成 ...

この記事では「AFFINGER6（アフィンガー６）」に、デザイン済みデータを反映させるための手順を詳しく解説しています。 デザイン済みデータは、初心者でも容易に美しいデザインを反映できるアフィンガー専用データです。 このデータ設定は慣れれば簡単ですが、初回は操作に戸惑うことがあります。 そこで今回は、初心者向けにデザイン済みデータの適用手順を詳しく解説していきます。 AFFINGER6 のデザイン済みデータは全部で11種類 通常のAFFINGER6用 SIMPLE START Tidy2 MUKU clo ...

AFFINGER6には、「自動カウント」という機能があります。 これは、見出しの頭に数字を入力しなくても、自動で連続した番号を表示してくれるという、非常に便利な機能です。 自動カウントには大きく、 「見出しスタイル（ステップ・カウント）」を使った方法 「連番（CT）」を使った方法 の2種類があり、それぞれ使い方も見た目も異なります。 それぞれ詳しく解説していきます。 自動カウントの特徴 はじめに、自動カウントを知らない方のために、自動カウントの特徴を簡単に説明しておきます。 自動カウントには、以下の2つの ...

この記事では、 「PCのヘッダーとメニューの境目がわかりにくい」 「ヘッダーの境界線に影をつけられないかなぁ」 という悩みを解決します。 PCヘッダーの境界線に影をつける方法のひとつに「CSSを追加する方法」があるんですが、AFFINGER6では CSSを追加する必要はありません。 やることは ドロップシャドウの設定に適応IDを追加するだけです。 ということで今回は、PCヘッダーに影をつける簡単な方法と、PCヘッダーの境界線に影が追加されない場合の対処法を解説していきます。 スマホのヘッダーにも影をつけた ...

アフィンガー6をインストールすると、ダッシュボードメニューの1番上に「マイブロック」が表示されます。 「これってどんな機能？」 「再利用ブロックと何が違うの？」 という疑問をもっている方が多いんではないでしょうか。 アフィンガー6を購入してマイブロックを使わないのは、非効率の極みと言っていいほど損しています。 そこで今回は、「マイブロック」の便利な使い方について、詳しく解説していきます。 マイブロックと再利用ブロックの違い まずは、「マイブロック」と「再利用ブロック」の違いについて簡単に説明します。 マイ ...

今回は、ブロックエディタで「見出し付きフリーボックスを使いこなす方法（初級編）」として解説していきます。 見出し付きフリーボックスとは、AFFINGER6の専用ブロックのひとつです。 ここでは、初心者の方でもわかるように、写真とアニメーションを使ってわかりやすく解説していきます。 使用するのは「ブロックエディタ」です。「クラシックエディタ」は使用しません。 AFFINGER6専用「Gutebergプラグイン2」を必ず有効化してください。 見出し付きフリーボックスの装飾例 まずはじめに、見出し付きフリーボッ ...

今回は、ブロックエディタでAFFINGER専用メモボックス（メモブロック）を使いこなす方法（基本編）として解説していきます。 メモボックスとは、AFFINGER6の専用ブロックのひとつ。 メモボックスは2種類に分かれます。 段落スタイルのメモボックスAFFINGER専用ブロックのメモボックス ここでは、AFFINGER専用ブロックのメモボックスの使い方について、詳しく解説していきます。 段落スタイルのメモボックスの使い方については、以下の記事に詳しく書いているので、2種類を使い分けたい方はぜひチェックして ...

今回は、ブロックエディタでマイボックスを使いこなす方法（初級編）として解説していきます。 マイボックスとは、AFFINGER6の専用ブロックのひとつです。 AFFINGER6で使えるボックスの中でも「マイボックス」は使い勝手がいいのでよく使います。 ここでは、AFFINGERの使い方にまだなれていない方でもわかるように、写真とアニメーションを使ってわかりやすく解説していきます。 使用するのは「ブロックエディタ」です。「クラシックエディタ」は使用しません。 AFFINGER6専用「Gutebergプラグイン ...

ドロップシャドウとは、文字や画像に対する視覚効果のひとつで、対象の輪郭の脇に影が落ちているような演出を行うことです。 簡単に言うと、影を演出することで浮いているように見せられる効果のことです。 AFFINGER6は、ドロップシャドウを追加したい装飾ブロックを、ピンポイントで設定することができます。 段落スタイルのボックスとAFFINGER専用のボックスにメリハリをつけたい！ドロップシャドウありとなしをうまく使い分けたい！AFFINGER6を使っている他の人と差別化したい！ という方はぜひ参考にしてください ...

AFFINGER6のカスタムボタンには、「影」または「ドロップシャドウ」をつけることができます。 「影」と「ドロップシャドウ」はまったく別物。 簡単に説明すると、 「影」→ボタンが立体的に見える「ドロップシャドウ」→ボタンが浮いて見える という違いがあります。 それではそれぞれの設定を解説していきます。 カスタムボタンに「影」をつける手順 カスタムボタンに影を追加するのは、ブロック編集の「レイアウト・デザイン設定」にて行います。 １．新しい段落に「/カスタムボタン」と入力し、カスタムボタンのブロックを挿入 ...