リンクカード:リンクをカード状にする貼り方(Cocoonテーマ独自機能)

WordPressのテーマ、Cocoon(コクーン)には、簡単にリンクカードを貼れる機能が備わっています。

リンクカードとは

↓このように、リンク先をカード状に表示する機能です。

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。

これはWordpress無料テーマ、Cocoon独自の機能ですので、他のテーマではできない、もしくは表示の仕方が異なる場合があります。

リンクカード状にリンクを貼る方法

リンクカードのような形のリンクを貼るのは、とても簡単です。

貼りたいリンクのアドレスをコピー(Ctrl+C)します。

ブログの投稿画面を開きます。

(+)ブロックの追加をクリックします。

段落を選びます。

段落にカーソル『|』が点滅したら、そこにコピーしておいたアドレスをペースト(Ctrl+V)します。

すると瞬時にこのような↓画面になります

『このコンテンツは埋め込むことができません』と書いてありますが、気にしなくていいです。

『リンクに変換』ボタンをクリックします。

すると、↓このようにリンクのアドレスが表示されます。

この状態で『下書き保存(または更新)』をして、『プレビュー』を見てください。

↑このようにカード状に表示されます。(これは画像です)

リンクカードの例

上記の方法で貼って見たリンクカードの例をあげておきます。

↓Youtubeトップページ

YouTube
YouTube でお気に入りの動画や音楽を楽しみ、オリジナルのコンテンツをアップロードして友だちや家族、世界中の人たちと共有しましょう。

Yahooトップページ

Yahoo! JAPAN
あなたの毎日をアップデートする情報ポータル。検索、ニュース、天気、スポーツ、メール、ショッピング、オークションなど便利なサービスを展開しています。

Amazonトップページ

Amazon | 本, ファッション, 家電から食品まで | アマゾン
Amazon.co.jp 公式サイト。アマゾンで本, 日用品, ファッション, 食品, ベビー用品, カー用品ほか一億種の商品をいつでもお安く。通常配送無料(一部を除く)

・・・トップページばかり貼りましたが、もちろんトップページじゃない個別のページもリンクできます。

↓当ブログ教室受講者様のページ、リンクを上手く使っています

グリーンピア春日井
これは何のポーズ・…❓自然ウオッチング時(月1回)にオウレンの咲いている場所を教えていただいた久世さんたちのグループが写真展をするといわれていたので見に行きました。その帰りに園内を散策しながらカメラに収めてきましたハケアとはハ

自分のブログ内もリンクできる

もちろん、同じブログ内でもリンクすることができます。

自分のブログ内だと、投稿画面で、上記でご説明してきたのとは、違った見え方に貼り付けられます。

↓自分のブログのアドレスを貼り付けると、投稿画面での見え方はこんな感じです。

投稿画面との見た目が違うので戸惑うかもしれませんが、プレビューで見たほうがホンモノの画面なので気にしないでください。

※ブログカード機能はCocoon独自の機能ですが、自分のブログ内のリンクの場合、Cocoon以外の他のテーマを使っていても自動でリンクカードになる場合があります。(見栄えはテーマにより異なります)

リンクカードは簡単に貼れて見やすいのでオススメ

このように、リンクカードはアドレス(URL)を段落ブロックにコピペするだけで貼ることができます。

ただし、Cocoonのテーマを使っていないとカード状にならないので、他のテーマを使っている方はご注意ください。

↓Cocoonは無料なのに多機能なのでおすすめです。

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。
タイトルとURLをコピーしました