アフィリエイト広告を利用しています

広告

posted by fanblog

ひとつの記事ごとに行間とフォントサイズを設定する方法 : HTML

ファンブログ カスタマイズ

前回2回に分けてスタイルシートで記事の行間フォントサイズを指定する方法を説明しましたが、過去記事まで繁栄されてしまうという理由で、過去記事が多い方は設定するのを迷っているんじゃないかと思います。

そこで、今回は過去記事の設定はそのままで、新しい記事から設定したい方のために「ひとつの記事ごとに設定する方法」を説明します。
この方法は新しい記事を書くたびに記事を HTMLタグ で囲む方法です。毎回タグを入力するのは面倒ですが、メモ帳などにタグのコピーを取っておいてコピー&ペーストしてから書き始める習慣をつければ、作業効率はかなり良くなります。
▼ 「改行を有効にする」のチェックを外し HTML で記述してください ▼

記事の編集画面に以下のタグを貼り付け ★ここに記事★ の★〜★の範囲内に記事を書いてください。
<span style="font-size: 15px; line-height: 1.6;">★ここに記事★</span>

タグ内での記事の入力になるんですが、ファンブログ付属の「文字の設定」などは自由に使用できます。
検証も兼ねて実際にこのタグで囲まれた状態で ►文字の設定 の機能を使ってみますね。
 特大   斜体 下線 打消 文字色 (絵文字)まる (顔文字)(≧▽≦)
左寄せ
中央揃え
右寄せ

こんな感じで全て使用できました。入力の際には設定タグを消さないよう注意しないといけないので、以下のようにタグを配置して記述すればそのようなミスを軽減できると思います。
<span style="font-size: 15px; line-height: 1.6;">
★ここに記事★
★ここに記事★
★ここに記事★
</span>

調整方法はスタイルシートと同じです。調整の仕方がわからない方は前回の記事を読んでくださいね。

いかがでしたでしょうか?このタグを貼るだけで過去記事はそのままで、新しい記事から大きな文字で行間が空いた読みやすい文章を書くことができますんで、試してみる価値はあると思いますよ。犬
※上記Htmlタグはコピー&ペーストでそのままご利用になれます。
※Htmlタグのご使用、カスタマイズにつきましては、利用者の自己責任にてお願いします。
この情報が、お役にたちましたら ≫ FC2 Blog Ranking ≪ 押していただけると励みになります

この記事へのコメント

« 前の記事 : 記事のフォントサイズを大きくする方法 : CSS
コメントの行間やフォントサイズを変更する方法 : CSS : 次の記事 »

ブログパーツ
美容整形
Related Posts Plugin for WordPress, Blogger...
×

この広告は30日以上新しい記事の更新がないブログに表示されております。