vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間13万PV〜。

Stinger5で文字色が変更できない!テーマカスタマイザーの削除で解決しました

      2017/02/01

LINEで送る
Pocket

wp-stinger5-tc-del
こんにちは、okutani(@okutani_t)です。先日、Stinger5で文字色を子テーマのCSSで変更しようとしたところ全然反映されなくて少し焦りました。

Stinger5はデフォルトだと文字色の変更がCSSでおこなえないようです。

テーマカスタマイザーの設定をOFF」にすることで、CSSを使った文字色等を変更できるようになります。CSSで主にサイトをデザインしている方は下記の通り設定してみてください。

まず始めに、テーマカスタマイザーについて説明していきます。

スポンサーリンク

テーマカスタマイザーについて

Stinger5ではテーマカスタマイザーという、CSSを書かず直感的に文字色や背景等が変更できる機能を利用しています。

しかし、テーマカスタマイザーがオンになっていると、CSSを用いた子テーマで色の設定が反映されません。

wp-tc

テーマカスタマイザーを使わない人は下記設定でオフにしておきましょう。

functions.phpの該当部分を削除

親テーマにあるfunctions.phpを開いて下記の行をまとめて削除しましょう。こうすることでテーマカスタマイザーの機能をオフにできます。

//テーマカスタマイザーで編集しない方は削除して下さい(ここから)

…省略…

//カスタマイザーで色を設定しない方は削除して下さい(ここまで)

内部ファイルを弄ることになるので、上記のようなコードにあまり慣れていない方はバックアップをとってから作業をおこなうようにしましょう。余計なコードを削除してしまうと、最悪サイトが表示されなくなります。

上記コードを削除することで、邪魔をしていたテーマカスタマイザーを停止することができました。これでCSSを使ったレイアウトが可能になりますね。

また、上記のコードは行数が多いため、削除することでWordPressサイト自体の読み込みを速くすることにも繋がります。

Stinger5を使っている方は、本方法でCSSを使えるようにしておくと良いですね。

まとめ

Stinger5開発者のENJIさんのブログでも、このやり方でテーマカスタマイザー機能をOFFにしていました。

公式ページで紹介しているやり方の通りですので、安心して設定できますね。ぜひ試してみてください。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
最初、色が変更出来なくて!importantとかしてました。逆に、CSSをいじらずにテーマカスタマイザーでサイトデザインを構築したい方は、無理に設定しなくても大丈夫かと思います。

 - Stinger5

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

[Stinger5] リード文下のAdSense広告をPC・スマホ用サイズに分岐して表示する

こんにちは、okutani(@okutani_t)です。AdSenseの広告サイ …

Stinger5にファビコンを設置する方法

こんにちは、okutani(@okutani_t)です。本記事ではWordPre …

[Stinger5] 関連記事の見出しを任意の文字に変更する

こんにちは、okutani(@okutani_t)です。 このサイトはWordP …

Stinger5の導入&子テーマの作成方法

こんにちは、okutani(@okutani_t)です。WordPressはブロ …

[Stinger5] デフォルトのツイートボタンからブログ名を含めて投稿する

こんにちは、okutani(@okutani_t)です。Stinger5では初め …

[Stinger5] 固定ページにSNSシェアボタンを追加する

こんにちは、okutani(@okutani_t)です。私はWordPressテ …

Pocketボタンをサイトに設置してみよう!Stinger5編

こんにちは、okutani(@okutani_t)です。今回はサイトのSNSシェ …

Stinger5にiPhone用のアイコンを設置する

こんにちは、okutani(@okutani_t)です。iPhoneのホーム画面 …

[Stinger5] スマホのブログタイトルを画像に変更する

こんにちは、okutani(@okutani_t)です。WordPressのテー …

[Stinger5] スマホレイアウトのナビメニューをカスタマイズしてみよう

こんにちは、okutani(@okutani_t)です。Stinger5のスマー …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。