製作文繞圖的效果

Posted by: 邱小新 at 上午11:14:00 in

一般來說,如果直接使用 <img src="xxx"> 後面再接上文字的話,文字會被強迫放在圖片下方。如果要讓文字看起來跟報章雜誌一樣,文字圍繞著圖片走,有二種方式可以達到此效果,一為 HTML 語法,一為 CSS 語法。

HTML 語法

<img src="xxx" align="left" hspace="5" vspace="5">

CSS 語法

<img src="xxx" style="float:left; margin: 5px 5px 5px 5px;">

</li> 後面不能接 <br/>

Posted by: 邱小新 at 下午5:47:00 in
有時候為了讓每一個條列中間空一點,所以會在 </li> 加上 <br/>。在 firefox 都很正常顯示沒問題,但是在 IE6 卻沒有效果。最後只好改用 <p/> 才解決問題。

去除擾人的自動轉換功能

Posted by: 邱小新 at 下午3:37:00 in

去除<br/>及<p></p>的自動轉換

1. 安裝 Text Control 插件。

2. 修改 wp-includes/js/tinymce/tiny_mce_config.php

// TinyMCE init settings $initArray = array ( 'mode' => 'none', 'onpageload' => 'wpEditorInit', 'width' => '100%',

修改成

// TinyMCE init settings $initArray = array ( 'forced_root_block' => false, 'force_br_newlines' => false, 'force_p_newlines' => false, 'mode' => 'none', 'onpageload' => 'wpEditorInit', 'width' => '100%',

去除 & 的自動轉換

2. 修改 wp-includes/formatting.php

第一個部份

$curl = preg_replace('/&([^#])(?![a-zA-Z1-4]{1,8};)/', '&#038;$1', $curl); $output .= $curl; } return $output;

修改成

// $curl = preg_replace('/&([^#])(?![a-zA-Z1-4]{1,8};)/', '&#038;$1', $curl); $output .= $curl; } return $output;

第二個部份

// Remove metadata tags $content = preg_replace('/<title>(.+?)<\/title>/','',$content); $content = preg_replace('/<category>(.+?)<\/category>/','',$content); // Converts lone & characters into &#38; (a.k.a. &amp;) $content = preg_replace('/&([^#])(?![a-z1-4]{1,8};)/i', '&#038;$1', $content);

修改成

// Remove metadata tags $content = preg_replace('/<title>(.+?)<\/title>/','',$content); $content = preg_replace('/<category>(.+?)<\/category>/','',$content); // Converts lone & characters into &#38; (a.k.a. &amp;) // $content = preg_replace('/&([^#])(?![a-z1-4]{1,8};)/i', '&#038;$1', $content);

wp_list_pages 函數

Posted by: 邱小新 at 晚上10:51:00 in
wp_list_pages 函數主要是用來顯示 wordpress 頁面的連結,但是查了半天,很多教學都沒有說頁面的連結在那裏編輯。總共皇天不負苦心人,讓我摸索出來,請看左圖,紅色圈圈就是修改新增的地方。原來只是類似公司簡介這類的東西,讓使用者可以輸入一些跟日記無關,但是又跟自己有關的文章。我原來還以為是可以做成網站、網誌或網頁連結選單功能,結果卻都連結到自己的網站,無言。

Wordpress 中文化

Posted by: 邱小新 at 晚上9:44:00 in
  1. 修改 wordpress 根目錄下的 wp-config.php

    define ('WPLANG', '');  改成  define ('WPLANG', 'zh_TW');

  2. 在 wp-content 資料夾下,手動新增一個 languages 資料夾。

  3. 上傳 zh_TW.mo 到 languages 資料夾。

下載地點:http://blog.beyes.tw/318
注意事項:不要到 wordpress 中文站去下載,版本太舊了,很多中文都出不來。

限制廣告寬度

Posted by: 邱小新 at 凌晨12:11:00 in

使用 IE6 的時候,經常因為廣告的寬度太大,或是圖片太大,而造成整個版面會亂掉。此時只要在 CSS style 內加入 overflow:hidden; 就可以把超出的部份隱藏起來,而不會搞亂整個版面。

但是如果不想改樣式表,或是改樣式表太麻煩,此時就需要一點小技巧來限制此廣告的寬度,而且不需要更改到原始廣告的程式碼。

更改方法如下所示:

  1. width:140px; 改成你所需要的寬度
  2. position:relative; 不可移除
  3. overflow:hidden; 不可移除

<div style="width:140px; position:relative; overflow:hidden;"> 廣告程式碼 </div>

建立二個側邊欄 sidebar

Posted by: 邱小新 at 晚上11:39:00 in

http://www.fresheezy.com/theme/927-Flowery-Wordpress-Theme 為二個側邊欄的結構,放到我的網站卻不行。看了下面的文章,再手動修正一下,就完成了二個側邊欄的建立。


http://www.fadesky.com/software/how-to-change-default-widget-for-wordpress/