リンクカードが編集画面で表示されなくなった

キタジマさま

ご返信ありがとうございます。
以前ご相談した以下の件

リンクカードと上部コンテンツの余白がなくなった

このトピックには2件の返信、2人の参加者があり、最後にJKDECORにより3週、 4日前に更新されました。 3…

snow-monkey.2inc.org

こちらを対応した後辺りから表示されなくなった気がします。

追加CSSのブログカードに関する記述だけを削除しても変わらず、マイスノウモンキーのプラグインも無効化したら編集画面でも表示されたのでブログカードのカスタマイズに関する記述で何か私がおかしな書き方をしているのかもしれません。

以下にマイスノウモンキーと追加CSSの内容を記載します。

マイスノウモンキー

add_filter(
	'wp_oembed_blog_card_blog_card_template',
	function( $html, $cache ) {
		$url = '';
		preg_match( '/<a>/mis', $html, $matches );
		if ( is_array( $matches ) && 1 <= count( $matches ) ) {
			$url = $matches[1];
		}
		if ( 0 === strpos( $url, home_url() ) ) {
			$target = '_self';
		} else {
			$target = '_blank';
		}
		$cached_time = isset( $cache['cached_time'] ) ? date_i18n( 'd/m/y H:i:s', $cache['cached_time'] ) : null;
		ob_start();
?>
<div class="wp-oembed-blog-card" data-cached-time="<?php echo esc_attr( $cached_time ); ?>">
	<div class="wp-oembed-blog-card-label"><span style="" class="wp-oembed-blog-card-label-text">あわせて読みたい</span></div>
	<a>" target="<?php echo esc_attr( $target ); ?>">
		<?php if ( $cache['thumbnail'] ) : ?>
		<div class="wp-oembed-blog-card__figure">
			<img />" alt="">
		</div>
		<?php endif; ?>
		<div class="wp-oembed-blog-card__body">
			<div class="wp-oembed-blog-card__title">
				<?php echo esc_html( $cache['title'] ); ?>
			</div>
			<div class="wp-oembed-blog-card__more">
				<p class="wp-oembed-blog-card-more">続きを見る

			</div>
		</div>
	</a>
</div>
<?php
		return ob_get_clean();
	},
	100,
	2
);

追記CSS

/* Blog card */
.is-provider-wp-oembed-blog-card,
.is-provider-livingskape {
  padding-top: 2em;
}

.is-provider-wp-oembed-blog-card .wp-oembed-blog-card > a,
.is-provider-wp-oembed-blog-card .wp-oembed-blog-card > span{
  flex-wrap: nowrap;
}

.wp-block-embed__wrapper {
  overflow: visible !important;
}

.wp-oembed-blog-card-label-text {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: bold;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  height: 30px;
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 12;
  padding: .5em .75em;
}

@media not (min-width: 640px) {
  .is-provider-wp-oembed-blog-card {
    --wp-oembed-blog-card--gap: var(--_margin-1);
    --wp-oembed-blog-card--figure--basis: 50%;
  }

  .is-provider-wp-oembed-blog-card .wp-oembed-blog-card__figure {
    order: 1;
  }
}
/* Blog card end */

何かおかしな箇所はありますでしょうか？

キタジマさま

ありがとうございます。
追加CSSの当該箇所と
My Snow Monkeyのブログカード部分の記述だけを削除しましたが
表示されませんでした。

最近ページ上部にアフィリエイトに関する記述をしたのが
影響しているのかもとそちらも削除して試しましたがダメでした。。

あとは何が考えられるでしょうか？

キタジマさま

今、改めてMY SNOW MONKEYを無効化してみたのですが
表示されませんでした！

前回表示されたのはもしかしたら
何かのキャッシュが残っていたのかもしれません。

となると、追加CSSでもMY SNOW MONKEYでもない、
ということになりますよね。。

うーん。。

あと、最近サブディレクトリで新しいブログを初めて
そちらでもこのサイトとほぼ同じ内容のMySnowMonkeyと
追加CSSを使っているのですが
そっちでも同じ現象が起きています。

サブディレクトリを作ったことで
こういった影響が出ることはありますか？

念の為、最近行ったこととして共有します！

ありがとうございます！
いまフレンド申請しました！

♥ 1

いいねをした人: