ブログカードのカスタマイズ

ブログカードの HTML をカスタマイズ

snow_monkey_oembed_blog_card_template フィルターフックを使います。

/**
 * @param string $template
 * @param array $cache
 * @return string
 */
add_filter(
	'snow_monkey_oembed_blog_card_template',
	function( $template, $cache ) {
		return $template;
	},
	10,
	2
);

エディター上に表示されるブログカードの HTML をカスタマイズ

snow_monkey_oembed_blog_card_block_editor_template フィルターフックを使います。

/**
 * @param string $template
 * @param string $url
 * @return string
 */
add_filter(
	'snow_monkey_oembed_blog_card_block_editor_template',
	function( $template, $url ) {
		return $template;
	},
	10,
	2
);

キャッシュの有効期限が切れた場合に表示されるブログカードの HTML をカスタマイズ

ブログカードは、表示のたびに参照先ページの情報を取得すると速度がおそくなったり参照先ページに負荷をかけることになるため、一度取得した情報を一定時間キャッシュするようになっています。

キャッシュの有効期限が切れた場合に表示されるブログカードの HTML をカスタマイズできます。snow_monkey_oembed_blog_card_loading_template フィルターフックを使います。

ただし、.js-wp-oembed-blog-card 、.js-wp-oembed-blog-card__link がないと正しく動作しない場合があるので注意してください。

/**
 * @param string $template
 * @param string $url
 * @return string
 */
add_filter(
	'snow_monkey_oembed_blog_card_loading_template',
	function( $template, $url ) {
		ob_start();
		?>
		<div class="js-wp-oembed-blog-card">
			<a class="js-wp-oembed-blog-card__link" href="%1$s" target="%2$s">%1$s</a>
		</div>
		<?php
		return ob_get_clean();
	},
	10,
	2
);

参照先ページから正しく情報が取得できなかった場合に表示されるブログカードの HTML をカスタマイズ

snow_monkey_oembed_blog_card_url_template フィルターフックを使います。

/**
 * @param string $template
 * @param string $url
 * @return string
 */
add_filter(
	'snow_monkey_oembed_blog_card_url_template',
	function( $template, $url ) {
		return $template;
	},
	10,
	2
);

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!