[建站日誌] 虛擬主機主網域指向資料夾位置

這次移轉網站,我希望在虛擬主機上的資料夾整理能比較有組織性。假如我有兩個網域:primary and seconday domain (虛擬主機商一般允許可附加多個不同網域),然後主網域的前綴設爲 image (這也就是子網域 (sub-domain) 的設定議題),所有主網域的圖檔均可透過該子網域統一讀取。所以主要網域的規劃如下:

www.primarydomain.com (設爲主網域)
image.primarydomain.com (圖檔的讀取進入點)
www.secondarydomain.com(附加網域)

我希望資料夾的儲存位置設定爲:

\public_html\primarydomain => www.primarydomain.com
\public_html\primary_image => image.primarydomain.com
\public_html\secondarydomain => www.secondarydomain.com

但一般虛擬主機上的資料夾結構卻不是這樣設定。預設主網域規定一定要放在位於 \public_html 這個資料夾的根目錄上,但卻無法自行指定儲放於該目錄內的子資料夾內 (subfolder),而至於其它的子網域/附加網域,則是可以任意指定儲放的資料夾位置。

對於多個網站/網域的資料夾結構規劃而言,這並不合適。透過服務單詢問技術客服,得到的回答卻是只能這樣作。我對這結果當然不滿意,自行透過谷歌查找相關解決方案,發現到有同樣需求的用戶其實不少。因爲可能是 cPanel 的設計問題,預設確實無法這麼做,只能透過 .htaccess 的 Redirect 設定方式,但這種方式對一般用戶稍嫌不容易,所以主機商往往不會建議也不會主動提供這種做法。

閱讀全文 »

[建站日誌] WordPress 網站移轉至糖果主機

原來網站一直託寄在「網易主機」,運作已好幾年均很正常,對其客服高效率的回覆也很滿意,每一次購買都是三年期,但年底已到期,面臨到是否續約的考量。額,主要就是價錢的問題,服務與品質雖好,但價格仍偏高,然後還有一個重要的考量,就是希望我的網站內容可以被對岸直接讀取得到,所以綜合評估,最終選擇移轉到「糖果主機 (SugarHosts)」。

我是選擇「虛擬主機 → 亞太東部 → Shared Pro」方案,搭上聖誕節優惠與一次買三年週期折扣,這樣價錢 NT$5,580,相當便宜,而且頻寬限制、網站數量、附加網域/子網域 等都很寬鬆,這點挺滿意的。

花了快一天的時間將我的網站作移轉,其實難度不高,網路爬文一堆教學,如這篇就寫得很詳細:「如何更換新的虛擬主機?8 個步驟完成 WordPress 搬家」。不過我卡在希望能對主網域 (primary domain) 能否安裝位於 \public_html 下的子資料夾問題試了許久,期間問了技術客服也未果,不過總算爬文後成功自行解決多網站資料夾的組織議題,這另篇再來分享。

後續就看運作是否正常,以及穩定度、效率 …等,若真不適合,糖果主機的 退款策略 看來還蠻清楚實在的,30天內都可以無條件退款。當然,還是不希望再尋覓其它虛擬主機商,移轉這事還是嫌麻煩的。

WordPress 自行客製化 Sidebar Widget (隨機瀏覽/最新迴響) Plugin

原來我部落格右側 Sidebar 有使用對岸開發的「WP-RecentComments」plugin 所製成的 Widget,可以採 Tab 標籤方式切換「最近迴響 (recent comments)」與「隨機文章 (random posts)」,內容展示相當具彈性且不會佔據過長的版面。可惜該作者已停止維護,如使用在最新版本的 WordPress (4.9+) 啟用後在後台會有些錯誤訊息,是還可以使用,但總覺得不太妥當。

嗯,乾脆就自行實作類似的功能來撰寫屬於自己的第一支 wordpress plugin 小插件。整整花了一天,算是採以硬寫的方式,不是那麼具有客製化的設定,但起碼確實運行幾乎與原來上述的插件功能一般。尚差在沒有提供上下頁採 AJAX 的導覽功能,那比較麻煩些,可能就留待後續版本再來補充進來。

嗯,我是打算自行使用即可,所以並沒有公佈至 WordPress 官方的 plugin 儲庫內。不過為了後續的維護便利,我給上傳至 GitHub,並命名為「wp-plugin-tabbed-content-widget」 專案。若有部落格有興趣採用或研究者,歡迎自行下載即可。

先瞧瞧啟用該 Widget 後所展現的 Screentshot 效果:

閱讀全文 »

WordPress 系統暨版面大更新 (2018/04)-Bootstrap 4 based 框架

我的 WordPress Blog 系統第一次改版是在約 7年多前,詳見 - 重新設計本站 WordPress Theme 版面

當年是從無到有自行 "硬刻" CSS Layout,也不懂得如何運用如 Bootstrap UI 框架,讓版面可以隨不同裝置而能更具有彈性的調整。不過即使這樣,最多透過一些挺好用的 Plugin 工具,倒是只單純撰寫 Blog,卻是足足有餘了。

不過今年初 (其實去年底就有這打算),我就決定採基於以 Bootstrap 4 框架來重新設計整個網站的版面。我並不打算採買一些花炫的佈景主題 (Theme),而是採以較基本的 Starter Theme,再整合包括 Bootstrap + Fontawesome 等具UI框架與豐富的圖示等當為網站建置的基礎建設。可參考先前寫的這篇:關於建構 WordPress Starter Them-整合 Underscore 與 Bootstrap/FontAwesome

我把這自行所已整合的 Starter Theme,命名為「SimplicityZen」專案,並放置於 Github,而後可以持續更新上述的套件版本,透過 Git 版本管控維護。

這算是基底佈景主題的基礎建設。我把它當成「parent theme」,然後再從其 extend child theme,這是 WordPress 官方建議的作法,好處就是客製化全在 child theme 這邊修改,而 parent theme 則可以另行維護。

因為我打算把 WordPress 首頁 (frontpage) 設計為聚合性資訊的首頁。包括個人擔任軟體顧問、講師相關的課程、產品與輔導等資訊,再整合原來 Blog 日常的內容文章,以及軟體專欄文章等,所以我必須自行利用 PHP 撰寫這個首頁的 Layout,完全是重頭開始刻寫的,著實花了不少時間。

我現在是把軟體課程與產品資訊等內容,設計為客製化的文章類型 (custom post type),並各為其再新增客製化的欄位 (custom field),這些都有賴於 WordPress 提供了非常豐富實用的 Plugin,擇選普遍評價較高,且有持續更新的來使用即可,這節省了太多功夫了。

所以現在首頁是聚合型 (aggregation)的整合資訊。至於「部落格」內容,則是點選選單列 (或單選首頁最新文章)進入;「軟體課程內容」也是透過選單列進入,可以查看年度所有課程列表,或者單一課程詳細內容資訊等。後續包括「產品資訊」、「顧問輔導」等,也都是個別獨立於選單列 (Menu, NavBar)。
Kenming's Website FrontPage

閱讀全文 »

關於建構 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」,真的比從無到有自行排版的方式簡單太多太多了。

閱讀全文 »

軟體思維顧問

專職軟體輔導與教育訓練的獨立顧問。輔導企業資訊單位如何有效組織系統開發與維護;輔導開發人員達成有效的專業分工。傳授如何把軟體作軟 (Keeping Software Soft)的技能,得以提昇系統的彈性/延展,並進而創造系統的再利用價值。

Personal