Cocoonのブログカードでドメイン名を表示しない wordpress

スポンサーリンク

WordPressテーマで最も人気のあるCocoonのブログカード(アドレスを記載(コピペ)するだけでリンク先についてのタイトルや紹介文が表示される機能)について、ドメイン名を表示させない方法について説明します。表示しないことで、レイアウトを少しスッキリさせることが出来るでしょう。通常は以下のように自サイトについても表示される。

今期アニメ プライムビデオとABEMA配信開始時間と更新情報一覧カレンダー 24年冬
2024年1月から3月までの冬アニメを紹介。 今期の期待/おすすめ作は「僕ヤバの2期」、「ダンジョン飯」 フリーレンと薬屋のひとりごとも第2クールとして秋から継続します。 配信日時情報は公式サイト掲載情報を参照しています。 var date
スポンサーリンク

リンク先を問わずに表示しない

以下のようにCSSを記述します。記述する場所は外観→カスタマイズ→追加CSSです。cocoon設定ではありません。対象となるクラスについてdisplay:noneとすることで、ドメイン名を表示させません。

スタイルシート

.blogcard-footer{
  display:none;
}

自分のサイト内へのリンクについてのみ表示しない

自分のサイト内のリンクについて表示せず、外部サイトがリンク先の場合についてのみ表示します。

スタイルシート

.internal-blogcard-footer{
  display:none;
}

こうすることで、外部サイトの場合は以下のようにそのまま表示され、自分のサイト内リンクの場合は表示されないようになります。おすすめの方法です。

Yahoo! JAPAN
あなたの毎日をアップデートする情報ポータル。検索、ニュース、天気、スポーツ、メール、ショッピング、オークションなど便利なサービスを展開しています。
transform 要素を変形するコピペで使えるHTML+CSS
要素を変形させるtransformについて、拡大縮小、移動、回転、傾斜など具体例を挙げて解説します。回転するrotateは::beforeセレクターと組み合わせて見出しのアイコンに使用するなどの用途もあり要注意事項です。

外部サイトへのリンクについて表示しない

自分のサイト内リンクの場合についてのみ表示します。(あまり意味がある方法では有りませんが・・・。)

スタイルシート

.external-blogcard-footer{
  display:none;
}