• 博客設置
  • 編輯管理
  • 返回首頁
焚花祭秋
Wordpress Typecho 以及周邊知識的一個筆記,成長的過程中相互學習,共同進步!
首頁 歸檔 關於 友鏈 留言
分類
  • 博客.技巧
  • 網絡.主機
  • HOME
  • 博客.技巧
  • WordPress文章形式小議,實現輕博,微博,圖片,音樂等文章形式

WordPress文章形式小議,實現輕博,微博,圖片,音樂等文章形式

作者:焚花祭秋  /   发布时间:September 23, 2011  /   分类:博客.技巧  /   141 Comments

字體大小選擇: [ 超大字體 中型字體 默認字體 ]

最近各位博友在瀏覽博客的時候可能見到過一些博客有類似於輕博的功能或者圖片博客甚至是音樂視頻博客的文章內容,貌似眼下這個還挺流行,因為在Wordpress更新到3.1+的時候有個文章形式的功項,可以實現此功能,下面就來看下這些新興的東東!

新的文章形式官方現已提供出9種,其實是10種,還有默認的1個,其中包含日誌、相冊、鏈接、圖像、引語、狀態、視頻、音頻、聊天;

可能大家一下還不明白是什麼效果,沒具體概念,先上張圖,截自七小羅漢

沫.WordPress文章形式小議,實現輕博,微博,圖片,音樂等文章形式

截圖中就是三種文章形式的展示:第一是微博形式,第二個是常規的形式,第三個就是視頻的形式!

下面引用官方的介紹,大家可以看一下,以便增進對文章形式的了解

Wordpress在 3.1 版本中引入的文章形式,是文章的一種屬性,可以被主題用來決定文章的顯示方式。其設計目的是要提供一個特殊的方法來根據文章的特點選用顯示“格式”。該方法用於替代以前需要使用分類來達到同樣目的的做法,而且更重要的是,該方法在支持的主題間是通用的。簡單地說,如果一位博客作者正在使用一個支持“文章形式”的主題,那麼作者就可以從一個單選列表中選擇文章的形式,以此決定文章的顯示樣式。

針對其形式的特點做的一個說明,如需更多了解,點擊查看

沫.WordPress文章形式小議,實現輕博,微博,圖片,音樂等文章形式

大家可能接著就疑問了,為什麼要使用文章樣式

文章樣式可以取代人們利用分類目錄歸檔類似文章的要求。直到目前仍然有用戶在修改代碼以達到讓不同分類文章顯示不同樣式的效果,文章樣式功能不僅簡化了分類目錄,還使博客能夠在支持文章樣式的主題之間更輕松地轉換。

對讀者來說,使用了文章樣式功能的博客也更為親切,讀者可以直觀地了解到他們目前正在瀏覽的是什麼類型的文章。此外隨著不同文章的不同展示效果,博客也將變得更生動。文章樣式將填補WordPress文章平淡顯示效果所帶來的空缺感。

咱們接著就來繼續了解,搶先體驗文章樣式

和文章縮略圖、菜單、自定義背景等功能一樣,文章樣式也需要通過主題激活。這意味著,如果你的主題不兼容,那麼你就沒法使用這個功能。 警告:若要進行以下操作,最好熟悉HTML、CSS代碼,並對WordPress循環函數具有一定了解。 打開主題的functions.php文件,加入以下代碼:

1
add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );

註意:aside和galery只是列舉出的兩個可用的文章樣式而已。可用的文章樣式包括上面特色說明的那幾種,可以根據自己的需要酌情添加,點擊查看更多形式

在functions,php中加入代碼後,你會在文章編輯界面右側的文章發布設置區看到一些新內容:如下圖所示

沫.WordPress,主循環的全局變量的圖解和使用說明

編輯完文章之後,你可以在這裏更改文章的樣式並點擊發布,讓文章以預先設置好的格式發布到前臺。但是我們並沒有預先設置任何文章樣式,因此即使你在下拉菜單裏選擇了新的樣式,前臺所顯示的效果也和其他文章沒什麼區別。所以現在我們需要做的就是編輯文章的主循環,這裏就是我在上一篇專門備忘介紹的,不懂的哥們可以點擊進去看下因為這個不寫,所有樣式都是一種,沒法區別開來,所以在主循環裏的各種文章顯示形式,朋友們可以自由發揮,寫好循環函數後加以用CSS控制,以求達到美觀的效果!我們會用到條件標簽has_post_format()

