關於建構 WordPress Starter Them-整合 Underscore 與 Bootstrap/FontAwesome

其實整合 UnderscoreBootstrapFontAwesome 原理並不困難,簡單的說就是以 Underscore 所創建的 Starter Theme 為基底,具有基本的檔案結構與基本的 PHP 檔案的關聯,然後再逐一調整 PHP 檔案內容 (例如 index.php),加入 Bootstrap 與 FontAwesome 的 CSS排版/Javascript動態效果。

雖說原理不難,但也花了一些時間弄懂這些套件之間的關係,然後再查詢相關整合的文章,底下是我大概找出比較實際的 How-to 文與影片:

o how to create bootstrap underscore wordpress theme step by step guide
o Combining Bootstrap with Underscores
o WordPress Theme Development Tutorial with Bootstrap & Underscores WP Starter Theme

在設計 Starter Theme 的過程,強烈建議下載 WordPress Theme Unit Test Data,甚至最好是創建一個專屬開發測試的 WordPress 網站,只放上與佈景主題設計相關的 Plugin,例如「Theme Check」、「Show Current Template」等,這些都對開發過程中相當有幫助。

繼續閱讀 »

聊聊 WordPress 佈景主題與 Starter Theme 的設計

近日準備要把我原來從空白佈景所建構的 WordPress 部落格來個大幅度的版面變更。

起碼花了一兩個星期時間來了解關於 WordPress 佈景主題 (Theme)這個領域的相關資訊。老實說,還挺有趣的,我才知道原來有諸多國內外的工作室專門在開發佈景主題並當成產品販售的。尤其若上架到 ThemeForest 這個平台,比較熱門的產品可以賣到多達上萬套以上,而每套價錢大約從 US$30~99 美金的都有,而且大都還是只有提供一年的免費服務更新與諮詢。難怪乎這市場已經可以大到養活許多專事開發 Web 端佈景主題開發的設計公司了。

我現在輔導的客戶單位其中有一家就是花了上百美金購買了一套可以應用在企業網站建構的佈景主題,所以可以就近觀摩。不過我發現到,似乎不太適合我,因為用了某一家的 Theme 後,雖然可以快速的建構網站與內容,但會被「綁架」,因為網站的基礎建設/工具幾乎都依賴這套佈景主題,極難抽換掉。

原來這些佈景主題的對象比較偏向是完全不用 Coding,連 HTML/CSS 等都不用了解 (但其實我發現還是需要有些基礎知識),只要專注利用其工具與所提供的元件,快速的「兜」起來頁面,組成豐富的內容就可。

所以光是所謂的「Page Builder」就相當講究,而且真的很容易短短幾分鐘內就可以組出排版相當豐富的頁面出來。我自己也安裝了一套免費且相當簡潔許多的「SiteOrigin」,真的比從無到有自行排版的方式簡單太多太多了。

繼續閱讀 »

兩個圍棋AI引擎的自動對奕-RN vs. Leela

先前我都是自己手動叫出 Crazy Stone、Zen、Leela 等自帶的圍棋圖形界面,然後自己當「人肉臂」交互點子讓兩個圍棋AI對奕,參考先前寫的兩篇:
o 圍棋軟件間的對奕-Leela vs Zen6 @i7-GTX970 顯卡
o 圍棋軟件間的對弈-Crazy Stone Deep Learning vs Zen6

不過這種方式未免也太辛苦麻煩了。現在兩個知名具有深度學習 (deep learning)功能的免費或開源圍棋AI — Leela & RN,都具有在命令列模式下 (command mode)加載參數設定而得以達成自動對奕的功能。

除了圍棋AI引擎之外,還需要有個可以展現圍棋對奕的界面。對岸比較普遍使用的是「GoGui」,不過我覺得畫面很陽春。這裡我用了一直有在持續更新並且是開源 (open source)的「Sabaki」,界面漂亮太多了。
Sabaki Go

繼續閱讀 »

201708 漫步在台中孔廟與雙十國中

這一次女兒們放暑假期間,因為她們均有各自的活動,所以回台中僅有短短的兩天。第一天午後趁她們到「一中街」逛街採購服飾時,我可不願當跟屁蟲,逛街看衣服等,那可是超級無聊的活動,所以開車再往前一些停靠於雙十路、力行路的二級文勝古蹟孔子廟,就乾脆進去重溫下我孩提時期在這裡與鄰居屁孩們一同嬉玩的回憶吧。
台中孔廟

