Question
特定の固定ページのH2とH3見出しをテーマカラー以外への色変更について
- m maruneko
-
いつもお世話になっております。
問題となるページ : https://botanical-study.com/ ←HOME。いつのまにか、カスタマイズを確認すると何度もココに勝手に設置を戻されてしまいます。 https://botanical-study.com/latest-updates/←ボタンからコチラに飛ばしたいです。
こんにちは。
JIN:Rテーマを使用しているのですが、特定の固定ページのみH2とH3の見出しの色を、テーマカラーではない、ロイヤルブルー (#4169e1) に変更したいです。追加CSSを使用して試しましたが、反映されません。
※カスタマイズの追加CSSにIDと色を入れてみましたが、変更されませんでした。
(相談の流れ1~4のキャッシュのクリアなども試みてみました。)
どのようにすれば色の変更が反映されるかご教授頂けますと幸いです。
固定ページのみで、特定のページのみH2・H3見出しのみの色を変える事は可能でしょうか?
よろしくお願い申し上げます。
- WP 6.6
- PHP 8.1.x
- JIN:R 1.3.6
- Conoha Wing
- GoogleChrome
- Windows11
こんにちは!
2024/11/25 21:02お伝えできることがあるかもしれませんので、実際の記事のURLをご共有いただけますか??
(追加CSSの記述は残しておいてください)
よろしくお願いいたします!
tsu_ 様
2024/11/25 22:34こんばんは!
ご多忙の所、早速、ありがとうございます。
カスタマイズ→追加CSSの所に記述をさせて頂いております。
(他の追加CSSも一緒に記述させて頂いております。
色変更のみの追加CSSでも試しましたが、テーマカラーのままで反映されませんでした。)
ご多忙の所、恐縮ですが、ご教示お願い申し上げます。
URLありがとうございます...!
2024/11/26 09:07単純に詳細度の話かなと思いますね、、、
.page-id-30134 #jinrArticle h2,
.page-id-30134 #jinrArticle h3 {
color: #4169e1;
}
ご確認お願いいたします!
tsu_ 様
2024/11/26 11:35ご多忙の所、早速ありがとうございます。
追加CSSに入れさせて頂きました。
見出しの枠の色はテーマカラーのままで反映されず
見出し内の文字などの色が白から希望のcolor: #4169e1に反映されました。
大変恐縮ですが、ご教授お願い申し上げます。
ご確認ありがとうございます!
2024/11/26 21:41そういったCSSを書かれていると思うのですが、再現したい状態をもう少し細かく教えていただけますか??
tsu_ 様
2024/11/26 22:42ご多忙の所、ありがとうございます。
申し訳ございませんが、お願い致します。
カスタマイズ→基本設定でテーマカラーを#c69de8にしております。
そのため、H2の見出しを使用する際、枠?見出しバーが#c69de8で
その上に表示される文字が白を基本形として使用をさせて頂いております。
特定のページのH2の見出しバーを#c69de8 から #4169e1 に変更希望です。
#4169e1の下地の上に表示される文字が白にしたいと考えております。
別件で恐縮なのですが、現在、共有させて頂いた固定ページのURLはじめ
グローバルメニューからリンクされる固定ページの一部のページや
一部のカスタム投稿記事ページ、通常投稿記事ページの
グローバルメニューが極端に不自然に長くテーマカラーで余白がある
ような感じで表示される又は広告が入ってしまっている状態となり
ヘッダーまでかなりの距離がある状態となりました。
(普通の投稿方法を用いて作ったページで、掲題の色変更の追加CSS以外は
干渉すことがない、普通の投稿をしております。)
※現在、問題があるページも、数日前?はHOMEのような余白がない
状態で正常に(デモ画面の見本のような状態)表示されていました。
本日の夜にping送信をしない設定のカスタム投稿記事を
投稿をしましたが、以前も同様の設定で投稿しても問題の事象は起こりませんでした。
上記のグローバルメニュー関係の事象は、多分1週間以内に
そのような状態となったのだろうと考えております。
広告関係は、JIN:Rを使用させて頂く前から何も触っておらず
ひとまず、以前、JINに広告を設置した時の状態を継続して
使用させて頂いております。
2週間位前からページ上部から下に向かってう細長い縦長の広告が
画面の中央から少し左右の位置から2本垂れ下がるようになりました。
掲題と別件で4点ご報告と相談なのですが
おそらくワードプレスのバージョン: 6.7.1への自動アップデート後なのですが
(もしかしたら3と4は6.7.0後かもしれません)
1:私のサイトのTOPページのリッチコンテンツがずれる❔ような感じで
綺麗に一列に整列されていない表示されるようになりました。
(ページの更新は多分行っていない気がします。)
2:何度プロフィール画像をカスタマイズから設定し直しても
半日~1日経つと自然に外されノーイメージ状態となってしまいます。
3:ブログカードを例:記事Aに使用時に
ブログカード内にデザインとして表示されるURLのもののアイキャッチ&タイトルと
そちらをクリックした後に飛ぶページが一致しません。
管理画面では、記事Bをリンク先に設定した場合にビジュアルとURLが
一致しており(何度編集して入りなおしても一致)ますが
管理画面経由以外でXなどからホームに入り、例として記事Aを閲覧した場合に
ブログカードのビジュアルが記事A、もしくは全く関係のない記事のビジュアルで
リンク先は記事Bという状態となっておしまっております。
4:カスタマイズ→メインビジュアル→ヘッダー画像・ベーシックを使用しております。
その下のボタン設定に希望のURLを入れているのですが、何もしていないのに
気が付いたら勝手にHOME(サイトTOP)のURLに変わっています。
何度か気が付き直したのですが、定期的にHOMEに変更されています。
別件が長くなり、また、別スレッドを立てずに申し訳ございません。
色変更と、正常な画面表示方法?について
恐縮ですが、ご確認・ご教授頂けますと幸いでございます。
どうそ、よろしくお願い申し上げます。
お世話になっております!
2024/11/29 19:59情報のご共有ありがとうございます。
内容が多いので、1つずつ確認させていただけますと幸いです。
見出しの件ですが、H2の背景を変えたいのであれば、以下のCSSになるかと思います↓
.page-id-30134 #jinrArticle h2 {
background-color: #4169e1;
}
ご確認お願いいたします!
tsu_ 様
2024/11/30 14:45ご多忙の所、ありとうございます。
CSSありがとうございます。
一部、希望の組み合わせで表示されました。
現在、H2見出しに3色が使用されている形で
表示されております。
・H2の見出しの枠の色が2色(タイトルの土台と吹き出しで異なる2色)
・白文字のタイトル
いくつも質問が多くて恐縮ですが
よろしくお願い申し上げます。
ご確認ありがとうございます!
2024/11/30 17:29申し訳ありません、、、ちょっと仰っている内容が把握できておりません....
(シンプルで軽微なCSSカスタマイズはお答えしていますが、それ以外となるとご自身でご対応いただければ幸いです)
ご確認よろしくお願いいたします!
tsu_ 様
2024/12/01 15:56お世話になっております。
バックアップを復元していたため、共有のURLでご確認頂けなくなっておりました
申し訳ございません。
現在共有のURLに、tsu_様に頂戴した
コードをカスタマイズに入れたら
吹き出しに3色使用されております。
よろしくお願い致します。
ご確認ありがとうございます!
2024/12/03 09:54いま書いていただいているのは
.page-id-30134 #jinrArticle h2,
.page-id-30134 #jinrArticle h3 {
color: #4169e1;
}
ですよね?
現状の形で大丈夫ということであっていますか?
背景部分を変えたい場合は、追加でお伝えした
こちらのコードになります↓
.page-id-30134 #jinrArticle h2 {
background-color: #4169e1;
}
よろしくお願いいたします!
tsu_ 様
2024/12/03 10:24お世話になっております。
ありがとうございます。
バックアップを復元していたため?
また、共有のURLでご確認頂けなくなっておりました
申し訳ございません。
※プロフィール画像やTOPからの希望のURLリンクが外れていたので
以下の2と4の事象により、追加CSSが変わっていた気もします。
現在共有のURLでは、吹き出しに3色使用されておりますが
こちらでも大丈夫です。
ありがとうございます。
・・・・・以下11月26日の内容・・・・・
1:私のサイトのTOPページのリッチコンテンツがずれる❔ような感じで
綺麗に一列に整列されていない表示されるようになりました。
(ページの更新は多分行っていない気がします。)
2:何度プロフィール画像をカスタマイズから設定し直しても
半日~1日経つと自然に外されノーイメージ状態となってしまいます。
3:ブログカードを例:記事Aに使用時に
ブログカード内にデザインとして表示されるURLのもののアイキャッチ&タイトルと
そちらをクリックした後に飛ぶページが一致しません。
管理画面では、記事Bをリンク先に設定した場合にビジュアルとURLが
一致しており(何度編集して入りなおしても一致)ますが
管理画面経由以外でXなどからホームに入り、例として記事Aを閲覧した場合に
ブログカードのビジュアルが記事A、もしくは全く関係のない記事のビジュアルで
リンク先は記事Bという状態となっておしまっております。
4:カスタマイズ→メインビジュアル→ヘッダー画像・ベーシックを使用しております。
その下のボタン設定に希望のURLを入れているのですが、何もしていないのに
気が付いたら勝手にHOME(サイトTOP)のURLに変わっています。
何度か気が付き直したのですが、定期的にHOMEに変更されています。
別件が長くなり、また、別スレッドを立てずに申し訳ございません。
よろしくお願い致します。
"1:私のサイトのTOPページのリッチコンテンツがずれる❔ような感じで
2024/12/03 20:06綺麗に一列に整列されていない表示されるようになりました。
(ページの更新は多分行っていない気がします。)"
↓
添付画像のズレているリッチメニューの最初に aタグ が入っているのですが、それが原因のようです、、
編集画面上でどうなっているか確認させていただきたいので、ウィジェット画面の該当箇所のスクリーンショットをご共有いただけますか?
ご多忙のところ、ありがとうございます。
2024/12/04 13:52tsu‗ 様
URLを共有させて頂き
そちらにスクリーンショットを添付させて頂きました。
何度か、該当箇所の横一列のリッチメニュー作り直し
キャッシュのクリア等も行ったのですが
そのような形となっております。
よろしくお願い申し上げます。
画像と検証ありがとうございます!
2024/12/05 19:40直前の部分が影響しているような気がしますね、、
(aroma-herb-survey-buttonのクラスを付けているあたりです)
ご確認お願いいたします!
tsu_ 様
2024/12/06 02:14ご多忙の所、ありがとうございます。
HTMLの使用から、画像への使用に変更したところ
正常にリッチメニューが整列致しました。
ありがとうございます。
質問が多くて恐縮ですが、引き続きよろしくお願い申し上げます。
2:何度プロフィール画像をカスタマイズから設定し直しても
2024/12/06 19:36半日~1日経つと自然に外されノーイメージ状態となってしまいます。
こちらは↓のマニュアルの手順で設定いただいている形でしょうか??
https://jinr.jp/manual/profile-widget/
※スミマセン、URLは非公開の設定で構いませんので、残しておいていただけますか?
tsu_ 様
2024/12/07 09:54ご多忙の所、ありがとうございます。
マニュアルの手順で行っております。
URL、再度、非公開で共有させて頂きました。
よろしくお願い致します。
【追記】
2024/12/08 19:03プロフィール画像だけでなく、プロフィール画面のURLも希望のURLから
HOMEのURL(質問4と同様のURL)に、勝手にいつのまにか変わってしまいます。
上記のコチラの事象を下記への追記としてご報告させて頂きます。
2:何度プロフィール画像をカスタマイズから設定し直しても
半日~1日経つと自然に外されノーイメージ状態となってしまいます。
よろしくお願い申し上げます。
↑の内容については、ちょっとよく分からないですね、、、
2024/12/09 23:15カスタマイズ画面では「下書き保存」ではなく「公開」されていますよね??