1. ホーム
  2. フォーラム
  3. 不具合報告
  4. 子テーマからMy Snow Monkey プラグインへ移行したら、編集画面にて最新の投稿ブロックなどのサムネイル画像が表示されなくなった。

子テーマからMy Snow Monkey プラグインへ移行したら、編集画面にて最新の投稿ブロックなどのサムネイル画像が表示されなくなった。

このトピックには5件の返信が含まれ、3人の参加者がいます。1 週、 2 日前 キタジマ タカシ さんが最後の更新を行いました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #24736

    Nobuyuki Hiroe
    参加者

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

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

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

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

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

    #24740

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

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

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

    #24741

    Nobuyuki Hiroe
    参加者

    ケミさん

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

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

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

    #24742

    Nobuyuki 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に書いたら表示できなくなる理由が分かりません・・・・・

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

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

    #24755

    Nobuyuki Hiroe
    参加者

    表示、なおりました!

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

        top: auto;
        right: auto;

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

    としたらなおりました。

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

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

    お騒がせしましたー!

    #24868

    キタジマ タカシ
    キーマスター

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

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

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

6件の投稿を表示中 - 1 - 6件目 (全6件中)

トピック「子テーマからMy Snow Monkey プラグインへ移行したら、編集画面にて最新の投稿ブロックなどのサムネイル画像が表示されなくなった。」への新規返信追加は締め切られています。