css – Peax

WordPressでテーマのスタイルをちょっと変えたいだけの時、例えば全体の文字の大きさを変えるとか、フォントを日本語に最適化した時とかあると思います。

直接テーマに書き込んだり子テーマを作っても良いんですが、PHPをいじらないのであれば正直プラグインでやったほうが手っ取り早いと思います。まぁ好みでしょうが。そこで、CSSとJSを書き込める「Simple Custom CSS and JS」と言うプラグインをご紹介します。

少し前のサイトでChromeで文字のセンター寄せが効かなくなったと連絡があった。見てみたら左寄せになっている。text-align:center; 自体は効いているようなので色々見ていたら、

p{
    text-align:justify;
    text-align-last:left;
}

text-align-last:left; と、個人的にはほとんど使ったことのないプロパティが設定してあった。結論から行くとこれを外したらひとまず解決したんですが、検索しても出てこなかったので一応メモとして残しておきます。

p{
    text-align:justify;
    /*text-align-last:left;*/
}

もしくは

*{
    text-align-last:auto;
}

もしくは

*{
    text-align-last:initial;
}

まぁ、あんまり使うこと無いプロパティかも知れませんが、どうもtext-align-lastの方が優先されるようです。今のところChromeのみのようですが、これから他のブラウザでも同じ仕様になると思いますので頭の片隅に入れておくと良いかもしれません。