至少有20來年沒有進入過孔廟內了,明明就在我老家 (錦華街)旁,但好像空氣一般經過時視而不見。事實上一中街商圈也在旁邊而已,且這文勝古蹟裡面相當空敞,但遊客就是相當稀少,也是蠻特別的。
台中孔廟

繼續閱讀 »

[食記] 隱藏師大巷弄內鬧中取靜的咖啡店-找點心

這是我們家蓁妮上星期提議到她們師大附近巷弄內的咖啡館—找點心。可以吃早午餐、喝咖啡,又能無線上網等。原來是不太相信我們家雷妮說的有多好多好,她暴雷太多次了。但這次卻相當驚豔,甚至比想像得還要好,能在這種鬧區卻又能享受悠哉下午時光,咖啡、下午茶、在躺椅中休憩,好是蘇活愜意。 :)

蓁妮&荳荳@找點心

師大開車一定要開到和平東路內的巷弄內才容易找得到車位。蓁妮帶著她的小表妹荳荳,一同來吃早午餐兼寫功課。
蓁妮&荳荳@找點心

車停靠師大旁的巷子,還要走一小段路,但原來可以從和平東路轉進泰順街,咖啡館是靠這邊的街道內的巷弄。
蓁妮&荳荳@找點心

繼續閱讀 »

[簡單開箱] 滿載32Gb記憶體的 Thinkpad T470p 入手

我最不喜歡買筆電了,總覺得 C/P 值甚低!但這幾年都用別人剩下給我的 Thinkpad W500,已經逐漸無法負荷 .NET/Visual Studio & Java/Eclipse 開發環境;更甚者老舊的 VGA 輸出,竟然在有些企業單位要展示或教學時無法直接連接,需透過 HDMI 轉接才可。喔,更因為其中有一條 4Gb 記憶體掛掉,這讓我不得已是換購新筆電的時機了。

新筆電要選哪種品牌? 雙A系列是肯定不考慮,Macbook Pro 又覺太貴,尤其是要擴展記憶體或硬碟等,貴到無法接受。轉來轉去,只好仍是選擇 Thinkpad 系列,它家的規格我還是比較偏好,且價格又有所優惠。

所以繼10年前我所購買的 Thinkpad T61 (購買 Thinkpad T61 與週邊及系統安裝) 之後,再次入手同樣也是 T系列的 T470p 14吋螢幕筆電
tw-lenovo-laptop-thinkpad-t470p

選這一款的主要原因是普遍工程師們喜好的 T系列,規格一般較優,雖體積往往厚重些,不是偏向輕薄美型,例如 Thinkpad X1 Carbon 這款頂級旗艦。還有也是因為看到 Mobile01 這篇勸敗文:「Lenovo Thinkpad T470p 開箱/拆機/更換SSD與RAM(更新Q&A問題集)」,寫得甚是詳細,給予我等後進購買有了很好的指引。

嗯嗯,最棒的是,Lenovo 線上購物網站有提供給學生特別優惠價,一般算下來又比平時買的優惠特價 (反正它們每個月都有優惠)再多便宜了四千餘元有。當然要用學生在學的電郵帳號註冊才可,所以我就低聲下氣請我家蓁妮幫忙用她的學生帳號註冊登入,然後再線上購買並使用信用刷卡。從官網購買都是從大陸地區出貨,大約要等上2個星期左右 (我這台12天送達)。

這次買的規格我算是相當滿意了,第七代 i7/7700-HQ, M2 512G 固態硬碟, DDR4/2400 16Gbx2=32Gb 記憶體 (另購, NT$7,560), 14吋 IPS (1920x1080)LCD, 內附 Windows 10 x64 專業版。然後又另加購 3年保固 (NT$6,200)以及無線藍芽滑鼠 (NT$1,000),這樣總價為:
43060 + 7560 = NT$50120

這樣價錢已經比五年以前筆電頂規動輒近 10萬大元,真的便宜太多了!

這次購買的具體規格可參考如下圖 (點擊可看原圖)。
T470p 採購列表

底下就來作個簡單的開箱介紹 (含拆機安裝記憶體)。

繼續閱讀 »

第 1 頁 / 共 248 頁123456789101112...203040...最後一頁 »