ブログ文字の大きさが、設定通りに表示されません (thread) | Questions List | ココログサポート Top

basic infomations

• ご利用中のOSは？:Windows Vista
• ご利用中のブラウザーは？:Internet Explorer 9
• ご利用中のプランは？:フリー

こんにちは。

理由を説明するのは難しいので何もしなくても必ず太字、文字サイズが大きくなるようにする方法を回答します。

下記の処理をしてみてください。

1) 管理ページトップ＞デザイン＞カスタムCSSの編集　を開く
2) 表示されたページの空欄に下記の内容をコピー＆ペーストする

.entry-body p{
font-weight:700;
font-size:1.4em;
}

※「entry-body」の前にはドット（.）があります。
※これも必ず入れてください。（入れないと反応しません）

3) 画面下の「変更を保存」をクリックする

この処理だけで、記事作成画面では文字の大きさや太さの変更など何もしなくても、投稿した記事では大きさ、太さが変わっているはずです。
※管理画面内の文字は細い（小さい）ままですが、そのままで保存してOKです。

但し、この処理をすると、どの記事も例外なく太文字、サイズ大きめになり、逆に一部だけ小さく（細く）するというのがちょっと難しくなりますのでご注意ください。

あと、記述の内容に入っている数値は変更可能です。
どちらも大きくすると更に太く、大きくなります。
書き換えるときは必ず半角の数字で入力してください。

no-nameさん。

早速のご解答ありがとうございました。

no-nameさんが、調べてくれたのに申し訳ないですが。

この方法だと、すべてが大文字で太字になるというご解答ですので、
やはり、太字も標準字も使いたいし、普通も大文字も使いたい私にとって、その都度の操作は面倒です。
折角の御指導ですが、利用するのを躊躇っております。

今、頭の中で考えているのは、最初から大文字を止めて、ベースを普通文字にして記事を書き、その中から必要箇所を、大文字にしようと思っています。

気持ち良いご解答ありがとうございました。

ちょっと時間が出来たので、原因について追加します。

ブログなどインターネットのページを表示する場合、HTMLという記号が使われます。
これは、ページ上には見えませんが、ページの裏側でその文章をどのように表示させるかを指定しているものです。
ココログも含めブログなどの簡易ウェブページの場合、ユーザーは文章を書き、それにアイコンクリックする程度の処理で文字色や太さ、大きさを簡単に変更してインターネットに公開出来ますがこれはその指定に合わせて自動的にHTMLも追加されるような仕組みになっているからです。
画像やファイル、絵文字の挿入なども同様です。

ご自分で書いた記事のHTMLがどうなっているかは「記事作成画面」を「HTMLの編集」に切り替えれば確認できます。
ページ内に「HTMLの編集」というタブがありますので、そこをクリックしてみてください。（記事を書く欄の右上のほうです）
質問者さんが書かれた文章以外に<p>や<br /><span～>、<img～>などの記号がたくさん並んでいると思います。
これらが「HTMLタグ」と呼ばれるものです。

ちなみに、質問者さんの今回の質問に該当するタグは下記のようなものです。
太字：<strong>～</strong>
文字色：<span style="color: #～;">～</span>
文字の大きさ：<span style="font-size: XXem;">～</span>
前述した「HTMLの編集」を開くと、上記の記述が多用されているのが確認出来ると思います。
大抵の場合、タグは前後2つで1組になっており、前に書いてあるのが「開始タグ」、後ろにあるのが「終了タグ」と呼ばれます。
この「開始」と「終了」の間に文字列などを入れると、タグが持っている装飾がその内容に適用されるという仕組みです。

ブログシステムはこれらのタグを自動的に挿入してくれますが、あくまで「簡易的なシステム」ですのであまり複雑な処理は出来ません。
また、指定する側のエラー（例えばカーソルのちょっとした動きで選択範囲がずれるなど）も考えられますし、同じ文章内に複数の設定を指定すると一部が反映されないという現象が起こることもあります。

いろいろな原因がありますので今回の現象の原因を「これ」と特定することは出来ませんが、仕組みとしてはそういうものだということを理解していただければ幸いです。

なお、「記事の作成」で書いた文章や指定した装飾が「HTMLの編集」に反映するのと同様に、「HTMLの編集」でHTMLタグを直接記述すればその内容は「記事の作成」に反映されます。
つまり「記事の作成」で思った通りの状態にならない場合は、「HTMLの編集」を確認しておかしな部分をご自分で直接修正することも可能ということです。

HTMLを知らなくてもブログをすることは可能ですが、知っていれば更に表現の幅が広がりますので基本的な部分だけでいいので知っておくことをオススメしたいです。
HTMLが理解できれば今回の不具合についてもご自身で納得できるのではないかと思いますし、今後不具合が起きた時の修正やさらにはココログのアイコンだけでは出来ない装飾も可能になると思います。
HTMLはウェブの基本ですので、インターネット上には解説サイトが山のようにあります。
「HTML 基本」「HTML 初心者」などで検索すれば分かりやすいページが見つかると思いますので興味があったら読んでみてください。

以上、ご参考まで。
長文失礼しました。

no-name様
とても分りやすく、詳しく、具体的な解答ありがとうございます。

no-nameさんのご教示を手繰りながら、自分の書いたブログを見て、考えて、教示に基づいてHTMLの編集を下記の通り試みましたところ、下記の通りになり私のブログの不備が修正されました。
直った画面を見たら感激しました。
ありがとうございました。


<p><strong><span style="color: #cc0033;font-size: 1.4em;">先進国の男性は女性的になる</span><span style="color: #cc0033;">傾向だという</span></strong></p>
↓↓
<p><strong><span style="color: #3333ff;font-size: 1.4em;">先進国の男性は女性的になる傾向だという</span></strong></p>

初心者相手に、面倒くさがらずに丁寧に応対してくれまして有難うございます。