記事内で別の記事を紹介したいと思ったときの方法を３つ紹介します♪
こんな感じの別記事を表示させる方法です。
上は「AFFINGER:記事一覧」にて別記事を表示していますが、別記事を表示させる方法はいくつかあるので説明していきます。
記事内に別記事を表示させる３つの方法
- 「埋め込みURL」で表示させる
- 「AFFINGER:記事一覧」で表示させる
- 「ショートコード」で表示させる
①「埋め込みURL」で表示させる方法
ブロックの「埋め込み」を選択して「埋め込みURL」の入力欄に表示させたい記事のURLをコピペします。
最後に「埋め込み」をクリックするだけでOKです。
記事の入力画面ではデフォルトの少し大きめな表示になっていますが、自動でブログカードデザインに変換されます。
記事入力画面での実際表示
埋め込みURL：ラベルを付ける方法
キャプションを編集するとラベルとして表示させることができます。
実際には下のようにリボン型でラベルが表示できます。
ラベルの背景色やテキスト色を変更する方法
ラベルの背景色やテキスト色を変更することも可能です。
「外観」→「カスタマイズ」→「オプション（その他）」→「ブログカード / ラベル」で変更可能です。
| 枠線 | 色を変更可能 |
| 枠線を太くする | - |
| ラベル背景色 | 背景色を変更可能 |
| ラベルテキスト色 | ラベルのテキスト色を変更可能 |
| ラベルデザイン | 現在ラベルのデザインはリボン型のみです |
ラベルの色などを変更したら「公開」をクリックして保存するのを忘れないようにしてください。
ラベルの設定方法についての詳細はこちらの記事をご覧になってください。
②「AFFINGER:記事一覧」で表示させる方法
「AFFINGER:記事一覧」で表示させた場合、実際の表示はまた違ってきます。
記事一覧で表示させた場合はこんな感じです。
※ 「AFFINGER:記事一覧」ではラベルを表示させることはできません。
ブロックの「AFFINGER:記事一覧」で簡単に表示させることができます。
「AFFINGER:記事一覧」で可能な設定
| ① 記事ID | 記事IDをカンマで区切って入力することで複数の記事を表示できます。 |
| ② ランキング | 表示記事に番号を付けることができます。 |
| ③ カード化 | 記事をカード化して表示することができます。（※EX版限定） |
| ④ スライドショー | 記事をスライドショー表示させることができます。（※EX版限定） |
① 記事ID
記事IDをカンマで区切って入力することで複数の記事を表示させることができます。
記事IDって？
記事IDは記事一覧から確認することができます。
例えば、３つの記事IDをカンマで区切って入力すると下のように表示されます。
-
-
初心者にお勧めのWordPress有料テーマ-収益化に繋げる為の厳選２つ-
2025/6/3 AFFINGER6
「ブログで稼ぎたい！」と考えてWordpressを始めた初心者の方なら テーマ選びは重要です！ なぜなら、テーマによって使いやすさが違うからです。 初心者の方は色々と知識が不足している状態です。 知識 ...
-
-
【WordPressの初期設定】記事を作成する前にやる事をリストアップで解りやすく解説！
2025/6/29 ブログ作成
そんな方向けに、最初にやるべき初期設定を詳しく解説します。 記事を作成しなければ、ブログを収益化することはできません。 必要な設定をサクッと終わらせて、ブログの収益化を目指そう！ Wordpressの ...
-
-
【お名前.comレンタルサーバー】でWordPressを始める方法【初心者向け】
2025/8/31 ブログ作成
この記事では「お名前.comレンタルサーバー」でドメイン取得からWordPressを導入してブログを始める手順を初心者向けに解説しています。 ※ 設定画面の画像などは変更になる可能性がありますのでご了 ...
② ランキング
ランキングタブをONにするとこんな感じです。
-
1
-
初心者にお勧めのWordPress有料テーマ-収益化に繋げる為の厳選２つ-
2025/6/3 AFFINGER6
「ブログで稼ぎたい！」と考えてWordpressを始めた初心者の方なら テーマ選びは重要です！ なぜなら、テーマによって使いやすさが違うからです。 初心者の方は色々と知識が不足している状態です。 知識 ...
-
2
-
【WordPressの初期設定】記事を作成する前にやる事をリストアップで解りやすく解説！
2025/6/29 ブログ作成
そんな方向けに、最初にやるべき初期設定を詳しく解説します。 記事を作成しなければ、ブログを収益化することはできません。 必要な設定をサクッと終わらせて、ブログの収益化を目指そう！ Wordpressの ...
-
3
-
【お名前.comレンタルサーバー】でWordPressを始める方法【初心者向け】
2025/8/31 ブログ作成
この記事では「お名前.comレンタルサーバー」でドメイン取得からWordPressを導入してブログを始める手順を初心者向けに解説しています。 ※ 設定画面の画像などは変更になる可能性がありますのでご了 ...
③ カード化
カード化はAFFINGER６ EX版限定の機能になります。
カード化を有効にするとこんな感じです。
2025/6/3
初心者にお勧めのWordPress有料テーマ-収益化に繋げる為の厳選２つ-
「ブログで稼ぎたい！」と考えてWordpressを始めた初心者の方なら テーマ選びは重要です！ なぜなら、テーマによって使いやすさが違うからです。 初心者の方は色々と知識が不足している状態です。 知識がある方に比べたらスタート地点が違うわけです。 そんな中で使いにくいテーマやいっぱい学習しないと扱えないようなテーマでは収益化に更に時間がかかってしまいます！ 上手くブログ運営が進まずに挫折してしまうかもしれません。 初心者の方が有料テーマを選ぶなら 色々と覚えなくても直感で操作できる！ 簡単にデザインを変更 ...
2025/6/29
【WordPressの初期設定】記事を作成する前にやる事をリストアップで解りやすく解説！
そんな方向けに、最初にやるべき初期設定を詳しく解説します。 記事を作成しなければ、ブログを収益化することはできません。 必要な設定をサクッと終わらせて、ブログの収益化を目指そう！ Wordpressの初期設定：やる事リスト 無料SSLを導入する キャッチフレーズ欄を編集する 「検索エンジンでの表示」項目を変更する 投稿へのコメント許可を選択する 「パーマリンクの設定」を変更する 重要 プロフィール設定を変更する 不必要なプラグインを削除する サンプルページを削除する ワードプレスのテーマを変更する 重要 ...
2025/8/31
【お名前.comレンタルサーバー】でWordPressを始める方法【初心者向け】
この記事では「お名前.comレンタルサーバー」でドメイン取得からWordPressを導入してブログを始める手順を初心者向けに解説しています。 ※ 設定画面の画像などは変更になる可能性がありますのでご了承ください。 【お名前.comレンタルサーバー】でWordPressを導入するまでの流れ 「お名前.comレンタルサーバー」でWordPressを導入してブログを始めるのは次の２ステップでOKです。 ドメインとサーバーを用意する サーバーにWordPressをインストールする STEP.1 ドメインとサーバー ...
④ スライドショー
スライドショーもAFFINGER６EX版限定の機能です。
スライドショーを有効にするとこんな感じになります。
3.「ショートコード」で表示させる方法
「ショートコード」で別記事を表示させる方法です。
まず、クラシックブロックを選択してタグをクリックします。
「記事一覧/カード」→「記事一覧」をクリックします。
記事一覧のショートコードが表示されます。
| st-postgroup id="記事ID,記事ID,記事ID” | 表示させたい記事IDをカンマで区切って入力 |
| rank="yes" | ランキングを表示させたいとき”yes"を入力 |
実際の表示は「AFFINGER:記事一覧」と同じになりますし、初心者の方には「AFFINGER:記事一覧」で別記事を表示させる方法のほうがわかりやすいと思います。
また、「埋め込みURL」や「ショートコード」で別記事を表示させた場合、下書き保存や公開の際に
「更新に失敗しました。返答が正しいJSONレスポンスではありません。」
というエラーが発生することがあります。
正直、このエラーが発生する原因はよくわからないのですが、「埋め込みURL」や「ショートコード」で別記事の内部リンクを作成してすぐに下書き保存や公開をするとエラーが発生する感じがします。
同じようなエラーが発生した場合には再度「埋め込みURL」や「ショートコード」で別記事を作成したあとにしばらく（１分程度？）時間をおいてから下書き保存や公開を試してみてください。
「埋め込みURL」や「ショートコード」を利用すると結構不具合が生じる感じがします。
パソコンでの表示は問題なかったのにスマホで確認すると表示が崩れてしまっていたり、読み込みがすごく遅くなってしまったりしました。
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/7/8 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...
AFFINGER6：関連記事
2025/8/15
【知っておくべき！】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択！
AFFINGER6を使ってみたい！ という方に ちょっと待ってください！ AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できます。 また、購入プランに迷っている方も要チェックです！ AFFINGER6とは？購入を検討している方へ AFFINGER6は多くの有名ブロガーさんも利用している人気の有料テーマです。 特徴としては、次ような点を挙げることができます。 収益化に特化 「稼ぐに特化したテーマ」がコンセプトでアフィリエイトにお勧め。 ...
2025/7/10
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内容を初心者向けに詳しく解説しています。 AFFINGER６を使ってみたいなぁと思った方は参考にしてみてください。 価格 １４，８００円（税込み） 有名ブロガーさん多数使用のWordPressテーマ！ 「稼ぐ」に特化！アフィリエイトサイトにお勧め！ 高いカスタマイズ性能！ 直感操作で初心者にもおすすめ！ このブ ...
2025/6/3
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 機能比較表：AFFINGER6 vs AFFINGER6 EX 機能AFFINGER6AFFINGER6 EX記事のカード化無限スクロール機能トップページの１カラム化ヘッダーナビゲーション・ ...
2025/6/3
AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由
WordPressの有料テーマであるAFFINGER6（アフィンガー6）は、「収益化に強い」と評判のテーマです。 ただ、初めてブログを始める初心者にとっては「本当に使いこなせるの？」と不安もありますよね。 この記事では、AFFINGER6が初心者におすすめな理由と購入前に知っておきたいポイント、導入のコツまでをわかりやすく紹介しています。 AFFINGER6は初心者にこそお勧めのテーマ！ 結論から言えば、AFFINGER6は初心者の方が購入しても大丈夫です。 むしろ初心者の方にこそお勧めのテーマです。 A ...
2025/6/3
【本音レビュー】AFFINGER6の評判は？実際に使ってわかったメリット・デメリット
「収益化に強いWordPressテーマ」として有名なAFFINGER6（アフィンガー6）。 ブロガーやアフィリエイターに人気ですが、「評判は本当？」「使いこなせるの？」と不安に感じる方も多いのではないでしょうか？ この記事では、実際にAFFINGER6を使ってわかったリアルな使用感と世間の評判を本音でお伝えします。 AFFINGER6の良い評判・口コミまとめ AFFINGER6の口コミ・評価をまとめてみると次のような声が多くあります。 良い口コミ・評価 良い口コミ・評価としては次の内容が多かったです。 ...
2025/6/3
AFFINGER6 vs SWELL｜どっちを選ぶべき？徹底比較！
この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 『SWELL』と『AFFINGER6』の二択！ という方向けの記事なので、迷っている方は参考にしてみてください。 SWELLとAFFINGER6を比較 『SWELL』と『AFFINGER6』について１０個のポイントで徹底比 ...
2025/6/3
AFFINGER6 vs THE THOR｜どっちが稼げる？初心者にもおすすめのテーマ比較
WordPressブログで収益化を目指すなら、テーマ選びは極めて重要です。 「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 AFFINGER6とTHE THORのどちらを利用しようか迷っている方も多いのではないでしょうか。 この記事では、AFFINGER6とTHE THORの違いを徹底比較！ AFFINGER6とTHE THORの比較 『AFFINGER6』と『THE THOR』を10の視点から比較してみていきます。 操作性・使いやすさ 価格 ...
2025/7/10
AFFINGER6をおすすめする５つの理由【買う価値ある？】
ブログで本気で稼ぎたいならテーマ選びも重要です。 数あるテーマの中でも AFFINGER6 は「稼ぐ」に特化したテーマをコンセプトに多くのトップアフィリエイターの方にも支持されているテーマの１つです。 この記事では 「本当に買う価値があるの？」 と迷う方に向けて、実際に導入して感じたメリットを ５つ に絞って解説します。 お勧めする理由 豊富な記事作成機能 SEO対策済み テンプレートが豊富 収益化に特化 アップデートの対応が早い 理由① 豊富な記事作成機能 メインとなる記事作成の機能が豊富で、ある程度直 ...