在wordpress的thumbnail函數中設定alt與title

在製作 wordpress theme 時, 若有用到文章圖片縮圖時, 會使用這個函數:

the_post_thumbnail()

會直接輸出 html 含 img 的完整語法, 不過若是要包含 alt與 title的話, 要配合該函數的第二個參數 $attr 來進行, 一般做文章列表時, 也就是 category 頁, 會有一個 for loop 產出文章列表, 放出文章縮圖時會用到以下語法:

if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail('thumbnail');
}

不過若是要增加 alt與 title時, 可以使用如下語法:

if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail('thumbnail', array('alt'=>get_the_title(), 'title'=>get_the_title()));
}

就可以產出文章列表縮圖的圖片說明了.

參考資料: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

WordPress在不同分類使用不同主題的方式

在 WordPress 中, 使用佈景主題令人賞心悅目, 不過想要在不同分類頁面下, 使用不同的主題, 如何進行呢? 可以參考這篇文章中的說明:

http://codex.wordpress.org/Category_Templates

在 WordPress 的程式中, 佈景主題使用的頁面, 依序為:

  1. category-slug.php (於2.9版起才支援)
  2. category-ID.php
  3. category.php
  4. archive.php
  5. index.php

而整個 Template 的架構可以參考這張圖比較清楚:

http://codex.wordpress.org/images/1/18/Template_Hierarchy.png

如此一來, 若是想要自行設計調整在分類(Category)頁下使用不同的主題, 就可以在對應的分類實施, 以達成更豐富的呈現效果.

WordPress好用外掛-WP Ultimate CSV Importer

用 WordPress 的人愈來愈多了, 因為普遍及功能強大, 再加上許多模版及外掛, 使用 WordPress 做為 CMS 似乎是很方便的, 那麼, 原來的主機或是網站不是使用 WordPress 或其他的 CMS (BLOG) 系統時, 如何將原來網站的資料匯入呢?

這裡就是要介紹這個好用的軟體, WP Ultimate CSV Importer (http://wordpress.org/plugins/wp-ultimate-csv-importer/).

只要能匯出文字檔, 利用CSV的格式, 就可以匯入 WordPress 了, 匯入時可以選擇對應的欄位, 並且設定是否發行(或是草稿), 這樣其實是很容易將非結構化的文字資料匯入到 WordPress.

即使不是用在系統移轉, 用在大量文章匯入, 也是十分方便好用呢!

wordpress escape shortcode的方法

基本上在 wordpress 中, 有個特殊的功能, 就是 shortcode, 可以利用這個功能來將文章的內容替代, 如同前一篇文章中的 video code plugin:

http://tim.diary.tw/2013/05/24/install-wordpress-plugin-video-codes/

由於在上一篇文章中, 會介紹該 shortcode 的用法, 所以就要列出 shortcode 語法出來, 有意思的地方是直接打該 shortcode 就會使文章呈現的結果套用對應的 shortcode, 所以需要 escape (跳脫)掉這個 shortcode.

在 html 要 escape 可以直接使用 & # 91 ;  及 & # 93 ;  替代 shortcode 的前後中括號 (記得是在 html source 編輯下輸入), 這樣的方式就可以讓該 shortcode 不會發生作用, 如此一來也就可以在文章中使用 shortcode 代碼介紹, 但不會發生作用.

參考文章:

http://wordpress.org/support/topic/escaping-shortcode

新增wordpress plugin-Video Codes

目前, 原本的 wordpress 就支援 youtube url 支接變成嵌入影片, 不過為了要 embed facebook 的影片, 所以安裝這個 plugin – Video Codes:

http://wordpress.org/plugins/video-codes/

這個 plugin是利用了 short code 的方式來進行插入影片, 如同該網頁的說明, 使用簡短的嵌入代碼, 配合插入平台的video id就可以順利嵌入影片, 說明如該 plugin 的這個連結:

http://wordpress.org/plugins/video-codes/other_notes/

使用方式:

[consernig_host_name id=VIDEO_ID]

所以配合的代碼共有以下:

Youtube: [vcyt id=VIDEO_ID]
Vimeo: [vcvv id=VIDEO_ID]
Google Video: [vcgv id=VIDEO_ID]
DailyMotion: [vcdm id=VIDEO_ID]
MetaCafe: [vcmc id=VIDEO_ID]
MegaVideo: [vcmv id=VIDEO_ID]
Facebook: [vcfb id=VIDEO_ID]
Viewbix: [vcvb id=VIDEO_ID]

若有需要指定寬高, 可以使用 w 和 h 參數, 如下:

[vcyt id=VIDEO_ID w=640 h=385]

這樣就可以了, 例如:

這支在 vimeo 上的鋼鐵人影片:

http://vimeo.com/65513321

透過代碼

[vcvv id=65513321]

插入後, 如下:

[vcvv id=65513321]

HTML Javascript Adder模組(widget)-WordPress Plugin

雖然 wordpress 在外觀(appearance)已有 text/html 模組(widget)可用, 方便放置自訂的內容, 不過會限制 Javascript , 所以貼入 Javascript 內容時會被過濾掉.

查找了一下, 有個還不錯的 HTML Javascript Adder plugin 可以使用, 安裝好後, 在外掛啟用後, 就可以在外觀, 模組下將這個 HTML Javascript Adder 加入到自訂的位置及填入 Javascript 不會被過濾掉. 方便在側欄加入一些第三方的功能, 像是 Google Adsense, 或是一些統計資料, 小時鐘等.

該外掛網址: http://wordpress.org/extend/plugins/html-javascript-adder/