ページタイトルだけ文字色を変更するには...
 
通知
すべてクリア

[解決済] ページタイトルだけ文字色を変更するにはどうしたらよいでしょうか?

13 投稿
2 ユーザー
5 Reactions
13 表示
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 
ページタイトルだけ文字色を変更するにはどうしたらよいでしょうか?
基本カラーのテキスト色は #F6F7F8 ですが、ページタイトルの文字色は #000000 にしたく思いまして
追加CSSに
h1.articleHeader__title {
color:#000000;
}
 
と記述を追加してみましたが、文字色に変化はありませんでした。
 
XWRITEバージョン
3.0.4
WordPressバージョン
6.8.2
PHPバージョン
8.2.28
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2025年7月21日 2:18 AM
Y. INABA
(@yinaba)
投稿: 194
Reputable Member
 

@asabane さんへ。

タイトルエリアの設定によってh1タグのクラス名が変わります。

①デフォルトの「コンテンツ内部」の場合は、h1.articleHeader__title で問題ありません。CSSも !improtant 指定は不要で効くはずです。
もし効かない場合は追加CSSで他のCSSが指定されている可能性もありますし、プラグインの設定による可能性などが考えられます。
(念のためプラグインを無効化したり 該当CSSで !important 指定をしてみたりしてください)

②「コンテンツ上部」になっている場合はクラス名が変わっており、 h1.item__info--caption となります。
前もって文字が白色になっている指定となっているので、 !important 指定が必要です。

 

上記2つご確認いただき、お試しいただいてもよろしいでしょうか。

この投稿は12時間前ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年7月21日 8:41 AM
朝羽根 reacted
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

お返事頂きましてありがとうございます。

プラグインをすべて無効化しまして、追加CSSも h1.articleHeader__title の指定だけにして !important を付与してみましたが、文字色は黒になりませんでした。

 
投稿済 : 2025年7月21日 9:20 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

!important の付与をミスしていたのでやりなおしてみましたが、変わらずでした。

 
投稿済 : 2025年7月21日 9:27 AM
Y. INABA
(@yinaba)
投稿: 194
Reputable Member
 

@asabane さんへ。

情報ありがとうございます。

操作自体に問題はありませんので、ブラウザ側に問題がある可能性が高いです。

そこで、失礼を承知でお尋ねしたいのですが、更新適用後の状態で、以下お試しいただいてもよろしいでしょうか。

  1. スーパーリロード(キャッシュを消して再読込み)を試す。
  2. シークレットウインドウで読み込み直すか、もしくは別のブラウザから試しに読み込んでみる。
  3. ブラウザで使用している拡張機能等をすべてストップする。(稀にではありますが、ブラウザの拡張機能が原因で正常に動作しない場合があります)
  4. それでもダメなら、いったん現状のスキン設定を保存いただいた上で、全くの初期状態に戻した状態でも動作しないか試してみる。
この投稿は11時間前 3回ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年7月21日 9:58 AM
朝羽根 reacted
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba さんへ

「Hello world!」以外の記事を全削除、プラグインをすべて無効化、テーマ設定の初期化の方法がわからなかったので、関連しそうな設定の画像をこの投稿のあとに続けて添付します。

使っていない Google Chrome の拡張機能を全削除、キャッシュを全期間で削除、設定の初期化後、WordPressにログインしてみましたが、ページタイトルの文字色は白でした。

 
投稿済 : 2025年7月21日 10:39 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba

 
投稿済 : 2025年7月21日 10:40 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba

 
投稿済 : 2025年7月21日 10:40 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba

 
投稿済 : 2025年7月21日 10:41 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba

 
投稿済 : 2025年7月21日 10:41 AM
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba さんへ

すみません、スキンの初期化ができました。初期化ではなく復元ということに気付かず…。

h1.articleHeader__title {
	color:#000000;
	}

無事に上記CSSが適用されました。

 
投稿済 : 2025年7月21日 11:06 AM
Y. INABA reacted
朝羽根
(@asabane)
投稿: 15
Eminent Member
トピックスターター
 

@yinaba さんへ

追加CSSが反映されなかった原因は、コメントアウトが正しく行われていなかったことでした。
(非常に初歩的なミスで恥ずかしいですが…)

/* ページタイトル */
h1.articleHeader__title {
	color:#000000;
	}

上記の形では、無事にコメントを維持しつつ、CSSも反映されました。

原因もわかり、無事に問題は解決しました。
ありがとうございました。

 
投稿済 : 2025年7月21日 11:26 AM
Y. INABA reacted
Y. INABA
(@yinaba)
投稿: 194
Reputable Member
 

@asabane さんへ。

ありがとうございます。
こちらこそ言葉足らずな点があり申し訳ありませんでした。

CSS設定が効くようになって幸いです。
こういったミスであっても、後で気づけたようで良かったと思います。
(私自身も気づいておらずお恥ずかしい限りです)

またご不明な点がありましたら当フォーラムにてご相談いただければ幸いです。

この投稿は9時間前 3回ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年7月21日 11:30 AM
朝羽根 reacted
共有: