そのバナーを入れたいのは記事の中でしょうか？それともサイドバーのウィジェットエリアの中などでしょうか？
記事の中だとして、もしブロックエディターを使用されているのであれば、カバーブロックを使うと良いかもしれません。
ご報告ありがとうございます!
iOS Safari でブラウザバックするとキャッシュされたページが表示される影響で、現在のローディング処理のプログラムではただしくエフェクトを消す処理が動かないようです。
次のアップデートで修正します！
蛍光ペンの CSS は
.smb-highlighter {
background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,rgba(255,253,107,.7)));
background: linear-gradient(transparent 60%,rgba(255,253,107,.7) 0);
}
というようになっています。-webkit〜 の行は古いブラウザ用です。rgba() のところが色の指定です。.7 が透明度なので、ここを .9 のようにするだけでも少し濃くなりますが、色自体を変えたい場合は 255,253,107 の部分を変えないといけません。
Photoshop などのツールや、下記のサイトなどを参考にすると色を探しやすいかなと思います。
良い色が見つかったら、rgba() の部分を書き換えて、追加 CSS もしくは子テーマの CSS に追加すれば色が変わるかと思います。
すっかり遅くなりすみません、ご対応ありがとうございます！！表示も早くて大変ありがたいです。
追加の要望で恐縮ですが、検索欄の位置を検索結果の直上に変更いただくことは可能ですか？
現状ですと、
– 表示している記事、していない記事どちらの検索結果なのか時間をおいて見ると判別できない
– ウィジェットに表示する記事が多いほど検索欄と検索結果の表示位置が離れていってしまう
点が気になった次第です。m(_ _)m
表示、なおりました!
具体的には、先に提示したコードの、
top: auto;
right: auto;
を
top: auto!important;
right: auto!important;
としたらなおりました。
サムネイルが消えていたのではなくて、
ラベルの背景（アクセントカラー）がサムネイル全体を覆っていたようです・・・。
編集画面では、カスタマイザーの追加CSSを読み込んだあとに、別のCSSが読み込まれて
該当箇所が上書きされているのかな？と思いました。
お騒がせしましたー！
原因がわかりました。
子テーマの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に書いたら表示できなくなる理由が分かりません・・・・・
たちまちサイト運営には影響はないので、
お手すきのときに、何か分かれば、ご教示くださいませ。
追伸：
コードの書き方が適当なので、正当な書き方があれば教えてください・・・
サムネイル左下からちょっと下にはみ出る感じでラベルを表示して、文字を小さくしたりしています。
ケミさん
ありがとうございます！
各記事のサムネイル設定とは、アイキャッチ画像のことで良いですか？
だとすると、各記事ごとにアイキャッチ画像は設定しています。
ですので、もともとは編集画面でもサムネイル（アイキャッチ画像）が表示されていたんですよね。
カスタマイザーの設定は、Customizer Export/Importというプラグインで、エクスポート・インポートしました。
ちなみにこのサイトについては、カスタマイザーのデフォルトアイキャッチ画像は設定していませんでした。
ブロックを挿入しなおしたら戻れば良いのですが、
新しく最新の投稿ブロックなどを挿入しても、同じ状態になるので戻しようがない状態なのです。
サーバー環境のせいなのでしょうか。
調べてみても、最後のスラッシュの有り、なしの違いがよく分かりませんでしたが、支障がなければ、/%postname% を使おうと思います。
特に問題はないでしょうか。
また、下記のサイトでこのことについて触れていました。
なるほど！わかったかもです。
僕が今回提示したコードのなかにある my_loop_the_time を全て my_snow_monkry_loop_the_time に書き換えてみるとどうでしょうか？
何度もすみません！
キタジマ様
ありがとうございます。
やり直したところ、アップロードはできました。
ただ、Wordpress上のプラグインの画面の上の部分に、
「重大なエラーを引き起こしたため、プラグインを有効化できませんでした。
Fatal error: Cannot redeclare my_loop_the_time() (previously declared in /home/yiu17503/41bengo.com/public_html/wp-content/plugins/code-snippets/php/snippet-ops.php(361) : eval()’d code:1) in /home/yiu17503/41bengo.com/public_html/wp-content/plugins/my-snow-monkey/my-snow-monkey.php on line 20」
という表示がでます。
何度、手順通りにやっても同じです。。
忙しいのにすみません。
原因がもし分かりましたら、アドバイスいただければ幸いです。
TypeSquare でしたか。よく使われているものだと思いますので、使っても白くならないように改善する方法があればいいですね…。
ちなみに ローディング処理を入れましたが、この時間を短くすることはできるのでしょうか？
前述したように、このローディング処理は全ての処理が終わると消えるようになっているので、短くするためには描画処理自体を短くしなければなりません。具体的にはサーバーの処理速度をあげたり、不要な処理を取り除いたりすることで短くなる可能性があります。
サーバーの速度はレンタルサーバーの場合は速いサーバーに移転するくらいしか方法がないかもしれません。不要な処理を取り除く方法については下記が参考になると思います。
お手数おかけしてすみません><
My Snow Monkey を FTP でアップロードするときは解凍してからアップロードする必要があります。アップロードする場所は 「/wp-content/plugins/」の中になります。
（アップロードして「/wp-content/plugins/my-snow-monkey/my-snow-monkey.php」という配置になると成功です）
キタジマ様
ご返信ありがとうございます。
My Snow Monkey をうまくアップロードできなくなりました（前はできたのですが…）
【今回の私の手順】
My Snow Monkeyをダウンロードしました（https://snow-monkey.2inc.org/my-account/downloads/）。
その後、FFFTPのソフトを用いて、Xserverの中の私のサイトの中のpublic_htmlのフォルダの中に、My Snow Monkeyをアップロードしました（https://www.xserver.ne.jp/manual/man_ftp_setting.php）。
My Snow Monkeyは、解凍しないで、アップロードするのですよね？
その後、Wordpressの管理画面内→「プラグイン」→「インストール済みプラグイン」の中をみても、My Snow Monkeyがございません。
上記の私の手順は、どこかおかしいのでしょうか？
お忙しいところ申し訳ございませんが、お時間あるときにご教示いただければと存じます。
自己解決いたしましたので、ご報告です。
プラグインを全部オフにしましたが、変わらず。
そこでふとfunction.php にて
head の中にへのタグ追加の記述をしておったことを思い出しました。いくつかjavascriptとウエブフォントを読み込ませていることに気づき、取り除きました。
そうしたら治りました。具体的にはモリサワウエブフォントのtypesquare.comのスクリプトを取り除いたら治りました！ご面倒おかけしもうわけありませんでした。
ちなみに ローディング処理を入れましたが、この時間を短くすることはできるのでしょうか？
#drawer-nav {
&>.c-drawer__menu {
.c-drawer__item {
...
}
}
*+.c-drawer__sub-nav {
.c-drawer__menu {
.c-drawer__item {
...
}
}
}
}
な記述で完全に切り分けてスタイルカスタマイズする感じで一応、解決したんで記述しておきますー。
あざっす。閉じますー。
