制作CMS型主題的實用代碼

最近為了制作江陰印刷網的風格,找到了wordpress的一些實用的代碼,分享下吧。

先看截圖和演示:

首頁是網站的favicon圖標,用下面一句話,可以把favicon在風格里實現。

1
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('stylesheet_directory'); ?/>/images/favicon.ico" />

無插件調用最新文章的例表(20代表要調用的文章數)

1
<?php wp_get_archives('type=postbypost&limit=20'); ?>

繼續閱讀

WordPress內置模板條件判斷函數

1
<?php if ( is_home() ) { ?>//判斷是否首頁<?php } ?>
1
<?php if ( is_single() ) { ?>//判斷是否文章頁<?php } ?>
1
<?php if ( is_single('17') ) { ?>//判斷是否ID為17的文章頁<?php } ?>
1
<?php if ( is_single('Beef Stew') ) { ?>//判斷標題是否為 Beef Stew 的文章頁<?php } ?>
1
<?php if ( comments_open() ) { ?>//當前頁是否允許回復<?php } ?>
1
<?php if ( pings_open() ) { ?>//是否開啟 ping<?php } ?>
1
<?php if ( is_page() ) { ?>//是否是一個頁面<?php } ?>
1
<?php if ( is_category() ) { ?>//判斷是否為分類頁面<?php } ?>
1
<?php if ( is_tag() ) { ?>//是否TAG頁面;可以用 is_tag('tagname') 判斷具體的TAG<?php } ?>
1
<?php if ( is_author() ) { ?>//是否某個用戶的文章;可以加入用戶ID,或用戶名作為參數<?php } ?>
1
<?php if ( is_archive() ) { ?>//判斷是否存檔<?php } ?>
1
<?php if ( is_search() ) { ?>//判斷是否搜索<?php } ?>
1
<?php if ( is_404() ) { ?>//判斷是否404頁面<?php } ?>
1
<?php if ( is_paged() ) { ?>//判斷是否翻頁<?php } ?>

例如,一個只需要在首頁顯示的可以用一下語句解決:

1
2
3
<?php if(is_home() && !is_paged()){?>
...
<?php }?>

一個不在首頁顯示的,例如“最近發表文章”的插件可以加一個

1
2
3
<?php if(!is_home()){?>
 ...
<?php }?>//避免首頁內容和插件內容重復。

收藏自零號相冊

關于themes必須了解的10+件事

1.主循環
如果你并不熟悉“主循環”,就沒有必要試圖玩轉wordpress themes了。主循環的結構很簡單,但確實至關重要的。通常主循環都有以下的起始:

1
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?><?php endwhile; endif; ?>

主循環實質上是通過wordpress函數查詢數據庫,看數據庫中是否有文章。如果有且當你查詢了,就可以在主循環起始語句之間插入一些模板標簽 (template tags)來顯示文章的內容了。具體的細節不便在此討論,但主循環確實是一個很重要的事情,你必須理解它。更多的內容請查看wordpress codex關于主循環的介紹,或者查看Denis的《全局變量和 WordPress 主循環》一文。

2.頁面
wordpress實現生成包含靜態內容的靜態頁面的功能可謂幫了我們一個大忙,利用這個功能可以方便的建立“關于”、“聯系”等頁面。“頁面”是 可供使用的強大的工具,而你必須了解怎樣展示頁面、怎樣調用頁面,怎樣為頁面定義樣式等。當使用wordpress作為CMS時,“頁面”同樣是一個很強 大的工具。

3.子頁面
同樣很重要。wordpress允許建立一些具有層次結構的頁面,可以設定一個頁面為另一個頁面的“子頁面”或是“父頁面”。層次化頁面的重要性可以在CMS中體現出來,同樣可以幫助你更好的組織頁面,展示頁面。

繼續閱讀

新模板《 羽落凡塵》

模版信息:

A、模版名稱:羽落凡塵(沿用原作者的名字)
B、模版適用 X-Space 2.0.1
C、模版適用的分辨率:800*600或者以上
D、適用的瀏覽器環境:IE6,Firefox,IE7的沒測試過,沒有裝ie7,有的朋友可以幫忙測試一下噢。
E、如果各位在使用的過程中還有什么問題可以直接給我留言呀。

演示圖片
xspace.jpg

下載
angel.txt

第一次做X-SPACE模板,問題可能比較多。

X-SPACE模板不知道在哪加原作者版權。

V2EX4WP風格,提供分流!

v2ex.jpg

V2Ex4WP主題是參照V2EX.com網站的主題制作,喜歡的朋友請隨意下載使用.

壓縮包中包括了theme文件夾和插件文件夾,請使用壓縮包中的插件,不然可能會出現問題.

大家使用時可能會出現的問題:

1. 頁面變形的問題: 如果你的blog內的文章少于3-5篇時,頁面顯示會變形,你多發幾篇文章,把頁面撐長點就正常了~

2. Pagebar的CSS問題: 最好用我壓縮包里的插件Pagebar…

3. 請在WP后臺設置選項中把回復需要e-mail地址的選項關閉.(建議同時啟用akismet)

4. 在發表文章時,要想給文章內的圖片加FF下加相框修飾: 在 img 中加:class=”post-content” ……(FF瀏覽時看到的是圓角相框,效果同上面的圖片)

5. 該theme是在FF下調試完成的,所以大家使用IE瀏覽時可能會出現些小問題,在以后會修補…..

6. 請吧每頁文章顯示篇數設置到5,或者更改index.php文件中的” 5 PER PAGE”數量.

下載 :v2ex4wp.zip

作者地址下載(已失效)

新地址:http://pintuo.cn/

3個小工具

1.CSS Creator
這個小工具可以為您可視化的制作theme的框架結構,包括doctype、外形(滿屏,居中,靠左)、最小寬度、最大寬度、頭部、左右欄、底部等的基本CSS定義。設置完畢以后點擊Generate Layout便會生成HTML和CSS文件,右鍵另存為即可使用了。
總的來說,對于CSS初學者還是很有用的,因為初學者對一些margin、float可能搞不懂,使得左右欄這樣的布局無法實現。這個小工具僅僅是各出一個基本的框架結構,生成的CSS文件還需要進一步的完善。比如說,你要加入你的配色。

2.kuler
布局完成以后,我們就需要考慮theme的色系了,憑空的想像是很難得,使用這個小工具可以為你節省冥思苦想的煩惱。而且網站還列出了一些優秀的配色方案,值得借鑒。需要注冊。

3.Stripe Generator
有些時候,我們對一些區域,比如說背景,不僅僅需要一些顏色的裝飾,可能會需要一些條紋?但PS等制圖軟件又不會,這時該怎么辦?使用Stripe吧,通過Stripe可以更具自己的需要選擇背景色,背景樣式,條紋色,條紋的形狀,條紋間距和寬度等,而且生成的條紋可以實現無縫連接,免去一些考慮是否無縫的苦惱。

轉自www.wp-theme.cn