PR

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

Wordpress
記事内に広告が含まれています。

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

リンクカードとは

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

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

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

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

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

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

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

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

段落を選びます。

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

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

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

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

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

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

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

リンクカードの例

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

↓Youtubeトップページ

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

Yahooトップページ

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

Amazonトップページ

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

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

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

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

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

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

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

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

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

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

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

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

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