Word Press超初心者の私です。少しずつですが記事の数が増えてきました。
すると関連する記事内容も出てきます。
そんな時に、他ブログでみかける「あわせて読みたい」を記事内に入れたいと思う様になりました。
こんな感じです↓
![](https://yorks-design.com/wp-content/uploads/2021/09/あわせて読みたい23-1-1024x607.png)
Word PressテーマCOCOON でのブロックエディタ(Gutenberg)を使用して
超初心者の私でも簡単にできましたので、まとめておきたいと思います。
同じような方の参考になればと思います。
ブログカードの設置までできている場合は、その部分は読み飛ばしてください。
1.ブログカードの設定をする
ダッシュボード【COCOON 】→タブ【ブログカード】→【内部ブログカードの設定】
![](https://yorks-design.com/wp-content/uploads/2021/09/あわせて読みたい1-1024x773.png)
・ブログカード表示・・☑ブログカード表示を有効にする
・サムネイルスタイル
・日付表示
・リンクの開き方
※「リンクの開き方」は同一ウィンドウか別ウィンドウどちらで開くかです。
2.ブログカードを設置する
投稿画面にてブロックの追加より【ブログカード】を選択(表示なければ🔍で「ブログカード」と入力)
![](https://yorks-design.com/wp-content/uploads/2021/09/あわせて読みたい2-1024x607.png)
ブログカードが設置されました。
![](https://yorks-design.com/wp-content/uploads/2021/09/FireShot-Capture-112-投稿を編集-‹-yorks-design-—-WordPress-yorks-design.com_-1024x250.png)
「あわせて読みたい記事」のURLをコピペします
![](https://yorks-design.com/wp-content/uploads/2021/09/FireShot-Capture-113-投稿を編集-‹-yorks-design-—-WordPress-yorks-design.com_-1024x207.png)
3.ブログカードのスタイル設定をする
右側のスタイル設定画面の【ラベル】より「あわせて読みたい」を選択します。
![](https://yorks-design.com/wp-content/uploads/2021/09/あわせて読みたい3-1024x607.png)
他にも
・関連記事
・人気記事
・参考リンク
などもあります。
プレビューすると無事確認できました!
![](https://yorks-design.com/wp-content/uploads/2021/09/あわせて読みたい23-1024x607.png)
以上私にも簡単に「あわせて読みたい」ラベルを記事内に入れる事ができました。
他のラベルなども利用して、分かりやすく情報の提供ができるブログ作りに役立てみて下さい。
コメント