フォーラムへの返信
-
投稿者投稿
-
キタジマさま
ここに画像を貼って症状を書き込んだら
内容が多すぎたのか送信ボタンを押したら消えてしまったので
以下に症状をまとめましたのでご確認お願いします!ご迷惑をお掛けします。
ご確認お願いします。。。♥ 0いいねをした人: 居ませんあ!ここにコピペしたコードをペーストしたら出来ました!
なんなんでしょうか。。。♥ 0いいねをした人: 居ませんは!確かに。。ありがとうございます!
/*ノーマルアラート配色変更*/ .smb-alert { background-color: #AF8C82; border-color: #AF8C82; color: #FFFFFF; } .smb-alert .svg-inline--fa { color: #FFFFFF; }
ただ、この記述にしてもダメでした。
♥ 0いいねをした人: 居ませんありがとうございます!
その通りに記述したのですが
変えられなかったので諦めます。。♥ 0いいねをした人: 居ませんもうブログカードのカスタマイズに関する記述はないはずなのですが
URLを追加すると以下のような表示になってしまいます。♥ 0いいねをした人: 居ませんキタジマさま
今、改めてMY SNOW MONKEYを無効化してみたのですが
表示されませんでした!前回表示されたのはもしかしたら
何かのキャッシュが残っていたのかもしれません。となると、追加CSSでもMY SNOW MONKEYでもない、
ということになりますよね。。うーん。。
♥ 0いいねをした人: 居ませんキタジマさま
ありがとうございます。
追加CSSの当該箇所と
My Snow Monkeyのブログカード部分の記述だけを削除しましたが
表示されませんでした。最近ページ上部にアフィリエイトに関する記述をしたのが
影響しているのかもとそちらも削除して試しましたがダメでした。。あとは何が考えられるでしょうか?
♥ 0いいねをした人: 居ませんキタジマさま
ありがとうございます!
前者の方で考えています。
コード教えていただけないでしょうか?
確かに、ボックスブロックでも
いいかもしれないですね。
♥ 0いいねをした人: 居ませんキタジマさま
ご返信ありがとうございます。
以前ご相談した以下の件こちらを対応した後辺りから表示されなくなった気がします。
追加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 */
何かおかしな箇所はありますでしょうか?
♥ 0いいねをした人: 居ませんGONSYさん、キタジマさんありがとうございます!
文字サイズを調整したいのですが、
(スマホで見ると2行になってしまうので)
追加CSSに記述するコードも教えていただけますか??
何度もすいません!♥ 0いいねをした人: 居ません先ほどキタジマさまを追加しました!
メールをお送りさせていただきます。♥ 0いいねをした人: 居ません権限グループは何にしたらよろしいでしょうか?
♥ 0いいねをした人: 居ません -
投稿者投稿