こんにちは(≧∇≦)
ちょっとテンプレートを変更してみましたヾ(@^∇^@)ノ
真っ白けですが、これからもよろしくお願いしますm(_ _)m
さて、本題に入りますが、以前(H17/9/9)
FC2での中国語(簡体字)表示方法という記事を書いてから、FC2でも簡体字が表示できるようになり、これまでもたくさんの簡体字を書いてきました_φ( ̄ー ̄ )メモメモ
しかし、以前の方法
記事を書く時に中国語部分をspanタグで囲むでは、記事を書く時にちょっと面倒くさいですよね(°ー°)(。_。)ウンウン
そして、最近いろんな方から
簡体字を表示させるにはどうすればよいですか?という質問を受けていて、以前の方法を紹介していたのですが、
簡体字が表示されるのはうれしいけど、記事を書く時に
毎回spanタグを使用しないといけないのでめんどくさいだろなぁと、思って楽にできる方法を日々研究していましたr(-◎_◎-)
で、昨日わかりました(≧∇≦*)(*≧∇≦)pキャー あぁ前置き長い(;¬_¬)
今回の方法は以前よりちょっと高度なテクニック?が必要です(一。一;;)エッ?
HTMLとスタイルシート(CSS)の両方を見ないといけません(・。☆) カッ!
まず、
ブログの管理メニュー
→テンプレートの設定
→使用しているテンプレートの修正
をクリックして
HTMLの編集から
<%topentry_body>の文字列を検索するなどして探してください(・_・三・_・)キョロキョロ
私の場合はこのようになっています(「・・) ドレドレ
<div class="body"> <h3><a href="<%topentry_link>">■<%topentry_title></a>
<%topentry_year>年<%topentry_month>月<%topentry_day>日 (<%topentry_wayoubi>)</h3>
<%topentry_body> <br><br>
∫
省略
∫
</div>
で、重要なのは
<%topentry_body>が何に囲まれているかです(・。・)ノ ハーイ
見てみると赤字で書かれた
<div class="body">〜
</div>※で囲まれているようです( ̄0 ̄) オー
※私も専門的な知識はないのですが、HTMLは「ここからここまで」を
<ここ>〜</ここ>
というように "
/ "(スラッシュ) が "
まで"という意味を持つようです。
で、で、注目するのは
<div class="body">〜
</div>の中の「
" " 」で囲まれた
bodyで、次は
スタイルシートの編集(CSS)から
bodyの文字列を検索するなどして探してください(・_・三・_・)キョロキョロ
私の場合はこんな感じ(「・・) ドレドレ
body {
font-size: 83%;
line-height: 1.4;
padding: 0 2%;
background: #ffffff ;
}
∫
省略
∫
/* 記事表示部分を囲うブロック要素の属性 */
.body {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-right: 1px solid #000;
margin: 0.1em 0 2.5em 0;
padding: 0 0.5em 0.5em 0.5em;
line-height: 1.4;
}
あっ2つ見つかってしまった( ̄▽ ̄;) ヌオー
でも、安心してください( ̄o ̄) え?
bodyは無視して、
ドットの付いた
.bodyに注目しましょう( ・_・;)_・) ジー
で、で、で、.bodyの"
{ "と"
} "の間に
font-family :MS UI Gothic,Arial,Hei,sans-serif;を追加してみましょう ( ^ - ^")/ハイヨ
こんな感じに(「・・) ドレドレ
.body {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-right: 1px solid #000;
margin: 0.1em 0 2.5em 0;
padding: 0 0.5em 0.5em 0.5em;
line-height: 1.4;
font-family :MS UI Gothic,Arial,Hei,sans-serif; }
追加が終わったら、
更新ボタンを押して終了です(*´∇`*;△ はぁー
テンプレートによって
<div class="body">〜
</div>の中の「
" " 」で囲まれた
bodyが、body以外の異なる文字列になっていると思いますので、各々の文字列でスタイルシート欄を検索してみてください(・_・三・_・)キョロキョロ
うまくいくとspanタグを使わなくても、簡体字が入力できます(⌒▽⌒)
こんな感じに(「・・) ドレドレ
って、見た目にはわかりませんが( ̄△ ̄) !!
この方法を使うと
コメント欄でも…♪
それはまた次回説明しますφ(..)カキカキ
あぁ、この記事書くのに2時間20分も使ってしまったヽ(  ̄д ̄;)ノ ハラホレヒレハレー
ブログやるならFC2♪ 一起加油吧!(yìqĭ jiāyóu ba)