《純敏達康》

ChunMin.com 目前是採用美國 MICFO 的虛擬主機搭配 WordPress 部落格系統，虛擬主機的好處是使用彈性大，可以選擇自己喜愛的架站程式；但另一方面，諸如 WordPress 這些 Open Source 都必須自行更新，若有加裝 Plugins，更新時還必須考慮相容性等，有時也挺費時間的。話雖如此，也不能嫌麻煩就疏於更新，因為這些更新多半是為了維護網站安全，我就曾太久沒更新五專同學的 Xoops 網站，結果連續遭受駭客攻擊，反而耗費更多心血復站。

昨晚升級 ChunMin.com 的 Theme 和一些 Plugins，記錄一下其間過程，免得下次又得重新研究一次。

ⅠTheme：Qwilm! 0.3 → 1.0

1.0 新增「widgets」Plugin，包括：Sidebar、Google Search、del.icio.us。目前僅試過 Sidebar，可自動增加 Recent Comments、Calendar 等 widgets，也可用滑鼠互調位置；但不知如何修改 meta 及 search 顯示內容，故暫停使用。

「Gravatar」Plugin 不用更新。Qwilm! 1.0 需要修改的格式如下：

1. 置換「imagenes_qwilm」資料夾內的「logo.gif」和「favicon.gif」
2. style.css
1. 字級過小（FireFox 1.5.0.7）
1. 內文的字級

body {
background-color: #DDE5D9;
font: 13px “Lucida Sans Unicode”, “Lucida Sans”, verdana, arial, helvetica;
color: #888;
}

// 2006-10-01 更新 //
測試後發現，在 Mac 0S 10.1.5 上版面大亂，增設 Mac 字型如下：

body {
background-color: #DDE5D9;
font: 13px “Lucida Sans Unicode”, “Lucida Sans”, verdana, arial, helvetica, Osaka, Taipei;
color: #888;
}

日文字型「Osaka」顯示較佳，缺字時再以繁中字型「Taipei」替代。Mozilla 1.7.13和Camino 0.7測試OK，IE:MAC 5.2則依舊欠佳。
// 2006-10-01 更新 //

2. Sidebar 的字級

.sidebar {
text-align: left;
border-top:solid 1px #CED4CA;
border-bottom:solid 3px #CED4CA;
border-left:solid 1px #CED4CA;
border-right:solid 3px #CED4CA;
float: left;
background-color:#FFFFFF;
font-size: 12px;

3. 文章標題的字級

h2 { margin-top: 25px; margin-bottom: 0; font-size: 19px;

4. 留言者的字級

h3 { font-size: 16px; color: #666; }

5. 引文的字級

blockquote {
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E7D0;
font-size: 13px;

6. Code 的字形及背景色

code{font-size: 13px; font-family: “Lucida Sans Unicode”, Tahoma, Arial, sans-serif; background-color: #DDEEEE;}

7. 項目符號和編碼太偏右（Firefox），消除以下程式碼

ol, ul {
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
}
ul li,
ol li{ margin-bottom: 0.2em; }

2. 表情符號去外框
   1. .post img{
border: 0px solid #ced4ca;
padding: 0px;
margin: 0px 0 0px 0;
   2. #pagina img{
border: 0px solid #ced4ca;
padding: 0px;
margin: 0px 0 0px 0;
3. 上邊界和左邊界縮短

#wrapper { padding: 10px 0 0 35px;}
#mini-nav { width: 20px; position:fixed; top: 45px; left:17px;}
* html div#mini-nav { width: 20px; top: 45px; left:17px; position:absolute; }

3. sidebar.php：置換「Credits」
4. searchform.php：將 Search 欄從中間移到右邊（Credits）上方，因有跨行問題，改為 size=”18″

<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" size=”18″ name=”s” id=”s” />

5. comments.php：「E-mail (required, not be published!)」有跨行問題，改為 size=”25″

<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size=”25″ tabindex=”1″ />
<label for=”author”><?php _e(’Name’); ?> <?php if ($req) _e(’(required)’); ?></label>
</p>
<p>
<input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”25″ tabindex=”2″ />
<label for=”email”><?php _e(’E-mail’); ?> <?php if ($req) _e(’(required, not be published!)’); ?></label>
</p>
<p>
<input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”25″ tabindex=”3″ />
<label for=”url”><abbr title=”<?php _e(’Uniform Resource Identifier’); ?>”><?php _e(’URI’); ?></abbr></label>

// 2006-10-03 更新 //
填寫迴響時才發現表情符號列不見了，目前所使用的表情符號是使用 More Smilies Plugin 2.0，必須在 comments.php 插入以下程式碼
<p>
<?php do_action(’comment_toolbar’, ‘comment’); ?>
</p>

6. header.php

// 2006-10-11 更新 //
將 E-Mail Icon 的地址改為自己的 E-Mail。
<a href="mailto:****@chunmin.com“><img src=”<?php bloginfo(’stylesheet_directory’); ?>/imagenes_qwilm/email_icon.gif” alt=”mail me!” /></a>
// 2006-12-07 更新 //
新增 Snap Preview 服務，在 </head> tag 以前插入指定程式碼。