[HiROE]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】v7.9.0
【お使いのブラウザ】chrome
【当該サイトのURL】https://plusdesign.jp/
===
全く至急ではないのですが、
以前にお伺いした手順（下記URL）にて子テーマからMySnowMonekyプラグインに移行したら、
編集画面にて、
最新の投稿、任意のタクソノミーの投稿などのブロックのサムネイルが表示されなくなってしまいました。

子テーマからMy Snow Monkey プラグインへの切り替え手順について

このトピックには2件の返信、2人の参加者があり、最後にHiROEにより1年、 2ヶ月前に更新されました。 3件…

snow-monkey.2inc.org

具体的には下記のような感じで、アクセントカラーで塗りつぶされる感じです。
ブロックを再度入れ直しても同様です。
また別サイトでも同様の状態になりました。

お手すきの時で構わないので、何か考えられる理由などありましたら、教えていただければ嬉しいです。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[Hatsuki]

このアクセントカラーになっているのはサムネイルをデフォルトで設定している記事だったりしますか？

この部分って各記事でサムネイルを設定していないとデフォルトのサムネイルが出るので、
そのデフォルトのサムネイル設定もテーマのカスタマイザーにある為に、テーマを変える（子テーマから親テーマに戻す場合も該当）とデフォルトのサムネイル設定も変更されてしまいます。
結果、アクセントカラーになってしまっているのかと。

各記事でサムネイル設定していてアクセントカラーになってしまってる場合は、何故か解りません。
記事のサムネイル設定もテーマを変えると初期化されるって事はないはずですし。

♥ 0

いいねをした人: 居ません

[HiROE]

ケミさん

ありがとうございます！
各記事のサムネイル設定とは、アイキャッチ画像のことで良いですか？
だとすると、各記事ごとにアイキャッチ画像は設定しています。
ですので、もともとは編集画面でもサムネイル（アイキャッチ画像）が表示されていたんですよね。

カスタマイザーの設定は、Customizer Export/Importというプラグインで、エクスポート・インポートしました。
ちなみにこのサイトについては、カスタマイザーのデフォルトアイキャッチ画像は設定していませんでした。

ブロックを挿入しなおしたら戻れば良いのですが、
新しく最新の投稿ブロックなどを挿入しても、同じ状態になるので戻しようがない状態なのです。

♥ 0

いいねをした人: 居ません

[HiROE]

原因がわかりました。

子テーマのCSSファイルから、カスタマイザーの追加CSSに、コピペしていたCSSを消したら、元に戻りました。

そして、どのCSSがおかしいのか調べるために、順番に「追加CSS」貼り付けていったら、次の箇所を貼り付けた時だけ編集画面でサムネイル画像がアクセントカラーになりました。

/**一覧のラベルのスタイル */
.c-entry-summary__figure .c-entry-summary__term {
    bottom: -1em;
    left: -1em;
    padding: .4rem .6rem;
}

.c-entry-summary__figure .c-entry-summary__term {
    top: auto;
    right: auto;
    left: 0;
    font-size: 60%;
    letter-spacing: .1em;
    color: #fff;
    background: #555f;
}

.c-entry-summary__figure .c-entry-summary__term {
    position: absolute;
    z-index: 1;
}

.c-entry-summary__term {
    display: inline-block;
    font-weight: 700;
    line-height: 1;
}

.c-entry-summary__figure {
    position: relative;
    margin: 0 0 1.2rem;
    overflow: inherit;
}

具体的にはカテゴリが表示されるラベルの部分です。

僕の場合はchromeの検証で開いていじって、いい感じになったら、コピペするというやり方なので、書き方がおかしいのかもしれません。

ただ、子テーマに貼り付けていた時は普通に編集画面でサムネイルが表示できていたので、追加CSSに書いたら表示できなくなる理由が分かりません・・・・・

たちまちサイト運営には影響はないので、
お手すきのときに、何か分かれば、ご教示くださいませ。

追伸：
コードの書き方が適当なので、正当な書き方があれば教えてください・・・
サムネイル左下からちょっと下にはみ出る感じでラベルを表示して、文字を小さくしたりしています。

♥ 0

いいねをした人: 居ません

[HiROE]

表示、なおりました!

具体的には、先に提示したコードの、

    top: auto;
    right: auto;

を

    top: auto!important;
    right: auto!important;

としたらなおりました。

サムネイルが消えていたのではなくて、
ラベルの背景（アクセントカラー）がサムネイル全体を覆っていたようです・・・。

編集画面では、カスタマイザーの追加CSSを読み込んだあとに、別のCSSが読み込まれて
該当箇所が上書きされているのかな？と思いました。

お騒がせしましたー！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

確認おそくなってすみません！

子テーマの style.css と 追加CSS で CSS の出力場所が若干かわるので、その影響でスタイルの当たり方（優先度）が変わっちゃったのかもしれませんね…。

解決したということで閉じます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