![愛されるブログデザイン・パソコン教室|大分・別府](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
本気でプチ起業したい!
独立したい!
美容・健康・癒し系サロンの個人運営
セラピスト様のお教室運営
を集客ツールでサポートします!
愛されるブログデザイン・パソコン教室
ブログデザイナー:水本紗輝です。
この度はご閲覧下さり、ありがとうございます。
どうぞ、よろしくお願いしますUU
------------------------------------------------------------------------------
アクセス数昨日は
141名でした
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/182.gif)
ありがとうございます
![泣](https://emoji.ameba.jp/img/user/na/namida-egao/5067.gif)
文字の大きさを変更したい!』
若干、昨日更新しました、
「ブログタイトル・説明文の文字の大きさの変更」
と被る内容もあります。
まず、デザイン変更でテンプレートを設定すると
文字の大きさが小さくて、見にくいと感じる
場合があります
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/028.gif)
読者のことを考え、
記事の文字は最低12px以上に
文字設定して書くようにしましょう
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/039.gif)
年齢により、12pxは小さいと感じる
場合もあるので、
14pxが丁度良いですよ
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/139.gif)
「ブログ管理」ページから「ブログを書く」欄で
書いた文字選択し、
文字設定で大きさを設定します。
HTML表示 例)
<span style="font-size: 16px;">
「記事タイトル・記事内の文字の大きさを変更したい!」
</span>
または、CSS編集にて最初から文字の大きさを
設定しておけば、
大きさを変えたい部分だけ、
「ブログを書く」欄で設定すればラクチンです
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
【記事スペースの文字の大きさの変更】
▼記事タイトルの文字のサイズ変更のやり方
①ブログ管理→デザイン変更→css編集
②(1-3)の欄が記事タイトルの
カスタマイズコードです。
/* (1-3) 記事/メッセージボード内の文字のスタイル
--------------------------------------------*/
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:
focus,.skinArticleTitle:visited{
font-size:1.31em; /* 記事タイトル文字の大きさ */
font-weight:bold; /* 記事タイトル文字の太さ */
color:#0066cc; /* 記事タイトル文字の色*/
}
※ 1em=16px 詳しくはコチラにて
③赤文字部分を書きなおして保存してください。
▼cssで記事内の文字のサイズ変更のやり方
*/記事の文字/*
.articleText{
font-size:数字を入れるpx;
}
.articleText{
font-size:数字を入れるpx;
}
①上記のコードをCSS編集のスタイルシートの一番下
下記の欄にコピーし、貼り付けます。
②赤文字部分を好きな数字に変更して
保存してください。
以上になります
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/176.gif)
参考にしてみてくださいね
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
次回は、文字の太さのコードについて
色々ご紹介します
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/039.gif)
⇒ アメブロカスタマイズ方法記事一覧
-----------------------------------------------------------------------------------------
【サービスのご案内】
ブログカスタマイズ・パソコン初心者の方も
当講座を受け、独立を達成されました
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/039.gif)
ブログ・WEB・パソコン初心者で
美容・健康・癒しサロン、セラピスト、個人教室運営者の方のための
集客力が身につき、記事の内容・作り方がよくなる
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/039.gif)
ブログ運営を楽しくするための
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
⇒ 愛されるブログデザイン・パソコン講座
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/182.gif)
「ブログに何をかけばいいか分からない」という方のために
記事ネタ提供・読者が求めている記事の書き方・作り方を伝授
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
⇒ 記事作成コンサルティングはこちら
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/182.gif)