- このトピックには21件の返信、2人の参加者があり、最後に
により2ヶ月、 3週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】27.0.1
【お使いの Snow Monkey Blocks のバージョン】21.0.7
【お使いの Snow Monkey Editor のバージョン】10.0.4
【お使いの PHP のバージョン】
【お使いのブラウザ】safari
【当該サイトのURL】https://livingskape.jkdecor.com/baby-products-matome/リンクカードが編集画面で表示されなくなりました。
プレビューすると問題なく表示されていますが
編集画面では広い空白になってしまい
何のリンクを貼っているのか分からなくなってしまいました。原因分かりますでしょうか？
いいねをした人: 居ません自分のサイトで確認してみましたが、編集画面でも実際の画面と同じように表示されていました。
一旦ブログカード用に追加した CSS を全部消してみるとどうでしょうか？
（戻せるように適当なテキストファイルにバックアップをとっておくことをオススメします）また、表示されなくなる前に何かやった作業があるなら教えてください。
（何かのプラグインのアップデートや、何かの設定の変更等）いいねをした人: 居ませんキタジマさま
ご返信ありがとうございます。
以前ご相談した以下の件こちらを対応した後辺りから表示されなくなった気がします。
追加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 */何かおかしな箇所はありますでしょうか？
いいねをした人: 居ませんMy Snow Monkey 用のコードの一部に誤り（投稿時に自動的に書き換えられたのかも？）があったので一応修正したものを貼っておきます。
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 href="<?php echo esc_url( $url ); ?>" target="<?php echo esc_attr( $target ); ?>"> <?php if ( $cache['thumbnail'] ) : ?> <div class="wp-oembed-blog-card__figure"> <img src="<?php echo esc_url( $cache['thumbnail'] ); ?>" 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のブログカードに関する記述だけを削除しても変わらず、マイスノウモンキーのプラグインも無効化したら編集画面でも表示されたので
My Snow Monkey 自体を無効化するのではなくて、上記のブログカードに関する部分のコードだけ削除するとどうなりますか？
いいねをした人: 居ませんキタジマさま
ありがとうございます。
追加CSSの当該箇所と
My Snow Monkeyのブログカード部分の記述だけを削除しましたが
表示されませんでした。最近ページ上部にアフィリエイトに関する記述をしたのが
影響しているのかもとそちらも削除して試しましたがダメでした。。あとは何が考えられるでしょうか？
いいねをした人: 居ませんむーん…。
「My Snow Monkey を無効化したら表示される」けど「My Snow Monkey のブログカード部分の記述だけを消しても表示されない」ということは、その他の何かのコードが影響しているのだと思うので、1つずつ消していって、どのコードが影響しているのかを突きとめるのが確実かなと思います。突きとめたら、ブログカードに影響しない形にその部分のコードを書き換える感じで…。
いいねをした人: 居ませんキタジマさま
今、改めてMY SNOW MONKEYを無効化してみたのですが
表示されませんでした！前回表示されたのはもしかしたら
何かのキャッシュが残っていたのかもしれません。となると、追加CSSでもMY SNOW MONKEYでもない、
ということになりますよね。。うーん。。
いいねをした人: 居ませんちょっと整理したいのですが、
– 何も消さない状態だと編集画面でブログカードが「真っ白」に表示される
– My Snow Monkey を無効化すると「このコンテンツを埋め込めませんでした。」のボックスが表示されるということであっていますか？
いいねをした人: 居ませんキタジマさま
ここに画像を貼って症状を書き込んだら
内容が多すぎたのか送信ボタンを押したら消えてしまったので
以下に症状をまとめましたのでご確認お願いします！
ご迷惑をお掛けします。
ご確認お願いします。。。いいねをした人: 居ません詳しくありがとうございます。プラグインや CSS の状況が同じでも、3パターンの不具合が発生するということは、原因は一つではないのかもしれません…。
ちょっとこれ以上は実際にコードを書き換えたりしながら詳しく調査しないとわからなさそうなので、下記のいずれかをご対応いただくことは可能でしょうか？
1. All-in-One WP Migration でエクスポートしたデータと WordPress のログイン情報を提供いただく
2. 直接サイトにログインして調査させていただくただ、コードを書き換えたりしないと調査が難しいと思うので、できれば(1)のほうが安全かなとは思います。
ご検討よろしくお願いします！いいねをした人: 居ませんあと、最近サブディレクトリで新しいブログを初めて
そちらでもこのサイトとほぼ同じ内容のMySnowMonkeyと
追加CSSを使っているのですが
そっちでも同じ現象が起きています。サブディレクトリを作ったことで
こういった影響が出ることはありますか？念の為、最近行ったこととして共有します！
いいねをした人: 居ません
- トピック「リンクカードが編集画面で表示されなくなった」には新しい返信をつけることはできません。