こんにちは、れいです。
この記事では、
WordPressテーマ「Jin」で投稿画面(グーテンベルク)にテキストリンクとブログカードの両方を関連記事として貼った時、レイアウトがおかしくなる時の対処法
を初心者でもわかりやすく、図を用いて解説します。
こういった悩みに答えます。
実際に当ブログもWordPressテーマ「Jin」を使っていて、このような問題が起きたのですが、対処法を見つけて今ではテキストリンクとブログカードの両方で関連記事を貼れています。
僕はこの方法でブログ運営をしており、フリーランスとして生活していくことに確信が持てたので現在大学生なのですが、就職活動を辞め新卒フリーランスを目指すことにしました。
こういった僕が解説していきます。
»【2023年版】アフィリエイトブログのおすすめツール14選【厳選】
»【2023年版】アフィリエイトにおすすめ無料ASP7選【審査なし】
»【たった5分】Contact Form 7の使い方(お問い合わせフォーム作成
【Jin】テキストリンク&カード併用でレイアウトがおかしくなる時の対処法
WordPressテーマ「Jin」で投稿画面(グーテンベルク)にテキストリンクとブログカードの両方を関連記事として貼った場合、最新バージョンにも関わらず、
このようにレイアウトがおかしくなる時があります⇩
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/8ad978fc52deb4aaf10943b61100abe8-1.png)
求めているレイアウトはこれ⇩
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/f02db8a1dceb7270760ff635098fe428-e1623662169727-1-1.png)
結論、対処法は「クラシックエディターにブログカードのURLを貼る」です。
やり方がわからない方向けに解説していきます。
クラシックエディターにブログカードのURLを貼る方法
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/6b405e66213062d8a97c10e25e56cc68-1-1024x479-1-1024x488.png)
①投稿画面のブロックの横にある「+」をクリック
②クラシックをクリック
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/a954cf3df63bf2ce73379f82e6479eb1-1.png)
クラシックエディターにブログカードで表示したい関連記事のURLを入力
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/Image-2021-06-14-18.54.07-1.png)
その後、テキストリンクをビジュアルエディターにいつも通りに貼り付け
![](https://reirei-jinsei.com/wp-content/uploads/2021/06/f02db8a1dceb7270760ff635098fe428-e1623662169727-1.png)
プレビューを表示すると、このような綺麗なレイアウトになっています。これで完了です。
まとめ:クラシックエディターにブログカードのURLを貼る
今回は、WordPressテーマ「Jin」で投稿画面(グーテンベルク)にテキストリンクとブログカードの両方を関連記事として貼った時、レイアウトがおかしくなる時の対処法について解説しました。
この問題は今後のJinのアップデートで改善されるかもですね。
![【2021年版】アフィリエイトにおすすめ無料ASP7選【審査なし】](https://reirei-jinsei.com/wp-content/uploads/2021/05/33088c6f13963fbba7ea123359b37cb8-320x180.jpg)
![【2023年版最新】AIで稼ぐ方法7選【詳しく解説】](https://reirei-jinsei.com/wp-content/uploads/2021/06/c644199d29959d0d4a9eb383fc8046ac-320x180.png)