1
2
3
4
5
6
7
8
9
if ( has_post_format( 'aside' ) {
// code to display the aside format post here
} else if (has_post_format('gallery')) {
// stuff to display the gallery format post here
} else if (has_post_format('link')) {
// stuff to display the link format post here
}else {
// code to display the normal format post here
}

記得,主循環是大家自由發揮美化的東西,折騰就在於此,是個重頭戲,下面上一張折騰後的效果圖,大家看下:

沫.WordPress文章形式小議,實現輕博,微博,圖片,音樂等文章形式

寫在最後,就是因為這個東西,搞得睡眠都沒質量了,看來折騰不一定是享受啊,控制的好了就是享受,控制不好了就是受罪,個中喜憂,大家自己發現吧

上一篇: WordPress,主題模板主循環和全局變量函數的圖解和使用說明 下一篇: wordpress,非插件實現文章內容回復可見的代碼分享
    分享到: QQ空間 新浪微博 騰訊微博 開心網 人人網 淘江湖 百度空間
訂閱本站:焚花祭秋
文本標籤:wordpress文章樣式, wordpress輕博微博文章
友情聲明:本站所有文章皆為原創,圖文皆為網絡搜索傳播,轉載請以鏈接形式標明原文出處地址,謝謝合作!
本文鏈接:http://tc.muo.me/wordpress-post-format-to-achieve-light-bo-microblog-picturesblog-musicblog-and-other-formats.html [复制]

   哇!已經有141枚讓人不淡定的評論! »

  1. jason jason
    October 15th, 2013 At Tuesday 02:22 PM    ReplyTa

    我的主題有文章形式,但用不來,求指教

  2. 心迷魔樂 心迷魔樂
    December 28th, 2011 At Wednesday 09:36 PM    ReplyTa

    代碼小白表示可望而不可求

  3. evil evil
    December 11th, 2011 At Sunday 03:39 PM    ReplyTa

    俺的主題不支持,痛苦啊!!

  4. evil evil
    December 11th, 2011 At Sunday 03:39 PM    ReplyTa

    俺的主題不支持,痛苦啊!!

  5. 愛範兒 愛範兒
    December 10th, 2011 At Saturday 03:15 PM    ReplyTa

    這個主題好像有這個功能哦!http://90fan.sinaapp.com

  6. 子非我 子非我
    December 9th, 2011 At Friday 08:08 PM    ReplyTa

    我覺得至少得給一個CSS的範例,方便大家實現,然後再自行修改,要不然很困難的呀 2011年12月9日 星期五 20:09:30

  7. IT路人 IT路人
    November 14th, 2011 At Monday 11:43 AM    ReplyTa

    這廝不錯,下次折騰折騰

  8. Lvtu Lvtu
    October 26th, 2011 At Wednesday 01:24 PM    ReplyTa

    WP很強大呀!


  1. 1
  2. 2
  3. 3
  4. 4
  5. ...
  6. 9
  7. 后一页 »
取消回复
My WeChat

簡繁切換

    • 正式從Wordpress殺入Typecho陣營,我很淡定,我很快樂!
    • WordPress,免插件文章輸出代碼分享之隨機文章推薦
    • LinuxVPS 關閉或禁止Mysql日誌統計執行方法
    • LinuxVPS 初級教程P3 常用安全設置相關內容
    • Wordpress文章內容過長分頁顯示文章方法
    • WordPress郵件回覆通知樣式一款,現用代碼分享

  • YueTing.Org
    悦听有声,路过看看
  • 自由草
    简繁转换功能在也没刷新下会失效
  • 天地华宇
    好东西 谢谢分享先收藏一下下 ...
  • flippy
    主题蛮好看的,好像轻博客一样
  • flippy
    不错呀
  • qkwu
    不错哦 收藏了
文章 RSS And 评论 RSS
焚花祭秋 Is Powered By Wordpress Theme Desgin By 沫(Muo.me)