Tag Archives: web dev

【Theme】redoable

剛剛逛到redoable這個wordpress的佈景,基本上也是個基於K2的佈景,不過並不算K2的一個style. 如果喜歡深色佈景的朋友,可以參考這個佈景,這個佈景的特色之一,應該算是支援了眾多的外掛,官方網站所說,支持的外掛有: Alex King’s Articles v1.1 Brian’s Latest Comments v1.5.10 Extended Live Archives v0.10beta-r18 Semiologic’s Google Analytics Plugin v1.9 Gregarious v1.5.2 and v2 beta Noteworthy v1.0 Random Quotes v1.3 Rechuked Buttons v1.0 (Based on Sawchuck Buttons plugin) – Not WP2.1 compatible…yet Related Posts v2.04 Share This v1.4 Ultimate Tag Warrior v3.1415926 Ultimate Category Cloud v2.0 [...]

15 Comments Continue Reading →
【Plugin】標出你站內閱讀位置

【Plugin】標出你站內閱讀位置

自從wordpress升級到2.1以來,有個很特殊的功能就是提供Static Page這個功能,有志於把自己的站內打造成更好的CMS管理系統可以參考wordpress的新方案。 這個功能可以打造出屬於自己的首頁,從此以後在首頁就不一定要千篇一律放上最近的網誌,稍稍可以彌補蔡老師的逆時序遺憾 ,最近我也在想是否要用這個方式來讓本站建立一個完整的首頁(就像E-space或是Alex King),不過發現了一個很大的問題-內容。 沒有清楚的內容跟主題,我懷疑打造首頁的實際效用,雖然hhalloyy在wordpress打造CMS教程提到了一些打造首頁的好處 最关键的,你不仅需要一个Blog页面来显示日志,至少还需要一个主页,而这个主页和你Blog的模板设计样式丝毫不冲突。在这个主页中需要显示些自己最近发表的内容,并且还显示了其它你需要展示的内容,比如自己的模板或者插件简介,自己做过的项目工程简介,About介绍,在线留言本,相册展示等等。 暫時…至少是目前,為了積習難改的閱讀習慣,我且還不做此打算。另一個簡單的理由,其實是發現在逛一些有首頁的朋友時,我還要特別點進blog的這個步驟似乎有點麻煩,對,我得了無可救藥的懶病。 考慮是否做首頁的時候,想過幾個想要的功能,接著上網去找發現了這個東西,看起來沒甚麼特別的,但是剛好很符合我現在的要求,站內佈景慢慢修改的同時(參考Hemingway佈景更新完畢),因為我想要的佈景是有點簡潔又不要太簡潔,低調的炫耀安裝的外掛,輕鬆的閱讀站內的文章,正因為這樣,再修改單篇文章(single.php)的時候,我把底下一整個sidebar拿掉了。 簡單來說,點進文章以後,就是文章,沒有別的了。 這樣的閱讀方式對我來說,我覺得相當清爽,逛到有些Blog常常也有類似的風格, 不過有些站他沒有設計出口,也就是我點進了單篇文章以後,除了上一頁這個法子,我沒有辦法回到作者首頁,而常常不是每個人都有設計按首頁Logo可以回到首頁這樣的功能 以上是囉嗦的前言 Breadcrumb Navigation XT 這個外掛可以做出像 這樣的路徑位置,如果你有做出特定的首頁,或是擔心網友在你的網誌迷路了,可以考慮考慮這樣的方式,當站內目錄、子目錄或是分類眾多,像這樣的如同blogspot的路徑顯示,其實還蠻好閱讀的。 安裝方式與使用方式相當簡單,解壓縮後到後台啟用他,接著把code貼到index.php或是single.php你要他出現的位置就可以了,這個外掛更提供了多個參數可以讓你定義顯示的方式。 例如我直接將作者提供的範例貼到single.php <?php if (class_exists(‘breadcrumb_navigation_xt’)) { echo ‘You\’re browsing: ‘; // New breadcrumb object $mybreadcrumb = new breadcrumb_navigation_xt; // Options for breadcrumb_navigation_xt $mybreadcrumb->opt['title_blog'] = ‘Home’; $mybreadcrumb->opt['separator'] = ‘ » ‘; $mybreadcrumb->opt['singleblogpost_category_display'] = true; // Display the breadcrumb [...]

4 Comments Continue Reading →

Blog與Forum下雪兩天

慶祝耶誕,置頂兩天XD 好,我承認這篇是老梗了,就讓你的部落格下個兩天的雪來歡度耶誕吧 :heart: [做法1,做法2] 雖然Macbook,WII這些敗家念頭就好像一大片烏雲籠罩在我的頭上,但我是不會輕易屈服的。 總之,大家耶誕快樂 :heart:

17 Comments Continue Reading →
修改quicktag增加文字效果

修改quicktag增加文字效果

:idea: update: 以下方法適用於wordpress 2.0以前的版本,2.1以後,系統已經有內建好用的編輯器,不過原則上,只用quicktag來發文,這方法一樣適用 最近這兩天,我是卯起來寫簡易教學了,希望發功完畢可以幫助世人,太難的我不會,我只會這種簡單的把戲 大學同學Sophie最近也在架起自己的Blog,在使用wordpress的過程中,它發現了一件事,所以問我的作法是什麼? 她說: 我在文章後台的所見即所得編輯器找不到調整字體的功能(只有粗斜體),也改變不了字體的顏色,看你的的 Blog除了有這些差別外,文字甚至還有底線、還有畫圈,請問這個要怎麼完成啊? Sophie所說得問題我可以了解,也曾經在前幾篇文章裡面討論過類似的作法,像我這樣對Html苦手的人,對wordpress提供的所見即所得編輯器大大的不滿意,更新到2.0.5版後,好像所見即所得並沒有差別:P,而找的到wordpress類似編輯後台的插件,又常常不符需求而且開啟又花時間,所以我用的是笨方法,也就是修改wp-includes/js/quicktag.js這個檔案,直接把我要的功能加進去,這樣一來,文章的編輯後台就會多了一個小按鈕,要改字體顏色、大小或是加什麼底線之類的,都可以採取這個作法。 以不同字體大小與顏色為例: 在quicktag.js裡面加進這一句 edButtons[edButtons.length] = new edButton(‘ed_font’ ,’f’ ,” ,” ,’f’ ); 功效就是文章後台裡點選『f』這個按鈕,跟其他tag功能一樣,就可以直接把這段碼加進你要的文字裡面,再用你記得的顏色替換預設的”red”,大小替換”+1″就可以啦,當然你也可以視情況自行修改你要的預設值, 而至於把文字加入底線或是加上小紅圈的作法也很簡單 先透過這篇分享來把你的圖片以及css加到你到網站裡面,接著 edButtons[edButtons.length] = new edButton(‘ed_line’ ,’line’ ,” ,” ,’line’ ); cyc以及hl依你的CSS而定,因為我把這底線圖跟圓點圖在css設定成cyc跟hl,在發表文章時特定文字選擇「line」標籤來加上底線,就是這樣 圖片來源與CSS作法請參照Royboy所寫的教學,直接補充於下方 圖片格式: .cyc { line-height:22px; padding:4px 2px 2px 0; letter-spacing:6px; background:white url(圖檔路徑) repeat-x bottom } 圖片格式: .hl{ line-height:22px; padding:4px 2px 2px [...]

8 Comments Continue Reading →
【Plugin】lightbox 光箱效果

【Plugin】lightbox 光箱效果

這篇真算是老梗了,之前好像也寫過,不過 …不知道為甚麼消失了 :XD: 網友Forster兄寫信問我 在你Blog上,當我點選圖片後,會跳出一個FLash展示圖片。 我覺得很炫,所以想請教一下這是某網路相簿的功能,還是你自己寫的語法呢?

3 Comments Continue Reading →
增添圖片效果與修改CSS

增添圖片效果與修改CSS

很低調的把站上的falbum與wp-dokuwiki先停掉,誠如冰漾所說的,影響速度還蠻厲害的,但是已經習慣的方便,的確很難再去改變,今天乾脆心一橫,把這兩個插件停了,順便也把Extend Live Archives這個顯示文章彙整的插件(看起來很炫,不過想想用不到)停掉,然後把一些之前會用的的功能透過css的方式來取代修改的地方,並且寫到quicktag.js裡面一勞永逸,速度果然整個快了起來,差點就想改用Default的theme。 謎之聲:你乾脆全開txt檔來Blog更快 :XD: 修改CSS部份(任何一種Blog都能用),跟外掛毫無關係,並且把常用的語法直接寫進到quicktag.js裡面(我把我的quicktag寫在這裡,給大家參考),省的麻煩,畢竟我是麻瓜,太高段的方法我也不會用 以下是加入陰影、眉批、底線、連結圖示的超簡易教學,請做好心理準備..

13 Comments Continue Reading →