サポート » テーマ » Imbalance 2でのフォントの変更

  • ayks

    (@ayks)


    WordPress初心者です。
    いろいろと調べましたがわからなかったので新規で投稿させて頂きます。

    「Imbalance 2」というテーマを使用しています。
    フォントをきれいにしたいと思い、日本語フォントを追加したいのですが、
    「style.css」というファイルを変更すればよい、といった内容の記事をたくさん見かけ
    私もこれに従ってやろうと思ったのですが、
    (例えばこのような http://wp.8jimeyo.info/theme/font-family/ )
    同じような部分(「font: 」、または「font-family: 」)が見つからず
    どこを変更すればいいのかわかりません。

    ちなみに最初のbodyの部分は

    html, body, form, ul, li, table, td { margin: 0; padding: 0; }
    body { position: relative; color: #333; }
    body, input, textarea { font-size: 13px; }

    こんな感じです。

    他のファイルで変更するのでしょうか?
    知識がないのでわかりやすく教えていただけると幸いです。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • 천궁 메텔

    (@digitmaetel)

    Imbalance 2 のテーマオプションに Choose font の選択肢があります。

    トピック投稿者 ayks

    (@ayks)

    早速ご返信ありがとうございます。
    選択肢には「Sans Serif」「Serif」しか選べなくなっています・・・。

    천궁 메텔

    (@digitmaetel)

    試しにインストールしました。 テスト
    WordPress は 3.7-alpha-25343 ですが、Serif で指定しています。
    rtl.css の中に font セクションがあるようです。
    全体の設定はそこで充分だと思います。
    クセのあるテーマなので、全体のバランスを崩しかねません。
    また海外制作ということもあるので後は、部分的にフォント指定しながら理想の形にしていくのが良いでしょう。

    トピック投稿者 ayks

    (@ayks)

    rtl.cssの一部分を以下のように書き換えましたが・・変化がありません(T T)

    input[type=submit] {
    font-family: Verdana,”メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”MS Pゴシック”,”MS PGothic”,sans-serif;
    }

    他にも何か書き換えないといけない箇所があるんでしょうか?
    それとフォントサイズは

    /* Text elements */
    ul, ol {
    margin: 0 1.5em 18px 0;
    }
    blockquote {
    font-style: normal;
    }

    の、「margin: 0 1.5em 18px 0;」を変えるんでしょうか?

    …せめてフォントサイズだけでも変えたいと思っています。
    例えばあと2ポイントほど小さくしたい場合は、どのように直せばいいんでしょうか?

    よろしくお願いいたします。

    천궁 메텔

    (@digitmaetel)

    Text elements での指定は、文字の配置のマージンですね。
    その様に、タイトルなど表示領域を定義してあるようです。
    Wpshower が提供しているWordPressのテーマに共通した、癖といったところでしょう。
    クセのあるテーマなので、といったのはスタイルシートの作り方にもあります。

    全体のバランスを崩しかねません。
    そこで、わたしはサイトタイトル、記事タイトルは英数で極力統一。

    本文要素だけを次のように指定しています。

    .entry-content-right {
    	text-align: justify;
    	font-size: 1.2em;
    	line-height: 2em;
    	word-spacing: normal;
    	-webkit-font-smoothing: antialiased;
    	-webkit-text-size-adjust: 100%;
    }

    最後の二行は MacOSX でのみ有効で、Windows では変化は出ません。
    こういう違いがあります→サンプル

    御存知の通り、閲覧者が自分のブラウザを環境設定>詳細で、スタイルシートを指定している場合はサイト側の指定しているところは反映しませんね。

    ayks さんが2ポイントほど小さくしたい要素を、それぞれ指定してはいかが?

    トピック投稿者 ayks

    (@ayks)

    せっかく親切に説明していただいていますが、私には理解ができないことだらけです…。
    昨日phpファイルをいじってちょっと大変なことになり、ヘタにファイルをいじるのも怖くなってしまいました。

    見た目でこのテーマを選んでしまいましたが、たしかにクセがあるので素人にはカスタマイズが大変な気がします。

    もっと勉強をしてからまた質問させていただきます。
    ありがとうございました。

    천궁 메텔

    (@digitmaetel)

    直接 php をいじり損なうと大変なことに成ります。
    せっかくカスタマイズしても、テーマがアップデートされればカスタマイズ箇所は上書きされますから、子テーマでカスタマイズをお薦めします。

    わたしはスタイルシートを別作成して、テーマを変更してもそれを引用させることで作業を最小限にしています。

    Imbalance 2 の見た目のどこが気に入ったかによりますが、
    バリエーションテーマはたくさん見つかりますよ。
    Imbalance 2 も Imbalance をカスタマイズして作成されているテーマですね。

    自分のイメージがまず有るのでしたら、
    デフォルトの Twenty シリーズをベースにカスタマイズをすすめるのが得るものは大きいですよ。
    がんばってください。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「Imbalance 2でのフォントの変更」には新たに返信することはできません。