Displaying all posts tagged with Wordpress Plugin

WPtouch Theme – WordPress on iPhone


yeah, jsblog有iphone版了!!

把心一橫裝了個 WPtouch plugin,這個plugin使用十分方便,他會自動偵測瀏覽器類型,如果使用 iPhone 或 iPod Touch 的話便會自動守轉成iphone網頁,提升瀏覽速度。

另外, WPtouch 是可以修改 theme的,在wptouch/themes/ 內。之後亦打算重新design一下jsblog的iphon版。

附上我現在用的試驗中的theme, 把file放在themes folder內便可 ,  有興趣可下載使用啊 :

Version :1.0 | Update 4 Mar 2009


原本的theme :


使用User Agent Switcher可用firefox模擬 iphone

安裝 User Agent Switcher
https://addons.mozilla.org/zh- TW/firefox/addon/59

設定 User Agent Switcher
工具 ==> User Agent Switcher ==> Options ==> Options ==> User Agents ==> User Agents ==> Add…

Description: iPhone
User Agent: Mobile Safari 1.1.3 – iPhone (Windows NT 6.0; U)
App Name: AppleWebKit/420+ (KHTML, like Gecko)
App Version: Version/3.0
Platform: Mobile/1A543 Safari/419.3


OS X Style Google Reader

我一向使用 firefox plugin sage 來讀rss, 而最近開始轉用google reader了,因為不用裝plugin 很方便,  google reader的不足之處就是介面不太好用,

但我終於找到解決方法了 :

FireFox Greasemonkey’s companion.

A style for Google Reader that styles it like Mail.app. Its not trying to be original or ‘better’ than the default theme, it’s just trying to make it look like a Mac OS X app!

首先要在您的 Firefox 瀏覽器安裝 Stylish 擴充套件。有了 Stylish 擴充套件後,可以使用 Stylish 將屬於 Firefox 使用的 greader.css 檔案內容新增來套用改變 Google Reader 的樣式表。

Download Here

Before :

After :


Useful plugins for WordPress

Akismet checks your comments against the Akismet web serivce to see if they look like spam or not. You need a WordPress.com API key to use this service. You can review the spam it catches under “Manage” and it automatically deletes old spam after 15 days. Hat tip: Michael Hampton and Chris J. Davis for help with the plugin. By Matt Mullenweg.

Extended Live Archives
Implements a dynamic archive, inspired by Binary Bonsai and the original Super Archives by Jonas Rabbe. Visit the ELA option panel to initialize the plugin. By Arnaud Froment.

Category Visibility-RH Rev
Alter the visibility settings for categories, for WordPress 2.0. Based on an earlier Category Visibility by Keith McDuffee. By Rich Hamilton.

Allows you to integrate the photos from a flickr rss feed into your site. By Dave Kellam.

Get Recent Comments
Display the most recent comments or trackbacks with your own formatting in the sidebar. Visit Options/Recent Comments after activation of the plugin. By Krischan Jodies.

Google Analyticator
Adds the necessary JavaScript code to enable Google’s Analytics. After enabling this plugin visit the options page and enter your Google Analytics’ UID and enable logging.

This plugin allows you to generate a gravatar URL complete with rating, size, default, and border options. See the documentation for syntax and usage. By Tom Werner.

Yahoo/MSN Style Smileys
Displays Yahoo Messenger or MSN Messenger style smileys. Please deactivate ‘Convert emoticons like :-) and :-P to graphics on display’ under Writing Options menu when using this. By Priyadi Iman Nurcahyo.

Kill Preview
Replaces the post preview iframe from the post writing screen with a popup link. By Owen Winkler.

Mark posts as ‘noteworthy’. By Jamie Saunders.

Photopress adds user-friendly image handling tools to WordPress, including a popup upload and browse tool, a random image template function, and a simple album. Installs and uses database tables. By Isaac Wedin.

Allows commenters to quote other comments (dynamically or server side if they have Javascript disabled) and any other text in a page (Javascript only). By Daniele Mancino.

Related Posts
Returns a list of the related entries based on active/passive keyword matches. By Alexander Malov & Mike Lu.

Generates a Sparkline bar graph of your site posts and comments statistics. By Sean McBride.

Displays AudioScrobbler / Last.fm webservice information (e.g. recently played tracks), on your blog using AJAXrefreshing(tm) By Florian Kriener.

SpotMilk Js Style.
SpotMilk is the admin theme for WordPress 2.0, which is inspired by Spotlight on Mac OS X Tiger and the Milk theme by Max Rudberg, and the main layout is based on the default admin theme in WP 2.0. By Sunghwa Park.


WP Plugin : Get Recent Comments

最近用Get Recent Comments 取代了 原本的 Brian’s Latest Comments, 因為 Get Recent Comments 可以顯示gravatars和比較有彈性, 可以自行決定顯示什麼內容和pingbacks.


  • Highly configurable via WordPress’ admin interface.
  • Adjustable layout by macros.
  • Different handling of trackbacks and normal comments.
  • Support for gravatars.
  • Option to exclude comments to posts in certain categorys
  • Installable by one-click-install
  • Doesn’t show pingbacks originating from own blog
  • Download


    WordPress Categories Pages


    Yeah,煩了好幾天的難題終於解決了~~JJ決戰PORTFOLIO PAGE終於勝利,呵呵 8) (由於portfolio page的煩惱, 所以這陣子都沒有寫BLOG..) 由於時間不多,每日只有Lunch time 的一小時用,所以這個難題足足煩左我成個星期,終於畀我在今日的Lunch 搞掂左喇。

    好,入番正題啦, 其實我正在製作我的portfolio page, 一開始想過很多方法,例如用Link的功能,Hardcode,Link去HTML版等等…但最後還是決定用Category做。

    之前用的web2.0 carbonmade是個不錯的portfolio 工具, 岩晒懶人用,畫面又靚, 可是開始收費后沒有了每星期增加free set 的功能, 所以沒有再用了, carbonmade的收費是$12/月(美元嗎?!@@) 好像不太抵….



    “FAIbum” How To

    FAlbum 0.6.5早陣子upgade了wp2.02和 FAlbum 0.6.5,發現FAlbum0.6.5多了templates的功能, 可以製作自己的templates。

    Fix – Incorrect 404 header statuses from WordPress 2.0+ (Fixes IE 404 issues)
    Fix – Cleaned up pages to validateagainst XHTML Strict 1.1
    New – Flickr comments – added the ability to display Flickr comments on the photo page
    New – FAlbum styles – added the ablility to select from multiple display styles and templates
    New – Post helper / Inline post macro to dispaly and link to FAlbum photos within posts – Initial work (still buggy)

    其實我對php一點都不在行, 我主要都是修改了css的部份, 主頁都改動了一點,加上主圖和update sets, 其實本來想把tag 放在主頁的, 但整了好久都整不到 , 所以giveup了。

    介紹一下falbum.css.php, 其實很易明 :

    falbum的闊度, 我的闊度是 width 100%

    .falbum {
    padding: 0px;
    margin: 0px;
    clear: both;
    width: 100%;
    min-width: none; }

    我加上description和日期的css, 原本是沒有的 :

    color: #666666;
    font-size: 10px; }

    color: #999999;
    font-size: 9px;

    thumbnail加上 mouse over 效果

    .falbum-thumbnail:hover {
    background-color: #EAEAEA; }


    .falbum-tn-border-s {
    float: left;
    width: 100px;
    height: 103px; }