Entry 本文のスタイルシートを変更

いいね!

わたしが WordPress を扱い始めて、Web ショップ・サイトのブログとしてつくる時に選んだテーマ(Fresh Ink Magazine)のまま長持ちしている。当然、細かなところはカスタマイズを追加しています。
Fresh Ink Magazine
テーマをデザインしたのは出版物のカバー等のデザインをしている企業で、このテーマをリリースしてからは WordPress のテーマ・デザインは終了しているようです。現在でも公式ディレクトリには残っているようですね。
レスポンシブルが主流に成っても、PHP がグレードアップしたって度重なる WordPress のメジャー・グレードアップにもエラーを出さないので使い続けています。

本文書体を指定してある箇所

今回は Entry 本文を変更。読みやすさを考えました。

.entry p {
    font-family: 'Abril Fatface', serif;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 400;
    color: #364421;
    padding: 1em;
    text-rendering: optimizeLegibility;
    text-align: justify;
    text-justify: inter-ideograph;
    word-spacing: normal;
    word-break: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

本文書体とプロパティを変更

本文の書体を変更、あわせて役物や、文字送りの調整をするプロパティの設定を変更。次のスタイルシートに更新しました。

.entry p {
    font-family: Segoe UI;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 400;
    color: #364421;
    padding: 1em;
    text-rendering: optimizeLegibility;
    text-align: justify;
    letter-spacing: normal;
    text-justify: inter-ideograph;
    text-transform: none;
    font-variant: normal;
    word-spacing: auto;
    word-break: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

WordPress デザインとスタイルシート参考書


WordPress スタイルシート

WordPress でのサイト制作によく使われる手法を目的別にまとめたテクニック集です。

これからHTMLとスタイルシートを覚えようとする方には、HTMLのマークアップをHTML5とHTML4の違いとともに紹介しており、書式と記述の例、解説がとてもわかりやすい本です。

More from my site

About Digit @Maetel

おヘソが自慢のミュージック・レビュアー。 Performa5410 以来のマック遣い。1996年、ダイアルアップのパソコン通信にはまり高校卒業後にレイトデビュー。熊本銀座通りに抜ける駕籠町通りでランチタイムの後お会いしましょう。お店の Web サイトも担当して10年。2007年からは WordPress サイトを作っています。