關於建構 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

繼續閱讀 »

[簡單開箱] 滿載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 採購列表

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

繼續閱讀 »

[筆記] Linux Mint 18 創建 Swapfile @T61 筆電跑SSD

目的

去除舊式的 /swap 交換磁區的作法,改以更有彈性的 swapfile 方式替代。

說明

其實近年來電腦大都配置大容量記憶體以及 SSD 固態硬碟,主流 Linux 系統對於記憶體的內存 (cache)管理更得以最佳化,逐漸地,行之有年的 /swap 暫存磁區並不推薦採用。

不過,老舊電腦可能只有 4Gb RAM 的限制以內,卻又換了新的 SSD 固定硬碟,還是有需要使用到系統暫存區,諸如系統休眠 (hibernate),或內存不足。但是為了讓系統暫存的運作更有彈性,建議採以較新的方式,也就是以 Swapfile 取代 /SWAP 暫存磁區方式。

P.S. Linux Mint 18 在安裝時磁區規劃建議以手動方式設定,且不要新增 /swap 磁區;若以自動方式設定,則系統會自行增添 /swap 磁區 (partition)。雖然系統後續安裝時會警告沒有設置 /swap 磁區,但可以忽略它,待安裝完成後再以本文方式進行創建 swap file 的程序。

作法

  1. 檢查是否已有使用配置 SWAP:
    ~$ free -m
               total       used       free     shared    buffers     available
    Mem:        3878        378       2806          57       723          3230
    Swap:          0          0          0
  2. 繼續閱讀 »

2017 農曆年前來個機械鍵盤大掃除與黑白配鍵帽吧~

我家裡用的 Ducky Shine 4 紅軸機械鍵盤,詳見—Ducky Shine4 紅軸英文機械鍵盤入手,已經有兩年沒有清潔過啦,鍵盤縫隙間其實散布了許多粉圓鳥寶們的鳥大便。!^^

所以這次農曆年前決定給鍵盤來個徹底的清潔,順便因為有備用的白色鍵帽,想說讓鍵盤變個花樣,來個黑白郎君配。 :)

首先用拔鍵器一個個把鍵帽拔下來,這樣一個個拔也要花些時間。
20170124_224232

繼續閱讀 »

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