Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
SWELLのカテゴリページの背景色を変...
 
通知
すべてクリア

SWELLのカテゴリページの背景色を変更

4 投稿
3 ユーザー
0 Likes
1,232 表示
JonyAi
(@jonyai)
投稿: 4
メンバー
Topic starter
 

カテゴリページの背景色(body)だけを違う色に変更したのですが、PHPをいじらないといけないでしょうか?CSSだけでできなかったので、質問させていただきます。また、そういった設定が可能な場合はご教示いただけますでしょうか?

 

【詳しく】

・基本カラーにて、背景色を #fdfdfdに設定してある

・カテゴリページ( https://.../category/test/)のtestカテゴリページだけ #000にしたい

・そのカテゴリーの投稿ページ等はデフォルト

 

要するに、カテゴリーページのデザインだけ、変更したいといった感じです。

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

 
投稿済 : 03/12/2022 2:16 pm
しらこ
(@96ssbike)
投稿: 842
メンバー
 

現状でも特定のカテゴリーページだけCSSだけで色変更は可能です。
カテゴリーごとのクラス名が発行されていますので、それを元にカスタマイズにチャレンジしてみてください。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 03/12/2022 10:12 pm
つるた
(@tsuruta)
投稿: 2
メンバー
 

特定カテゴリの投稿の一覧ページと記事ページのヘッダー色を変更したくて、調べていたところ、こちらに辿り着きました。

テーマファイルエディターで子テーマのstyle.cssに

・・・・・・・・・・・・・・・・・・・・・・

.category-19 #header{
background-color:red!important;
}

.category-19 .l-fixHeader__inner{
background-color:red!important;
}

・・・・・・・・・・・・・・・・・・・・・・

と書いたところ、カテゴリーの一覧ページのヘッダー色を赤変えることができました。

「19」の部分がカテゴリーのID

私はヘッダーの色を変えたいのでヘッダーのIDとクラスを指定しました。

ヘッダー以外でもクラスを指定すれば、色を変更できそうでした。

しかし、問題は特定カテゴリの記事ページのヘッダー色の変更ができないということです。

 

どなたか、ご存知の方はいらっしゃいませんか?

 
投稿済 : 24/12/2023 6:28 am
つるた
(@tsuruta)
投稿: 2
メンバー
 

すみません。解決しました。

子テーマのfunctions.phpに以下の記載を追加することによって、記事ページのヘッダー背景色を変更することに成功しました。

・・・・・・・・・・・・・・・・・・・・・・・

/* 特定のカテゴリーの記事ページでヘッダー背景色の変更*/
function customize_header_style() {
// カテゴリーIDが19の場合
if ( is_single() && has_category( '19' ) ) {
echo '<style>
#header {
background-color: red !important; /* 好きな背景色に変更 */
}
.l-fixHeader__inner {
background-color: red !important; /* 好きな背景色に変更 */
}
</style>';
}
}
add_action('wp_head', 'customize_header_style');

・・・・・・・・・・・・・・・・・・・・・・・

 
投稿済 : 24/12/2023 7:22 am
共有: