コクーン(Cocoon)リンク先を詳しく目立たせる方法

[temp id=1]

目次

リンク先を分かりやすくするブログカード

ワードプレスのコクーン(Cocoon)テーマにも標準装備されている指定したページへジャンプする「」リンクマーク。

別のページに移動させるために使いますよね。

全く無知の🔰って基本に忠実なので、本屋で買ったワードプレスの本を参考にリンク先を設定していました。

  1. ワードプレスの「」リンクマークをクリック
  2. 表示されたリンクの設定をクリック
  3. URLを入力
  4. 文字列を入力
  5. リンクを新しいタブで開くを選択(しない時もある)

こんな感じでリンク先を指定していました。

波乗りアヒル

当然ながら味気ないシンプルなリンクが完成

ブログを始めてネタ切れというか行き詰った頃に、解決法を求めて様々なページを見ていたら、リンク先が自分のブログと比べて明らかに分かりやすく作られているページをよく見かけました。

文字だけじゃなく、画像入りでタイトルと内容まで入っているじゃないですか。

波乗りアヒル

見やすいし、分かりやすい。自分のブログもマネしたい。

分かってはいることなのですが私にはCSSやHTMLという知識ゼロ!

ワードプレスのプラグインに頼るしかないと考えていました。

波乗りアヒル

ところが、検索方法がよくわからないのです。

「リンク先」「画像」「タイトル付き」とか何となくそれらしいい言葉を並べてみましたがなかなかヒットしませんでした。

見つけてもCSSを使ってカスタマイズってあったり私には無理。

何度も探しているとブログカードという名前がやっと知ることができました。

そうなんです、私が使っているワードプレスのテーマ【コクーン(Cocoon)】には、このブログカードが標準装備されていたのでプラグインの必要なし。

コクーンテーマ使っていて2か月も知らなかったことがはずしかしい。

コクーンのブログカード機能

使い方が分からず色々試してみて、ものすごくリンク先をつけるのが簡単なのに便利にできていることに今さらながら感激しました。

波乗りアヒル

直ぐに今まで書いてあったページを修正することになりましたけどね。

それではコクーンの標準機能「ブログカード」をこんな感じで設定しました。

Cocoon設定にマウスを合わせるとメニューが表示され「Cocoon設定」をクリックすると各種設定項目が表示されます。

確かにこのページは見た事がある!

コクーンテーマをインストールした時に画像の設定など分かる所は触っていましたが、ほとんどの項目の意味が分からなかったので、分からない所は放置していました。

そうするとあるじゃないですか、「ブログカード

設定は2つ。

【内部ブログカード】(自分のブログ内にあるページ)とそれ以外の【外部ブログカード】の設定が両方にあります。

  1. ブログカード表示にチェックを入れて有効
  2. サムネイルスタイル(画像の位置)を左側選択
  3. 日付表示を「なし」「投稿日」「更新日」の中から好みで選ぶ
  4. リンクの開き方を今見ているページから切り替わる方法ならばチェック無し、新しいページを追加して開くにはチェックを入れる

外部ブログカードも一緒です。

その他にキャッシュが2項目ありますが、私には意味が分からないので触っていません。

最後に更新をまとめて保存ボタンを押せば設定完了。

あとはブログ書いている時にリンク先のアドレスを書くだけでこのようになりました。

あわせて読みたい
グーグルでブログのアクセス数増やすのに何ページ必要? 2020年7月21日更新 [affi id=20] こんにちは! このページを見ているという事は、私と同じようにブログのアクセス数が伸び悩んでいて何か解決方法がないか探している方...

このままでも満足しているのに、コクーンテーマにはもうひと工夫できる機能があります。

【スタイル】の中にブログカードの装飾ができます。

コクーン囲みブログカード

  • 【関連記事】
  • 【参照記事】
  • 【人気記事】
  • 【あわせて読みたい】
  • 【詳細はこちら】
  • 【チェック】
  • 【ピックアップ】
  • 【公式サイト】

付け加え方は、最初にリンク先アドレスを書いて、そのリンク先を選択した状態で、ブログカードをを選べば、完成します。

初心者に優しいコクーンテーマだから私にもできるんですね。

それなのに無料で使えるのだから、お世話になります。

最初はこんなトラブルにも見舞われましたけどね。

あわせて読みたい
コクーン(Cocoon)のスタイル(タブボックス)が消えた [temp id=1] 今まで使えていたコクーン(Cocoon)のタブボックスが突然消えた 先ほども書いた通りCSSやらHTMLが全く分からないので、コクーン(Cocoon)の様々な装飾機能(...

2024年5月11日からマイルと楽天ポイントとの相互交換提携開始!

交換レート0.5:1なので半分になってしまいますが、使い方次第で実質3倍の価値まで引き上げられる方法です。

目次