アンリミテンプレートの文字を大きくするカスタマイズ

公開日：2015年12月15日　最終更新日：2016年02月24日
ブログカスタマイズアンリミテンプレート 0 コメントアンリミテンプレート • カスタマイズ • 文字を大きく

アンリミテッドアフィリエイト（アンリミ）付属ワードプレステンプレートのフォントが小さいと感じたので大きくしました。

アンリミ付属テンプレートのフォントは13pxでした。

fontcustombefore1205

トップページの記事内は14pxに、

個別ページは16pxで調整してみました。

fontcustomafter1205

カスタマイズした箇所

外観　→　テーマの編集と進み、

共通スタイルシート固定ページテンプレート (common.css)の中の以下の部分を探します。

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main .entrybox {
width: 498px;
border: 1px solid #999999;
padding: 0px 10px 10px 10px;
margin-top: 10px;
margin-bottom: 25px;
font-size: 13px;
line-height: 150%;
}
#main-page .entrybox {
width: 675px;
border: 1px solid #999999;
padding: 0px 10px 10px 10px;
margin-top: 10px;
margin-bottom: 25px;
font-size: 13px;
line-height: 150%;

font-sizeという部分の数字を変更することにより、文字の大きさを調整できます。

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main .entrybox {
width: 498px;
border: 1px solid #999999;
padding: 0px 10px 10px 10px;
margin-top: 10px;
margin-bottom: 25px;
font-size: 14px;（トップページ内の記事のフォントサイズ調整）
line-height: 150%;
}
#main-page .entrybox {
width: 675px;
border: 1px solid #999999;
padding: 0px 10px 10px 10px;
margin-top: 10px;
margin-bottom: 25px;
font-size: 16px;　　（個別記事のフォントサイズ調整）
line-height: 150%;