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

このブログはWordPressの無料テーマ「Cocoon」(コクーン)を使用しています。

なぜ利用しているか?

無料なのはもちろんうれしいのですが、なんといってもHTMLタグとかCSSとか全く分からなくても大丈夫って事です。

こんな風に蛍光ペンで下線を入れるもの標準装備。本来CSSを理解していない私にはできなかったことが可能になりました。

まあ、こんなレベルなのでCocoonをインストールしてからも大変。マニュアルを見ながら四苦八苦。

マニュアルの簡単な単語の意味も未だま分からず、笑われてしまうぐらいでお恥ずかしい!だから人一倍疑問が多いので、これらを書いてみました。

目次

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

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

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

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

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

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

波乗りアヒル

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

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

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

波乗りアヒル

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

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

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

波乗りアヒル

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

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

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

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

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

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

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

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

波乗りアヒル

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

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

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

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

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

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

設定は2つ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!
目次