要改 WP? 其實不難, 以下是訣竅:

運用版型元件拼出主要頁面,

附屬元件輔助完成頁面功能.

共用串接樣式劃分定位板型,

裝附加元件增加部落格能力.

-

-

-

images from : http://www.webdesignerwall.com/tutorials/building-custom-wordpress-theme/ （好文）

設計定位（簡單的改法改這裡就好）

style.css

前面這些會影響到在 theme 選擇的時候的界面

/*
THEME NAME: MyCoolTheme
THEME URI: http://www.website.com/
DESCRIPTION: A clean and elegant Sandbox theme for WordPress based on the classic font – Helvetica Neue. Features a color options page, automatically pulled post thumbnail images(no need for custom fields).
VERSION: 1.0.9
AUTHOR: John Doe
AUTHOR URI: http://www.johndoe.com/
TAGS: simple, two column, widget ready, gravatar support, theme options, magazine, right sidebar, fixed width, helvetica, yellow.
.
This work is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Please leave the footer links in tact. THANKS!
.
*/

screenshot.png -> 則可以改預覽圖示

版型元件 （這些檔都不完整,所有頁面都 share 這些版型元素）

header.php – 頁頭

generate css,javascript 位置, Logo, Top Banner 等等
利用 bloginfo 弄出header需要的資料
<?php bloginfo(‘name’); ?>

sidebar.php – 功能 bar (widget 可以放的地方)

根據編號生出 sidebar
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

footer.php – 頁尾 （credit, 版權聲明等等）

主要頁面 （這些頁面是完整的, 由版型元件組合而成）

index.php – 首頁

single.php – 單筆完整 post 內容頁面 （包括 comments ）

archive.php – 日期頁面（多筆）

page.php – Page 頁面

search.php – 搜尋結果頁面

