WordPress打造CMS教程(四):頁面技巧

轉自E-space

教程的前三講已經詳細講述了如何去設計和制做一個Home頁面給自己的WordPress系統,同時也提及了導航菜單,這樣便已經把自己的Blog變成了一個具有CMS風格的系統了。但是其中還有很多頁面展示細節值得我們去注意:

1. 頁面標題title: 用過網頁收藏的人都應該會發現在通過瀏覽器插件自動提交當面網頁時,插件會自動把頁面的title提交進去,也就是在你瀏覽器的左上角顯示的title。這個其實在wp的header.php文件中定義的。在我們做過前三講的修改之后,你會發現,在顯示自己的blog的home頁面時,title為home+blog標題等東西,而在顯示blog頁面時則直接為blog標題,這樣是不是很難看。再看下我的Blog,你便發現很合情理。如下是Michael在研究過好久之后才調整好的代碼(我自己用了一堆&& ||的嵌套,麻煩的很),修改header.php文件中的title部分:

1
2
3
4
5
6
7
8
9
<title>
<?php if (is_home()) : ?>Blog at <?php bloginfo('name'); ?>
<?php elseif ((is_page() OR is_archive() OR is_category() OR is_single()) && !(is_page(960)) ) : ?> <?php wp_title(''); ?> at <?php bloginfo('name'); ?>
<?php elseif(is_tag()): echo 'Tag Page for '; if(function_exists(UTW_ShowCurrentTagSet) UTW_ShowCurrentTagSet("tagsettextonly");
echo ' at ';bloginfo('name'); ?>
<?php elseif(is_404()): echo '找不到頁面 at ';bloginfo('name'); ?>
<?php else : ?><?php bloginfo('name'); ?>
<?php endif; ?>
</title>

繼續閱讀

WordPress打造CMS教程(三):導航菜單

轉自E-space

教程(二)中講述了主頁模板的制做,如此便能夠添加一個頁面風格一致卻內容別具一格的home給自己的Blog了。然后你肯定會需要一個和CMS系統類似的菜單來方便讀者進行導航。

其實大多數的WordPress模板都會設計好菜單的功能,用戶在使用時便可以直接發布新的Page來自動生成鏈接到頂部的菜單中,像比較流行的K2模板等等。但是如果自己的模板并不支持自動添加菜單,比如WP默認的模板等,那么就需要自己手動來添加這個功能了。其實有寫模板的或者是些wp高手都會自己來添加這個功能,那么我們這些低手只有來仿照了,我便是依照的K2方法:

其實只需要在header.php中的body之后加入CSS控制格式的調用WP Page List的語句就行了,如下所示:

1
2
3
<ul id="menu">
<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

當你在wp中建立一個新的page后,在Page Slug中填寫的字段便會自動轉成鏈接的結尾地址,標題便成了菜單的名稱了。當然,如果你并不想每個page都出來一個按鈕的話,那么在建立時選擇一下父頁面就好了。如果你根本不想用page來自動生成菜單,那么可以使用如下代碼來自己定義菜單的鏈接:

繼續閱讀

WordPress打造CMS教程(二):首頁模板

轉自E-space

教程(一)中講述了首頁和Blog頁面的區別和重要性,那么對于大多數的Blog需要自己設計一個包含指定內容的首頁,下面來講述這個首頁的制做方法。

WordPress2.1中可以選擇一個指定的Page頁面來做為wp的首頁,這時便需要使用者來自定義一個頁面模板。當然如果你選擇使用在頁面中運行php代碼的插件runphp來直接寫到Page也可以,不過無故多添一個插件沒有什么必要。

首先建立一個php文件,比如起名叫HomeTemp.php,意為首頁模板。然后在文件的頂部寫上如下代碼,其中的Homepage為Page模板的名稱,你也可以換成其它名字。

1
2
3
<?php /*
    Template Name: Homepage
*/
?>

之后添加的內容便和你的wp模板中的index.php內容差不多了,格式如下:

1
2
3
4
<?php get_header(); ?>
頁面內容
<?php get_sidebar(); ?>
<?php get_footer(); ?>

繼續閱讀

WordPress打造CMS教程(一):方案設計(續)

轉自E-space

教程(一)中說明了為WordPress構造一個CMS式首頁的意義,可能還是有人不太理解這樣的作用是什么,所以在這里舉兩個例子:

1. 博客聯盟,這是一個主要以WordPress相關技巧和博客相關的Blog,作者采用的首頁沒有顯示日志內容,而是一串最新日志列表和一些自己整理的相關資匯集,還有就是分類,存檔和版權信息等等。可以說是作者修改了index.php,這樣做的好處是生成了一個首頁,給讀者良好的導航,但是卻沒有一個Blog頁面。也就是讀者只能一篇一篇文章地進行閱讀,而不能像普通的Blog頁面一次可以瀏覽多個日志。

解決方案:我的建議是通過wp2.1的功能來選擇一個Page作為首頁,同時保留Blog的index.php來進行日志展示。

2. Yskin’s Blog,這是一個WordPress高手的Blog, 作者做過WP的中文包以及很多插件等等。很湊巧今天在打開首頁時,竟然沒有顯示任何日志,而提示我在邊欄找所需要的東西,應該是作者在改版吧。他采用的是 K2的模板,所以主頁應該是普通的Blog頁面,顯示的幾篇最新的日志。而他把自己想要推薦的東西列在了側邊欄,如About,一串Page,存檔,分 類,最新日志和評論,統計信息等等。導航菜單中有個Projects,便是作者做過的一些插件和程序,進入頁面后邊欄還有一串子Page,

解決方案:我個人認為作為一個插件作者,很有必要在首頁展示一下自己的作品,來給讀者推薦和指引。所以我的建議是建立一個home頁面,也就是首頁,里面包含自己作品的介紹和Blog自我介紹等東西,也就是像Alex King一樣的主頁。

繼續閱讀

WordPress打造CMS教程(一):方案設計

轉自E-space

新改版的E-space很有些CMS的味道,同樣Michael也有建立首頁的想法,同時他提到的Alex King,便是一個很不錯的利用WordPress來打造CMS的高手。

可作為一個Blog為什么需要這樣做呢?

先說一下自己的想法,我認為一個Blog應該是一個信息記錄和自我展示平臺,不但記錄了日常的點滴,關心的話題,發布的消息等等,同時還在充分展示自我,而目前的blog系統正是缺乏這樣一個展示功能。

和CMS內容管理系統不同,Blog系統多是一篇一篇地按新舊來排列日志。但如果你寫過插件,做過模板,做過其它自己的項目,或者是想展示任意自己 想讓讀者知道的內容,這個時候blog系統就很力不從心了。因為雖然你能置頂些內容,在側邊欄里固定些內容,但這都還是不夠的。

最關鍵的,你不僅需要一個Blog頁面來顯示日志,至少還需要一個主頁,而這個主頁和你Blog的模板設計樣式絲毫不沖突。在這個主頁中需要顯示些自己最近發表的內容,并且還顯示了其它你需要展示的內容,比如自己的模板或者插件簡介,自己做過的項目工程簡介,About介紹,在線留言本,相冊展示等等。

有些人可能有疑惑,我說的這些全能在Blog里展現啊,在側邊欄弄一串Page頁面就好了嘛。的確,你可以這樣做,但我想說的是,這些內容和你的 Blog無關!你的Blog只是一篇一篇的日志和評論外再沒其它東西,其它的東西都不屬于你的Blog。而如果你非要把這些東西放在一起,那請Alt + F4,不耽誤您時間了。

繼續閱讀