投稿者:: @bgbg

これはcocoonの機能でカスタマイズ可能ですか？

Cocoon自体にそのようにカスタマイズする機能はないです。

CSSを駆使してカスタマイズすればできないことではないのかもしれませんが、無理やりな方法になるのであまり良い方法ではないように思います。
添付された画像のようにカスタマイズするのであれば、PHPでブログカードの部分をカスタマイズした方が良いように思います。

@yhira 回答ありがとうございます。phpでのカスタマイズについて調べてみます。

やはりhtmlの構造自体変更したいです。

@bgbg さん

どんな HTML にするか、すでに決まっていますか？また、内部ブログカードも外部ブログカードも HTML を変更されるのでしょうか？

HTML をお決めになっているのなら、代わりに私が PHP を書いてみます。

@akira さん

回答ありがとうございます。おそらくfunction.phpに追記するのだと思いますが、今の所やり方がわかっていないので、書いていただけると助かります。

htmlは以下のような構造にしようと思います。

構造を変更することで無料テーマの手軽さを捨てることになってしまうのなら、戻すかもしれませんが、、、。

<a>
	<article>
		<div class="article__title">記事タイトル</div>
		<ul class="article__data"><li>日付</li><li>カテゴリ名</li></ul>

		<div class="article__eyecath-description-wrapper">
			<div class="article__eye-catch">
				<img>
			</div>

			<div class="article__description">
				抜粋した本文。
			</div>
		</div>
	</article>
</a>

@bgbg さん

以下のリンクのコードを子テーマの functions.php に追加します。

https://notepad.pw/share/nqy86zi02

【注意点】

① 親テーマに書かれている内部ブログカード用の url_to_internal_blogcard_tag() と外部ブログカード用の url_to_external_ogp_blogcard_tag() を子テーマでオーバーライドしています。

② HTML は新規に作った cocoon_create_html_blog_card() で作っています。

③ https://notepad.pw/share/n1d55e11s は、Cocoon デフォルトの HTML になるものです。class などをご参考ください。

④ ラベルはどうすればいいのか分からないため、書いていません。必要な場合は、↑ のリンクをご参考ください。この部分です。

<div class="blogcard-label ' . $type . '-blogcard-label">
  <span class="fa"></span>
</div>

⑤ カテゴリーはデフォルトにはないため、適当に取得しています。

⑥ article ではなく、div を使っています。article を使うと、外部ブログカードで replace_anchor_links() が動作してしまい、HTML が変になります。

※ Cocoon 設定 > ブログカード > 外部ブログカード設定で「新しいタブで開く」にチェックを入れると、こんな HTML になっちゃいます。

<a>
  <a rel="noopener" rticle 以下省略></a>
</a>

article を使う場合は、replace_anchor_links() のカスタマイズも必要です。

今さらですが、ブログカードでいいのですよね？

最初にお書きになった HTML には、entry-card-content とあります。この class がつくのは、インデックスリストのエントリーカードです。また、article タグがあったりカテゴリーがあったりと、ちょっと疑問に感じた部分があります。

エントリーカードであれば、私が書いたコードは無関係です。別のコードが必要です。

@akira 

回答ありがとうございます。

子テーマのfunction.phpに設置してみましたが、特に変化がありませんでした。

やはり、あまり大きくいじるのは難しいようなので、CSSのみでカスタマイズしようかなと思います。

大きくいじるとしたら自作テーマですね。

変化がないのは、おっしゃっているのがブログカードではないためだと思われます。ブログカードであれば変化します。

尚、私が思い浮かべているブログカードとは、内部ブログカードを表示する方法 や 外部ブログカードの表示方法 で書かれているものです。

先にも書きましたが、インデックスリストのエントリーカードをおっしゃっていませんか？例えば、WordPress のデフォルト設定でのトップページに表示される全記事一覧のカードです。あるいは、カテゴリーページの記事一覧のカードです。

どの部分かのスクリーンショットがあれば、正確に把握できると思います。

もし、エントリーカードであれば、tmp/entry-card.php を子テーマに設置し HTML を変更します。

@bgbg さん

ブログカードとは以下です。
投稿ページ・固定ページの本文中に設置します。

要はリンクでしかありませんが。
自サイトへのリンク、他（外部）サイトへのリンクができます。

@mk2_mk2 さん

返答ありがとうございます。

言葉の使い方が適切ではなかったようです。

私が変更したかったのは確かに”エントリーカード”です。

ブログカードとは記事内に設置するリンクのことですね。

認識が違ったということですね。

投稿者:: @akira

尚、私が思い浮かべているブログカードとは、内部ブログカードを表示する方法 や 外部ブログカードの表示方法 で書かれているものです。

上記のようにお書きいただいていたので、こちらでもご確認できると思います。

また、エントリーカードであれば。

投稿者:: @akira

エントリーカードであれば、tmp/entry-card.php を子テーマに設置し HTML を変更します。

上記を修正すれば、できると思います。

子テーマにコピーして修正する分には、少々間違えても元に戻せますし、簡単に修正や削除もできます。
いろいろお試しいただくと良いと思います。

（バージョンアップで親テーマに修正が入った場合は、それをどうするのか見極めが必要になるとは思いますけど。）

@mk2_mk2 さん

返答ありがとうございます。

エントリーカードのテンプレートを子テーマにコピーしたところ、機能するようです。

これから作成します。

ありがとうございました。

bgbgさん

いえ、私はAkiraさんのお書きになったものを貼り付けただけですので。