Eric's Who Know

01. 首先請到作者的網站 or 作者置於 Google Code 的地方來下載 WMD: The Wysiwym Markdown Editor。

02. 在您網頁的 textarea 加入 WMD Editor 的方式有下面兩種方式。 Read more...

01. WordPress Plugin : Page Links To 是一個可以讓 Page 或 Post，連結到您想要的網址，還有是否以新視窗開始、以 301 還是 302 來做 Redirect 的選項可以選擇。

eg: 如果您有論壇 or 相簿，但無法整合到 WordPress 時，Page Links To 這個 WP Plugin 就非常好用。

a. 填上您想要連結的網址 : Point to this URL
b. 如果想要以新視窗開啟 : Open this link in a new window
c. 不勾為301，打勾為302 : Use a temporary 302 redirect (default is a permanent 301 redirect)

02. WordPress Plugin : Exclude Pages from Navigation 是一個可以讓您經由簡單的設定，來決定是否讓 Page 顯示在 Navigation Menus (導航欄)。

a. 打勾代表要顯示於Navigation Menus (導航欄) : Include this page in user menus
b. 假設把 about 隱藏起來，但如果知道連結還是可以打個開喔 -> http://who-know.com/about/

03. WordPress Plugin : Page Link Manager 是一個跟 Exclude Pages from Navigation 很類似的 WP Plugin，不過當您有很多分頁時，要一一的去設定顯示 or 隱藏，這時 Page Link Manager 會是一個更好的選擇，它會把所有的分頁列出來，可以直接勾選是否顯示出來。

a. 打勾代表要顯示於Navigation Menus (導航欄) : Include this page in user menus
b. 假設把 about 隱藏起來，但如果知道連結還是可以打個開喔 -> http://who-know.com/about/

// Page Links To、Exclude Pages from Navigation 都是在新增一個 Post 或 Page 那裡設定，但 Page Link Manager 則是在 Tools (工具) -> Page Links 下去做設定。

還在用 wp_list_pages(); 的 exclude 和查 Page ID，然後再辛苦的去改 Theme，來隱藏分頁嗎 ?
那就趕快來試試 Exclude Pages from Navigation、Page Link Manager 吧。

一開始先到 作者網站 or WordPress Plugin 下載插件, 然後解壓縮上傳到 /wp-content/plugins 目錄，然後將下面的程式碼貼到 Theme 的 comments.php 的適當位置，像我是貼到 Website 的後面。

<p>
<?php  // Math Comment Spam Protection Plugin
if ( function_exists('math_comment_spam_protection') ) {
  $mcsp_info = math_comment_spam_protection();
?>
<b><input type="text" name="mcspvalue" id="mcspvalue" value="" size="22" tabindex="4" />
   <label for="mcspvalue"> Simple Math Problem : <?php echo $mcsp_info['operand1'] . ' + ' . $mcsp_info['operand2'] . ' = ?' ?></label></b>
   <input type="hidden" name="mcspinfo" value="<?php echo $mcsp_info['result']; ?>" />
<?php } // if function_exists... ?>
</p>

Read more...

Thickbox, LightBox, Auto HighSlide, WP-Slimbox2 這四個都可以讓圖片有光箱的特效, 其中 Auto HighSlide, WP-Slimbox2 是 WordPress Plugin。

下面是 Thickbox, LightBox, Auto HighSlide, WP-Slimbox2 的用法和比較

01. Thickbox 不用再自己上傳, 因為 WordPress 就有內附了。但如果原圖太大, 點擊不會還原到最大, 而是有一固定大小, 而且用 IE8 測試好像有問題, 愛搞怪的 IE6 這次卻很乖。

a. WP 用的是沒壓縮 /wp-includes/js/jquery/jquery.js
b. WP 用的是壓縮過 /wp-includes/js/thickbox/thickbox.js
c. WP 用的是沒壓縮 /wp-includes/js/thickbox/thickbox.css

用法 : 在您要使用的主題 Theme 的 header.php 找到 之前, 添加下面的code

<!-- For ThickBox Usage -->
<script type="text/javascript" src="./wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="./wp-includes/js/thickbox/thickbox.js"></script>

<?php wp_enqueue_script('jquery'); ?>
<link rel="stylesheet" href="./wp-includes/js/thickbox/thickbox.css" type="text/css" media="screen"/>
<!-- For ThickBox Usage -->

如果您的 Thickbox 是上傳在其它地方, 不是用WP內建的, 就要用絕對路徑, 否則用上面的相對路徑即可。

<!-- For ThickBox Usage -->
<script type="text/javascript" src="http://who-know.com/wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="http://who-know.com/wp-includes/js/thickbox/thickbox.js"></script>

<?php wp_enqueue_script('jquery'); ?>
<link rel="stylesheet" href="http://who-know.com/wp-includes/js/thickbox/thickbox.css" type="text/css" media="screen"/>
<!-- For ThickBox Usage -->

插入單張圖片：

<a class="thickbox" title="標題" href="原圖URL"><img src="縮圖URL" alt="" /></a>

插入連續圖片： // 有 Prev、Next 的效果

<a class="thickbox" title="標題1" rel="photo" href="原圖1URL"><img src="縮圖1URL" alt="" /></a>
<a class="thickbox" title="標題2" rel="photo" href="原圖2URL"><img src="縮圖2URL" alt="" /></a>
<a class="thickbox" title="標題3" rel="photo" href="原圖3URL"><img src="縮圖3URL" alt="" /></a>

Read more...