FasionHasion | 北欧雑貨fh

@fasionhasion

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQueryで”月”を英語表記にする

jqmon
はじめに
このカスタマイズは、FC2ブログの数字で表記される日付(月)を
jQueryを用いて英語表記に変換するカスタマイズです。

以下はFC2ブログにおいての手順ですが、手順3の <%topentry_month> を各ブログの独自タグに変更することによりFC2以外のブログでも実現出来ると思われます。

【カスタマイズ手順】

1. jQueryをダウンロードし、拡張子をjsにした後「ファイルアップロード」よりアップロード

2. 「htmlの編集」より </head>の直前に以下のコードを挿入
<script type="text/javascript" src="アップロードしたjquery.jsのURL"></script> 
<script type="text/javascript">
$(document).ready(function(){
$("span.m01").replaceWith("<span>January</span>")
$("span.m02").replaceWith("<span>February</span>")
$("span.m03").replaceWith("<span>March</span>")
$("span.m04").replaceWith("<span>April</span>")
$("span.m05").replaceWith("<span>May</span>")
$("span.m06").replaceWith("<span>June</span>")
$("span.m07").replaceWith("<span>July</span>")
$("span.m08").replaceWith("<span>August</span>")
$("span.m09").replaceWith("<span>September</span>")
$("span.m10").replaceWith("<span>October</span>")
$("span.m11").replaceWith("<span>November</span>")
$("span.m12").replaceWith("<span>December</span>");
});
</script>
3. 英語表記にしたい箇所の <%topentry_month> を以下に置換

<span class="m<%topentry_month>"><%topentry_month></span>

以上です。

jQueryを使った場合ソースがすっきりするのですが、ブログの内容によっては英語表記に変換されるまでに若干のタイムラグがあります。(月の部分に注目してリロードしてみると分かると思います)

逆に、以前の方法ではソースはごちゃごちゃするのですがサクっと瞬時に表示されます。
お好きな方をお選び下さい

一番良いのは英語表記用の変数が追加されることなんですけどねf(''
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。