WordPress 主題製作學習筆記:學前準備

 最近都在忙著學習 WordPress 主題的製作,我將會在這個系列文章裏記錄我的 WordPress 主題製作學習筆記,這篇就是記錄主題製作之前應該做的準備事項。那麼,我們在開始製作主題前,需要做些什麼準備呢?如果你跟我一樣是個主題製作新手,那麼首先我推薦你先看看 WordPress 主題教學和 WordPress 主題製作實例這兩篇 PDF 電子書。

Continue Reading
學習│我的程式語言工具書:HTML、CSS、JavaScript
學習│我的程式語言工具書:HTML、CSS、JavaScript

學習│我的程式語言工具書:HTML、CSS、JavaScript

由上至下,依序是:HTML → CSSx2 → JavaScript ;沒錯,這也就是我的學習進度。我想,熟知網頁設計的人都知道 HTML 是一切的根基,所以我想從頭學起,雖然我對它有點瞭解,但其實都只是自己摸索來的,完全不成章法,一點系統都沒有,所以我想重新開始。

Continue Reading

學習│學無止盡.網頁程式語法

 冰漾上一篇文章底下留言給我,帶給了我新的想法,讓我決定暫時不更換新的版面(我有空還是會偷偷嘗試修改:P),我想要好好加強自己的基本功,覺得自己太弱了,真的要好好學習一番。

 冰漾特地推薦了我一本《 CSS 大全》,我大致看了一下目錄簡介,覺得相當滿意,相信透過這本書的教授,應該能加強我在 CSS 方面的知識;並且從冰漾的留言裏,我也感到自身的不足,就是對於 HTML 這方面的瞭解,以及自己的網頁程式語法的知識真的太過貧瘠!當下,我便決定要好好充實自己在這領域的知識,努力學習才是不二法門。

 我也回覆冰漾,希望他還能再推薦我一些有關 HTML 和 PHP 這方面不錯的學習工具書,因為除了 CSS 之外,我想好好加強自己 HTML 的知識,把底子打好才是。再者,也因為 WP 是採用 PHP 來架構整體的,所以我也想學習這方面的程式語言。好像有點貪心,是吧?哈!

(閱讀全文…)

Continue Reading

這裡│對於版面的一些疑惑

 上一篇提到了更換主機的欣喜,但我目前在思考新的版面配置,所以有點小煩惱。

 目前最鍾意的版面是 Hemingway ,喜歡它的簡潔風格,不過因為此 theme 不適用 WP 自帶的 widgets ,它是用 blocks 來定義 sidebar 的呈現,在咕狗大神的協助下,我找到了不少這方面的資訊,所以大致瞭解該如何自定義blocks的語法,這倒是不難。不過,最困難的恐怕就是整體版面的調度,像是文章寬度(主頁和單篇文章)、 banner 自定義、整體色調、 sidebar 寬度……等等。這方面的調整,雖然可以用 CSS 語法來定義,但還是頗有難度。

 像是羅賓的部落格就是使用 Hemingway 來做基本版型,他成功調整的非常美觀,不過對於羅賓那裡的 footer 語法我就參不透了,因為他的語法能夠將 footer 鎖定,讓你不論轉到哪一頁都自動對齊底部、而不需要將捲軸拉至最底才能看到(請連結至羅賓的部落格觀看效果,就是那個 Entries RSS 、 Comments RSS 的 bar );看樣子好像是使用了特定語法,不過我不清楚是不是 CSS 語法。

 另外,羅賓在單篇文章的 Comments 的頁面也有滑動式的選項可以點選(請自行連結至羅賓的部落格觀看),讓你一點按便能收起 Comments 區,這一點我在 Hemingway 的預設版面也沒有看到,雖說羅賓有提過這點可以透過 CSS 語法來定義,不過我還是參不透啊!因為,那似乎不光只是 CSS 語法能做出的效果,不曉得是不是有 js 語法關聯!?好,我承認是自己太弱:P

(閱讀全文…)

Continue Reading

這裡│版面調整.新增Tab Pane效果

 這幾天有來這裡的朋友,如果細心的話應該會發現我一點一點的細修這裡的版型吧^_*

 截至目前為止做了最大的變化是增加了 Tab Pane 這個頁籤bar的效果,可以將整個版面變得更清爽,有許多小東西都可以收納起來,只在你有需要的時候再點選開來看。不知道大家對於這樣的改變有什麼感覺呢?喜歡、或不喜歡!?可以在此文留言回應喔^O^

 現在就將我做的調整一一記錄於下:

(閱讀全文…)

Continue Reading
Close Menu