僕はブログをはじめて50日
ブログ初心者が説明するcocoonの設定
ブログの中に自分の記事を紹介する吹き出し作りたいですよね
僕は苦労しましたけど、結局わりと簡単でした
では説明します
テーマcocoonの場合 ブロックエディター(デフォルトでこの設定になっていると思います)
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-1024x683.png)
記事を書く画面の+をクリック
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-1-1024x683.png)
すべてを表示をクリック
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-2-1024x683.png)
ブログカードをクリック
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-4-1024x683.png)
クリックするとラベルなしの吹き出しができます
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-5-1024x683.png)
右の⚙をクリック
ラベルが選択できるようになります
合わせて読みたいを選択
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-6-1024x683.png)
ラベルが記入されました
水色の枠に、リンクさせたいURLをコピペする。
【注】必ずURLを入れないと画像が取り込めませんでした。
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-7-1024x683.jpg)
リンクさせたいページのURLをコピペ
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-8-1024x683.png)
水色の枠にURLを貼り付けたら完成
![](https://tonboyakichibei.com/wp-content/uploads/2021/08/2021-08-21-9-1024x683.png)
こんな感じ
![](https://tonboyakichibei.com/wp-content/uploads/cocoon-resources/blog-card-cache/3c11828685d0939fe060b3ac36eac949.png)
【Cocoon】ブログカードの「あわせて読みたい」が表示されない理由【cssで解決】
WordPressCocoonで、ブログカード左上の「あわせて読みたい」や「関連記事」といったラベルが表示されないケースがあるので、解決方法を3つ紹介します。
yujiblogを引用
yujiさんのブログがわかりやすかったです。
ありがとう、ゆうじさん。
この技が使いたかったのです。
自分のブログ記事と関連付けて読んでもらえるとうれしいです。
![](https://tonboyakichibei.com/wp-content/uploads/2021/07/bug_character_tonbo-1.png)
明日はきっといい日になる。
コメント