WordPressテーマのカスタマイズに成功?

昨夜の段階で、とりあえず、文字色以外は当面問題ないかな?というレベルになっていた。

今日、外出先でスマホから見たところ、モバイルの画面は色使いも問題なく、レイアウトも問題なく、自然に読むことができて、こちらはいい感じだな、と思った。

さて、文字の色を変えるのであれば、フォントのcolorを設定すればいいのであるが、当然cssを書くことになる。どこに書いてあるのか?どこに書けばいいのか?

とソースを確認したら、HuemanのChild Themaを作って、そっちでカスタマイズするように、とソースに書いてある。また新しい言葉が出てきた。日本語だと子テーマ。オブジェクト指向的に継承テーマとかいうイメージになるのか?

調べてみた。テーマフォルダを作り、functions.phpと、style.cssだけを用意する。style.cssの先頭にコメントを指定された書式で書く。そこに、元になるテーマの情報を書いておくと子テーマとして認識されるらしい。最初は「Hueman」と書いたら、ダッシュボードのテーマ選択画面で、一覧には出たが、元テーマがない、と認識だけされたけど使えない状態になってしまい、次に、「hueman」と小文字にしたら正しく使えるようになった。

この状態で、cssを書いてみたら、文字の色が変わった。classがわからないので、そこは、Firefoxでブログを表示して、インスペクタで構造を表示させ、本文(要約含む)がどのclassに含まれているかを確認してtry and errorである。

なんとか、薄いグレーを黒にして、自宅のPCのディスプレイでもはっきり見えるようになった。

微調整はまたの機会でいいであろう。

コメント