WordPress 通過Javascript 實現頁面的繁簡字體切換方法

公元2011年09月06日博主被107人群毆打醬油看熱鬧的有:16,019 views

WordPress 通過Javascript 實現頁面的繁簡字體切換方法

很早都想安裝一個這樣的切換按鈕,在網上搜索了幾個方法,總是有不完美的地方,所以一直也沒有加入這個功能,前幾天在博友Fourseven那看到有這個功能,問之,最後這哥們無私分享出來的.所以自己也做個備忘,原文傳送門,希望朋友們多多支持!

NO.1 首先是在header調用JS文件,可以直接調用google的拿來用,代碼如下:

1
2
<script type="text/javascript"
src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

Google調用地址

http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js

NO.2 其次是下載繁簡轉換的JS文檔,放到主題根目錄下調用即可,第五行請自行修改,下載地址在文章最下面,調用代碼如下:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" 
src="<?php bloginfo('template_directory'); ?>/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 1; //預設是否繁體,0-簡體,1-繁體
var translateDelay = 0; //延遲設為0就好
var cookieDomain = "http://muo.me/";    //Cookie地址, 您網站的網址
var msgToTraditionalChinese = "繁體"; //預設切換成"繁體"的按鈕字樣
var msgToSimplifiedChinese = "簡體"; //預設切換成"簡體"的按鈕字樣
var translateButtonId = "translateLink"; //步驟1那個切換按鈕a標籤的id名稱
translateInitilization();
</script>

NO.3 最後就是在需要添加的地方加入繁簡體轉換按鈕即可,代碼如下:

1
<a id="translateLink">簡體</a>

基本上就完成了,演示效果就如本博客sigle標題下面的繁簡體轉換,如果對樣式不太滿意可以自己在style裏添加樣式代碼,

107 位最佳損友留下了真知見解!
  1. CHINA 留言于:2011年11月09日04:08 #57℃ @Ta

    又來借光了