こんにちは、ハナです。
先日ブログ書いていて、ブログカードを表示させたいなと思いました。
この記事を書いている時です。
Cocoonならプラグインを入れることなく簡単にブログカード挿入することができました。
ブログカードを挿入する方法
ブログカードを挿入するにはいくつかの方法がありますが、 ブロックエディターで最も簡単に、内部リンクと外部リンクを貼る方法です。
ブロックエディターのブロックの追加の所に下記のようにURLを貼ります。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0216_1.png?resize=776%2C81&ssl=1)
★内部リンクの場合はリンクを貼ると下記のように表示されます。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0216_2.png?resize=700%2C280&ssl=1)
プレビューしてみるとこのように表示されます。
★外部リンクの場合はリンクを貼ると下記のように表示されます。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0216_7.png?resize=680%2C250&ssl=1)
プレビューしてみるとこのように表示されます。
![](https://wakuwaku-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/bf7b74a603900a8c1cdcdb8ffea10d4b.jpg)
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。
とっても簡単です、ブログカードを挿入したい時にはぜひ試してみてください。
Cocoonブロックのブログカードの使い方
ブロックエディタの、Cocoonブロックのブログカードを使うと複数のブログカードを挿入したいときや、ラベルの変更が簡単にできます。
①ブロックの追加をクリックします。
②よく使うものをクリックします。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0215_2.png?resize=700%2C400&ssl=1)
③Cocoonブロックをクリックします。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0215_3.png?resize=700%2C400&ssl=1)
④ブログカードのアイコンが表示されるので、クリックします。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0215_4.png?resize=700%2C400&ssl=1)
⑤複数挿入したいときはURLを下記のように挿入します。
ラベルは〇の所をクリックして関連記事や人気記事など選べます。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0216_8.png?resize=820%2C220&ssl=1)
プレビューしてみるとこのように表示されます。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2020/02/0210-160x90.png?ssl=1)
イタリア語を話せるようになった孫
こんにちは、ハナです。イタリア人と結婚した娘の子供は2歳を過ぎました。その孫が母親に向かって「この言葉はママには難しいね」と言ったと聞いてビックリしました。「この言葉はママには難しいね」 の言葉はイタリア語の事です。 パパと孫がイタリア語で...
![](https://wakuwaku-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/bf7b74a603900a8c1cdcdb8ffea10d4b.jpg)
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。
Cocoonブロックのブログカード使い方次第で色々なブログカードを一度に複数表示できるのでとても便利です。