custem.php – 自定頁面 (admin>Page 裡面可選板型）

前面加上<?php /* Template Name: testTemplate */ ?>在 wp-admin 會自動變出 testTemplate 版型以供選擇

附屬元件 （部分頁面 / 元件 會需要以下元素）

archives.php – 過去月份的 List

links.php – generate admin 裡面的 links

comments.php – generate comment form 與顯示 comments

functions.php – 可呼叫的 function 在這

有幾個 sidebar 可在此控制
<?php register_sidebars( $number, $args ); ?>

重要資訊

XAMPP

xampp mysql
username: root
password:”"

wp-config.php example:

define(‘DB_NAME’, ‘wordpress’);

/** MySQL database username */
define(‘DB_USER’, ‘root’);

/** MySQL database password 內定空白，這邊的設定可以到　ｐｈｐＭｙＡｄｍｉｎ　裡面的　ｍｙｓｑｌ＞ｕｓｒ裡面去改，ＭＤ５加密，可以去找網站加密倒貼回去　*/
define(‘DB_PASSWORD’, ”);

/** MySQL hostname */
define(‘DB_HOST’, ‘localhost’);

/** Database Charset to use in creating database tables. */
define(‘DB_CHARSET’, ‘utf8′);

/** The Database Collate type. Don’t change this if in doubt. */
define(‘DB_COLLATE’, ”);

Template Tag 參考 http://codex.wordpress.org/Template_Tags

Dynamic Content swf 放法:

1.swfobject.js 放到 theme/yourTheme/js

2.在 header.php 裡面

<header>

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/swfobject.js”></script>

</header>

3.embed swf:

<script type=”text/javascript”>
var flashvars = {};
flashvars.aboutText = “<?php the_title(); ?>“;
var params = {};
params.menu = “false”;
params.wmode = “transparent”;
var attributes = {};
attributes.id = “myDynamicContent”;
attributes.name = “myDynamicContent”;
swfobject.embedSWF(“<?php bloginfo(‘template_url’); ?>/swf/logo.swf” ,”logo“, “300″, “400″, “9.0.0″, “expressInstall.swf”, flashvars, params, attributes);
</script>

這裡是真正ｆｌａｓｈ會輸出的地方(div id要相同)

<div id= “logo“>
flash content will replace this.
</div>

4.swf 接收 flashvars （php generated）

var params:Object = LoaderInfo(this.root.loaderInfo).parameters;

for (var keys:* in params) {
trace(key,String(params[keys]));
}

把 wp 的 function return 當作 xml 用

header.php (for example, embed 方法如上):

flashvars.aboutText = ‘<?php $menu = wp_page_menu(‘echo=0′);
echo str_replace(array(“\r”, “\n”, “\t”), ”, $menu); ?>’;

in fla:

var params:Object = LoaderInfo(this.root.loaderInfo).parameters;
var t:String;

for (var keys:* in params) {
t+=String(params[keys]);
}
var wpData:XML = XML(t);
trace(wpData..a.length());

for (var i:* in wpData..a) {
trace(wpData..a[i] , wpData..@href[i]
}

Turn WP to a regular website (page based)

in Setting > Reading

把 Page 放到 Admin 的最前面(方便使用)

http://reciprocity.be/cms-menu/

安裝 樣板 plugin

http://pods.uproot.us/

http://flutter.freshout.us/

http://www.whypad.com/posts/supple-forms-a-wordpress-cms-plugin/566/

iphone 到處寫

http://iphone.wordpress.org/

此外一些有用的資訊在第二頁（按下面）

Ad Manager -> 掛
wp-dbmanager -> 出現錯誤
TinyMCE Advanced->掛
整體 -> 還是慢

最重大同時也是最顯著的改變，莫過於後台(wp-admin)了。不僅『用色』不同，按鈕名稱和位置也有調整。首先後台登入後首先看到:

若是有安裝WordPress.com Stats 插件的話，可以看見新的Stats方塊，就算沒有登入(因為這個插件是把blog stats存在外面的主機, 避免許多人一換主機伺服器, 數據就得重來的問題, 卻點是一定要登入進wordpress.com)，數據也會在這個方塊簡短的顯示出來。當然，後台首頁依舊保有原來的WP-Stats tab, 可以檢閱stats細目。

這些方塊是不是讓你覺得面熟呢? 是的，這個WP官網形容為 “widget based dashboard” 就是和我們使用的netvibes, igoogle一樣，每個方塊都有RSS功能， 可以自行編輯方塊內的內容，讓Admin更容易追蹤部落格的表現，也是很貼心的設計 。

升級完後第一次貼文，可能會遇到找不到儲存按鈕的窘狀，因為原本在下方的儲存更新按鈕，被移到右手邊了。而tags欄則更新得像Odeo
這類網站的用法

由上圖也可以看見上面的MENU名稱位置也有了調整。可以說是更有條理吧。基本型變成: Write/ Manage/ Design/ Comments

而plugin, users, options 則移到右上方, 列為: Setting (原options)/ Plugins/ Users

New: Media Library
在Manage下, 新增了 “Media Library” tab-

究竟有什麼東西呢?有意思的是, 它已經自動了搜括了blog首頁中用到的圖. 回到編輯文章-

在編輯由上角,多了一排新增media的按鈕: 新增可選擇上傳,或 URL連結. 下面是上傳的測試.

(上傳flv-> flv內容編輯 -> 置入文中)

(置入後 -> 再上傳.mov QuickTime檔 -> publish後 )

發現 publish後, 都只是呈現連結, .flv更是不能work. 有點失望，這點應該會在之後的版本改進。但是置入embed物件輕鬆很多，已經內建(在延伸清單中)不需要插件。

另一個明顯的改變是widget的管理頁:

也就是官網說的, “You should be able to have any number of any widget.” 左上方的下拉是選單, 可以分已用過, 未用過 或全部的widgets, 挺方便的. 設好的widget群組可以存成sidebar1, sidebar2,…大部分的widget沒有數量的限制。

再來就是新的Undo Comment Editing功能, 很簡單, 就是這句話本身的意思。

另如有新的待審留言, 後台也會第一時間顯示出來。(在Comments Tab旁邊會顯示數字)

最後一個和我們用戶有關的改變，就是新的搜索功能會搜索both post “&” page. 如想區分開來，可以藉助插件的運用。

以上是Wordpress 2.5 用戶端的改變 。

如何更新到Wordpress 2.5?

1. 首先請記得備份你的網站 (MySQL database最重要, 還有你的template ) 並下載Wordpress 2.5(有點廢話)

2. 關掉所有的plugins

3. 在FTP端, 移除wp-admin 和wp-include兩個檔案夾

4. 上傳WP 2.5 wp-admin & wp-include兩個檔案夾, 以及外面的php檔案 [wp-content可以省略 因為沒有更改 且可避免改到自己設計的CSS template等]
5. go to http://yourblogurl/wp-admin

此時系統會自動請你更新database, 按確定更新, next! 就完成了!

6. 啟動欲使用的plugins.

大功告成!

請注意Wordpress 2.5 需要php 4.3 plus 版本

其他延伸閱讀請看下面-

參考閱讀:

如何升級Wordpress

WordPress 2.5 Change logs

什麼是shortcode API

像往常一樣,無法解決的問題就問google,我把所有的錯誤訊息貼一遍,果然有知音,雖然不多,但跟我同病相憐.不過似乎沒有人有解決之道.

我也試了IE7,一切沒有問題,於是就更傷腦筋.

不知道為什麼我的直覺跟我說,一定是header.php有問題,因為前幾天我才用ie6開過.沒事.所以我就打開header.php來摸摸看.

我只能說我運氣好吧. 我把方便wp指定路徑的<base href=…. />移到<?php wp_head(); ?> 跟<script src=….js></script>之下. 上傳後竟然暢通無阻,一點錯誤都沒有!. 感謝媽祖!

以下我把解決之道寫成英文,抱著我為人人,人人為我的精神,希望以後有緣人遇到問題可以從google找到我這招奇怪的解法.

IE6:

“Internet Explorer cannot open the Internet site http://www.silkrt.com/v01.

Operation Aborted.”

I put <base href…. /> UNDER

<?php wp_head(); ?> or
<script src=”… .js file” type=”text/javascript”></script>

and It works.

COOL! GOOD LUCK MY FRIENDS~