wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

wordpress屋のマルチメディアコンテンツ制作読んどけ☆コラム

ワードプレスCSSで色が変わらない時『functions.phpやテーマカスタマイザー』もチェック

      2017/09/24

こんにちは、管理人@SS_mshpです。

今回は、ワードプレスのサイト制作をするとき、ひっかかりそうなポイントについてです。

最近ワードプレスサイト制作のお仕事をしていたんですけど、たまに、CSSなどを調整しても色がかわらないポイントなどがあって困っていました。どういう状況かさっそく見ていきましょう。

■テーマによっては、CSS使っても色がかわらないところがある!

管理人はいつも、ワードプレス管理画面の『外観→テーマ編集』というように入って、CSSからカラー指定などを行っています(color:#000000;みたいな)。しかし・・・

テーマによっては色指定CSSが効かないものがあります。たとえばヘッダーの部分のCSSで、サイトタイトルなどはフォントサイズを小さくしたりできましたが、『#f5b730(山吹色)』のサイトタイトルが、なんどやっても反映しませんでした。
このほかにも『テーマstingerで文字色がCSSでかわらない』みたいなのもあるようです。

■CSSで色がかわらないときのチェックポイント

■テーマカスタマイザーでおこなう


管理画面についている、こういう感じで、パーツごとに色を指定するものです。CSSほど細かく指定できないことが多いけど、こちらに変更したい部分がある場合は、こちらで行います。

また、どうしてもCSSでやりたい上級者は『phpファイルのテーマカスタマイザー・色指定部分をカットしたり書き換える』などという手もあります。

■phpファイルで指定してある部分を探す(functions.phpなど)


functions.php
// Set up the WordPress core custom background feature.
add_theme_support( 'custom-background', apply_filters( 'ribbon_lite_custom_background_args', array(
'default-color' => '#EBEBEB',
'default-image' => '',

functions.phpを見ていたら、テーマの基本色を設定していた部分が見つかりました。しかし、表記はcustom-backgroundで『#EBEBEB(薄いグレー)』ということからわかるように、背景でした。

テーマによっては『functions.php』で指定している場合もあるかもしれません。とはいえ、ちょっとのphp記述ミスでサイトが表示されなくなる危険性もあるため、慣れていない方にはハードルが高い部分でもあります。

■今回はコレだった!custom-header.php


custom-header.php (inc/custom-header.php
'default-text-color' => '4d4d4d',

『ribbon lite』というテーマだったんですけど、これには『custom-header.php』というのがありました。ヘッダーのタイトル部分がずっと濃いグレー(#4d4d4d)でしたが、どうやらここで指定されていたようです。これをカットすることにより・・・


得意のCSSエディットで反映させられるようになります。

■まとめ

CSS色指定が効かないテーマでは
『テーマカスタマイザーで行う・およびそこのphpを書き換えてCSSでやる』
『functions.phpや、該当部分含むパーツを出力するphpをチェックし書き換える』

などで対応が可能になることと思います。

こういった点を頭に入れ、思い通りのサイトカスタマイズをしてみてください。
(不明な部分は、管理人に発注いただいてもokです。喜びます。)

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - webサイト制作 【タグ】 - ,

  関連記事

【PHPでWPカスタマイズ】プラグイン不使用で、テーマに関連記事表示機能を実装しPV・滞在時間を上げる

今回は、サイトをしっかり見てもらうために、『WordPressサイトに、 …

PHP・shuffleやarrayを使った、画像ランダム表示方法~メインビジュアルやバナー・テキストにも利用可能

今回は、以前お取引先のスクールの担当者さまと、『サイトのメインビジュアル …

wordpress構成ファイルのxmlrpc.phpを無効化する方法【実は攻撃されやすい】

今回は、wordpressの構成ファイルで、ちょっとクセのある『xmlr …

【別に止めなくてOK】wordpressサイトなどに、アメブロ・fc2など無料ブログの更新情報を表示して連携する方法

今回は、『無料ブログにすべきかwordpressにすべきか』という疑問に …

【マテリアルデザインCSSフレームワーク】Materializeで、カッコいいビジネスサイト(静的HTML)を作る

今回は、フレームワークを使ったサイト制作を行ってみます。 利用するのは『 …

【wordpressカスタマイズ】llorix_oneなどビジネストップ1カラムテーマで、カスタマイザーで入らない動画・オーディオを入れる

今回は、人気の海外ディベロッパーのwordpressテーマで、動画やオー …

【WPカスタマイズ】子テーマさえ入れとけば大丈夫?なわけねーだろ!(親テーマに手を入れる・ファイルコピー適応させる羽目になる事例)

今回は、推奨されてるWPの子テーマについてですが、『結局親テーマいじる羽 …

【セキュリティ・脆弱性対策2018】wordpressでサイバー攻撃されやすいファイルってどんなのがあるの?

今回は、wordpress利用者にも気になる『サイバー攻撃』についてです …

ワードプレスでデータベースにたまる余計なデータって何があるの?事例と対処方法

今回は、ワードプレスのサイトでよくある『データベースにたまる余計なデータ …

【WPカスタムフィールドはこう使う】カップ焼きそばレビュー記事に、カスタムフィールドで評価スコアを(CSSつけ方もあり)

今回はwordpressの機能『カスタムフィールド』で、より具体的に利用 …

【PHPで条件分岐】wordpressのサイトで、ページごと(固定・記事・カテゴリ・複数ページ)に、表示される内容を変えたいっ!

今回は、wordpressのサイトで使われるPHPプログラムの条件分岐で …

wordpressの仕組み~ヘッダーに入ってくるCSSは、どのように出力されるか(wp_headにcustomize_cssをadd_action)

今回は、自分のフリー曲素材サイトのチューニングをしてて、wordpres …