部分修正

とにかく巨大なタイトル文字サイズだけは何とかしようと重い腰を上げてCSSをいじり始めましたが、結構、強敵。子テーマが有効になっているので、直接CSSに書き込んでFTPで上書きしてみましたが、書き方が違うのか、WordPressにログインして確認したら、ソース真っ白。その画面に直接貼り付けて修正しても効かず。

直したいのは一覧のタイトルと各記事ページのタイトルの2種。特に各記事のほう、初期設定が何でこんなにでかいの??号外で配られる新聞のタイトル並みですよ;何メートルか離れても読める。

H1とH2のタイトルで、CSS変数で定義されているので参照元や先を調べ…。CSSそのものを見ても長くて分からないのでChromeのデベロッパーツールが必須。どこが効いているのか見つけたらCSSをテキスト検索して、と。

テーマのカスタマイズ画面で効かなかったので、ふとページ上部を見ると「ここで編集する必要はありません」のような文言のリンクから、カスタマイズ画面メニューの追加CSSへ誘導されたので、そこへ追加。

プレビュー画面では反映されるのに、公開するとエラーが。何が悪いんだろう?と試しに@mediaの入れ子を外したら公開できた。考えてみたらPCやタブレットだけでなくスマホサイズでも小さくしたかったのだからmin-width設定は不要だし。元の設定に引きずられてる。

各記事のほうは、参照の設定を変更したら効いたので、これでいいやとなったのだけど、いいのかな?わりと適当。だってCSS変数ってきちんと勉強した事ないし。PerlやらPHPやら、基本の本は目を通したので、変数の使い方は何となく分かるってぐらいだし。

WordPress内で編集、公開はできたのだけど、修正後、FTPで子テーマをダウンロードしてみても、追記が反映されていなくて、どこに保存されているのか分かってないです;2時間ぐらい格闘して、修正したかった部分はできたので、また余裕があればカスタマイズを…。(いつになるやら)