到處閒晃

網站搬家了

2011-10-24T13:40:58Z

這次搬家只是單純因為太忙，沒時間發文，超過一個月沒發文，而被停權了，所以就跑去找之前，為了預防萬一去找的免費空間。

仔細聊解後發現，這個空間非常不錯，主要我要的cPanel 中文界面，而且還是台灣空間，而且只需要放置頁尾連結，就沒什麼限制了。

除此之外，這個空間限制是只能架設blog，比硬闖只能架wordpress還寬鬆，而且隨時可申請，速度很快就來了。

先來列一下規格

SAW 部落格學院論壇

可用空間 500MB

每月流量 5GB

附加網域：1

網域寄放：1

次網域：1

資料庫：1

FTP帳號：1

郵件帳號：1

控制台：CPanel(中文)

跟硬闖比較：
可用空間硬闖200M SAW 500M （雖然目前沒差，還用不滿）
每月流量硬闖8GB SAW 5GB (對網站來說，流量比較重要，只是一樣對我現在沒差，而且因為是台灣主機，流量本來比較少應該的）
網域寄放、FTP帳號、資料庫兩個都1
附加網域、次網域、郵件帳號硬闖沒有 SAW都是1（目前對我來說是沒差啦）

最後依我ping的速度，硬闖平均為182ms，而SAW平均為27ms，差滿多的，果然是台灣主機有差。

雖然看起來硬闖比較差，只是因為他有限制人數，應該會比較穩定，只是台灣主機的優勢太大了。

閱讀這篇文章的讀者也會看

[WordPress]不用外掛避免網站內部文章字互相pingback（引用）

2011-07-05T08:33:36Z

在設定討論裡，有個選項是允許其他網誌站台對文章發送引用及通告（Trackback 及 Pingback）。若勾選了，若別人的文章有你的文章網址，又加上佈景主題有支持，則會在留言處形成一個訊息留言，只是問題是連自己網站的文章裡其他文章網址也會出現，一來造成被引用的數量有灌水的情形而不真實，二來造成留言會很雜亂。雖然也可以次發完文章後自行刪除，只是如果數量一多也是很麻煩。

一般來說可以使用外掛No Self Pings來解決。只是跟前一篇文章一樣其內容可以直接加到主題的 functions.php檔案裡，以下是使用0.2版本的內容（好像以很久沒更新了，但現在還是可以用。）

1
2
3
4
5
6
7
8
9

<?php
function no_self_ping( &$links ) {
$home = get_option( 'home' );
foreach ( $links as $l => $link )
if ( 0 === strpos( $link, $home ) )
unset($links[$l]);
}
add_action( 'pre_ping', 'no_self_ping' );
?>

如果不知道怎麼加，直接加到 functions.php的最下面即可。記得<?php不要跟前面的?>有空行，以免發生feed的錯誤。

閱讀這篇文章的讀者也會看

[WordPress]不使用外掛來取消自動將半形的單/雙引號和刪節號轉換為全形標點的問題

2011-02-12T07:59:17Z

這個問題事實上很多用WordPress的人都會發現的問題，就是wordpress會自動將半形單/雙引號和刪節號轉換為全形標點，也就是會變成「''」會變成「』』」，「""」會變成「」」」，「...」會變成「…」，造成很多問題，尤其是輸入一些code內容會造成錯誤，而之前很多解決方法就是值節使用外掛Quotmarks Replacer來解決。

此外掛是利用禁用 wptexturize 函數來解決問題的，只是後來研究一下其外掛內容，發現非常簡單，可以直接加到主題的 functions.php檔案裡，就能解決，再將一些註解去掉就可解省一些空間，以下是使用2.5版本的內容，可依最新版內容做修改。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?php
$qmr_work_tags = array(
'the_title',
'the_content',
'the_excerpt',
'single_post_title',
'comment_author',
'comment_text',
'link_description',
'bloginfo',
'wp_title',
'term_description',
'category_description',
'widget_title',
'widget_text'
);

foreach ( $qmr_work_tags as $qmr_work_tag ) {
remove_filter ($qmr_work_tag, 'wptexturize');
}

?>

如果不知道怎麼加，直接加到 functions.php的最下面即可。記得<?php不要跟前面的?>有空行，以免發生feed的錯誤。

閱讀這篇文章的讀者也會看

[WordPress]自己做SEO，取代All-in-one SEO

[WordPress]解析佈景scov4的header.php（二）

2011-01-06T15:09:29Z

這篇是接續上篇的文章，所以就直接開始吧。

系列文章：

[WordPress]解析佈景scov4的header.php（一）
[WordPress]解析佈景scov4的header.php（二）（本篇）

一、`<head>`

過來出現的是<head profile="http://gmpg.org/xfn/11">，這個是<head>這個標籤，反正就是和</head>包起來去插入一些要讓瀏覽器或搜尋引擎先讀的東西，例如：標題、要讀的css、描述等東西，通常是不會讓讀者看到的東西。而 <head>是放在<html>，然後</head>放在<body> 標籤或 <frameset> 標籤之前。

而裡面的profile="http://gmpg.org/xfn/11"是profile屬性，是指向一個內容是一組規則的文件的URL，而http://gmpg.org/xfn/11這裡規則，可以點進去看，是增加了標籤a（也就是連結標籤）的rel屬性的值，xfn全稱是XML Friends Network，也就是聲明這個連結與你的關係，使用這個對於一般使用瀏覽器沒什麼差別，可能用在一些商業活動或是數據服務，只是好像還是沒很實質的應用，可去官網自行研究，也可參考等一下的延伸閱讀，而所增加rel可參考http://gmpg.org/xfn/11的內容，而Wordpress有使用的部份可去看新增連結時，它下面會給你選擇連結網路（XFN）裡就可選擇了。

但是profile屬性在html5被廢除了，而取代我目前找不到文章解釋（英文太爛了），但是我看了很多使用html5的網頁，都是以在<head>和</head>裡加上<link rel="profile" href="http://gmpg.org/xfn/11" />代替，變成像下面類似：

1
2
3
4
5
6
7

而我使用W3C檢測也沒錯誤，所以我暫時使用這樣。

延伸閱讀：
非常酷的微格式：XFN規範
 基於鏈接關係的微格式
 試玩: 社會搜索與 XFN
HTML <head> 標籤
 HTML 5 <head> 標籤

二、`<meta>`

過來出現的就是<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />。
<meta>是放置在<head>與</head>中，它的用途有很多，主要就是提供給瀏覽器的資訊和給搜尋引擎資訊，而這裡所作的結果就是：設定頁面使用的字符集，用以說明主頁製作所使用的文字已經語言，瀏覽器會根據此來調用相應的符集顯示page內容，這裡常用的http-equiv有兩種常用的值，Content-Type就是此佈景現在所使用的，用於表明此網頁適用何種編碼，如：GB2312（簡體中文編碼）、BIG5（正體中文編碼）以及UTF-8（萬國碼編碼），目前UTF-8為主流，主要它可以包含所有不同語言，要指定編碼則是使用content這個屬性，若使用Content-Type時content屬性還可以加個html的類型，而通常就是text/html，整體使用樣式通常為<meta http-equiv="Content-Type" content="文檔類型; charset=編碼" />，而這裡使用的<?php bloginfo('html_type'); ?>，則預設輸出就是text/html，而<?php bloginfo('charset'); ?>所輸出的就是在後台設定的閱讀設定的文字編碼方式，預設值是UTF-8通常是不用改啦，如果為了節省時間可以直接改成<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />以減少函式跑得時間。

而另一種http-equiv常用的值則是Content-Language，這是用來設定語言的，而在前面<html>就已經有設定了，所以這邊就不用加了，顯示一下它的常見形式<meta http-equiv="Content-Language" content="zh-TW">。

前面Content-Type顯示編碼的形式在HTML5時可以節省為<meta charset="編碼"/>的形式，套用wordpress的函式則變為<meta charset="<?php bloginfo( 'charset' ); ?>" />，最後如果要節省時間的話，可直接變為<meta charset="UTF-8" />。

除了http-equiv這個屬性，還有name才是最常用的屬性，它可以為搜尋引擎描述關鍵字（keywords）、描述作者（author）、描述摘要（description）、指定搜尋引擎的收錄條件（Robots或者特定收尋機器人名稱），其樣式為

1	<meta name="值" content="描述" />

這邊就不一一說明，但是在[WordPress]自己做SEO，取代All-in-one SEO這篇文章有使用到關鍵字、描述摘要、指定搜尋引擎的收錄條件，在其第二點和第三點。

延伸閱讀：
HTML文檔中meta標籤的作用
 【META http-equiv="Content-Type" Content="text/html; Charset=*】意義詳解
 HTML <meta> 標籤
 HTML 5 <meta> 標籤

三、`<title>`

這裡出現的是，<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>，title這個標籤簡單來說就是顯示在瀏覽器上方的標題顯示，而<?php bloginfo('name')?>則顯示部落格的名稱，而其設定就是後台設定的一般設定的網誌標題可修改，一樣可直接輸入名稱以減少時間，<?php wp_title(); ?>，所顯示的就是在文章頁面時顯示文章標題，在分類、標籤等頁面則顯示其名稱。
而修改這個可做到一些優化，可參考[WordPress]自己做SEO，取代All-in-one SEO這篇文章。

未完待續....

系列文章：

[WordPress]解析佈景scov4的header.php（一）
[WordPress]解析佈景scov4的header.php（二）（本篇）

閱讀這篇文章的讀者也會看

[WordPress]解析佈景scov4的header.php（一）

2011-01-06T09:49:39Z

對於像我這種什麼都沒學過的新手，去看別人寫好的佈景學習最快，所以我就開始了這些文章了，這些文章都以html為主，css部份以後再來研究。
而第一個要研究的佈景，就是我第一個使用的佈景，scov4。

佈景名稱：scov4
佈景網址：http://steachs.com/archives/1620

過來就進入正題，修改佈景，我通常是在後台直接修改，只是如果要在單機修改，推薦使用Notepad++，原因只是它可以存成編碼utf-8碼（檔首無BOM），另外我平常代替記事本是利用notepad2，兩個互相搭配。

首先，先從header.php這個檔案開始。

系列文章：

[WordPress]解析佈景scov4的header.php（一）（本篇）
[WordPress]解析佈景scov4的header.php（二）

一、header.php的意義

既然要來看header.php，就來看它在整個網站是代表什麼位置，而header.php就是每一個頁面，最上面所放置的東西，也就是每個頁面正上方都需要的東西都放在這，隨時調用，這也包括了像是<html>和<body>這種整個網頁結構的上方元素，而</html>和</body>等網頁下方元素就是放在另一個footer.php裡，除此之外那種整個網頁的css的id或class也是一樣的，另外像<head></head>這种放置最上方供瀏覽器或搜尋引擎查看的資料也放置在這裡。

簡單來講，一個網頁重要一定要有以下的格式

1
2
3
4
5
6
7
8
9
10

<html>
//網頁開始
<head>
//網頁描述
</head>
<body>
//顯示的網頁
</body>
</html>
//網頁結束

而header.php就是擁有

1
2
3
4
5
6
7

<html>
//網頁開始
<head>
//網頁描述
</head>
<body>
//顯示的網頁

並加上顯示的網頁，每頁都會顯示的上方部份，如網站名稱、網站分頁、選單等等。

二、`<!DOCTYPE HTML>`

一開始所出現的就是

1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

這個就是所謂的doctype，這種就是設定瀏覽器模式，因為最早網頁是由瀏覽器自行定義模式，變成一種瀏覽器就有一種模式，所以W3C救出來定義各種模式，如果沒有設定就都是以瀏覽器自行定義的怪異模式，會造成混亂，目前有HTML4.01和XHTML1.0及HTML5者幾種模式，而HTML4.01和XHTML1.0都各自分成三種類型如Strict、Transitional 以及 Frameset，而HTML5則只有一種，就是<!DOCTYPE html>這樣而已，而HTML5一定是未來的趨勢，只是現在還沒完全完成，在之前可以使用XHTML等比較完整的用法。而每種會有不同w3c的條件，而如果是使用html5，去檢驗它會說使用試驗性的功能，只是反正他是新的東西，所以我就先改成html5的模式了，然後可以使用W3C Markup Validation Service 去判斷各個網頁是否符合w3c的標準，雖然就算改成html5只是將舊的不行的方法先移掉，並不算是完整使用html5，不過這也算是利用錯誤來學習的方法之一。

延伸閱讀：

為什麼使用<!DOCTYPE HTML>
用doctype激活瀏覽器模式
 被忽視的DOCTYPE說明分析
 不可忽視的DocType
HTML <!DOCTYPE> 標籤
 HTML 5 <!DOCTYPE> 標籤

三、`<html>`

過來就是
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
而<html>就是定義這個檔案是html文件，<html> 與 </html> 就是這個文件的起始和結束，而其他就為這個標籤加屬性。
首先，xmlns="http://www.w3.org/1999/xhtml" ，這個是XHTML所必須的屬性，或者是HTML4.01要轉成XHTML所必須的，它定義了一個XML命名空間，瀏覽器會將此命名空間用於該屬性所在元素內的所有內容，而這裡xmlns 的值必為"http://www.w3.org/1999/xhtml"，只是如果改成html5就可以去掉。

過來<?php language_attributes(); ?>，這是wordpress為<html>增加語言屬性，裡面可以填變數'xhtml' or 'html'，預設值是 'html'，所以因為這個佈景原來是XHTML，所以應該填'xhtml'，而不是不填，而如果要改成html5即可不填，而這裡輸出兩個屬性，第一個是dir 屬性是指 (文字的)排列方式，有兩種選擇，一是ltr：代表左到右的排列方式，第二是rtl：代表右到左的排列方式。而wordpress原始檔定義ltr，所以就會直接輸出ltr。第二個屬性是lang或者xml:lang，前者用於html，後者用於XHTML或者是有用到XML的地方，而其值為語言代碼，wordpress是用get_bloginfo('language')來取得的，而值常見的有zh和en，就是中文和英文，也可以細分zh-TW、zh-CN、en-US分別是台灣正體、大陸簡體、美國英語，而這裡如果只是要自己用，可以自己修改，而不用函數跑出來，速度會較快。
如果是XHTML則改成<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="zh-TW">，這裡以zh-TW為例，而若是HTML5則可直接改成<html dir="ltr" lang="zh-TW">即可。

延伸閱讀：

HTML 5 <html> 標籤
 HTML 5 標準屬性
 HTML 標準屬性
 HTML <html> 標籤
 HTML xmlns 屬性
 Function Reference/language attributes
HTML dir 屬性

未完待續....

系列文章：

[WordPress]解析佈景scov4的header.php（一）（本篇）
[WordPress]解析佈景scov4的header.php（二）

到處閒晃

網站搬家了

閱讀這篇文章的讀者也會看

相關文章

[WordPress]不用外掛避免網站內部文章字互相pingback（引用）

閱讀這篇文章的讀者也會看

相關文章

[WordPress]不使用外掛來取消自動將半形的單/雙引號和刪節號轉換為全形標點的問題

閱讀這篇文章的讀者也會看

相關文章

[WordPress]解析佈景scov4的header.php（二）

系列文章：

一、`<head>`

二、`<meta>`

三、`<title>`

系列文章：

閱讀這篇文章的讀者也會看

相關文章

[WordPress]解析佈景scov4的header.php（一）

系列文章：

一、header.php的意義

二、`<!DOCTYPE HTML>`

延伸閱讀：

三、`<html>`

延伸閱讀：

系列文章：

閱讀這篇文章的讀者也會看

相關文章

到處閒晃

網站搬家了

閱讀這篇文章的讀者也會看

相關文章

[WordPress]不用外掛避免網站內部文章字互相pingback（引用）

閱讀這篇文章的讀者也會看

相關文章

[WordPress]不使用外掛來取消自動將半形的單/雙引號和刪節號轉換為全形標點的問題

閱讀這篇文章的讀者也會看

相關文章

[WordPress]解析佈景scov4的header.php（二）

系列文章：

一、<head>

二、<meta>

三、<title>

系列文章：

閱讀這篇文章的讀者也會看

相關文章

[WordPress]解析佈景scov4的header.php（一）

系列文章：

一、header.php的意義

二、<!DOCTYPE HTML>

延伸閱讀：

三、<html>

延伸閱讀：

系列文章：

閱讀這篇文章的讀者也會看

相關文章

一、`<head>`

二、`<meta>`

三、`<title>`

二、`<!DOCTYPE HTML>`

三、`<html>`