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

繼續閱讀 »

[筆記] 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. 繼續閱讀 »

關於安裝 GalliumOS @Acer Chrombook CB3-111 簡單心得註記

因為有位阿呆讀者在先前撰寫的一篇:「Acer Chromebook CB3-111 安裝 Coreboot/SeaBios (可 USB 開機)」留言,他強烈推薦 GalliumOS,針對 Chromebook 的Kernel、Driver、scheduler最佳化,更適合安裝在 Acer Chromebook11 CB3-111上。

所以昨晚花了幾個小時安裝來體驗看看。GalliumOS 有針對各類 Chromebook 上的處理器作個別的最佳化,像我的 Acer CB3-111 是 Bay Trail,所以就下載相對應的 ISO 檔。

安裝超簡單,ISO 檔寫入 USB 碟開機後進入 Live 桌面,再從其中雙擊點選安裝圖示;過程很順利,完全沒有相容性的問題。
GalliumOS@Acer Chromebook CB3-111

繼續閱讀 »

Acer CB3-111 安裝 ArchLinux – XFCE4 & 桌面美化

參考:
 o ArchWiki: Xfce
 o Thinkpad T61 安裝 ArchLinux 摘要-安裝 Xorg &mate

ArcLinux + Xfce4

  1. 安裝 Xfce 桌面環境 (已安裝完 Xorg 後)
    $ sudo pacman -S xfce4 xfce4-goodies
  2. 安裝 LightDM 登錄管理器 (顯示管理器)
    $ sudo pacman -S lightdm-gtk-greeter
    $ sudo systemctl enable lightdm.service

    Reboot.

  3. 繼續閱讀 »

Acer Chromebook CB3-111 基本安裝 ArchLinux 與初始設定

基本安裝

整個安裝方式與原來我在 Thinkpad T61 上的安裝幾乎是一樣的:Thinkpad T61 安裝 ArchLinux 摘要-基本安裝

Post Installation & Setup

參考:Arch Wiki:Chrome OS devices

  1. 顯示正常的 Grub 啟動畫面: (解決 garbled screen 問題)
    $ vim /etc/default/grub
    GRUB_TERMINAL_OUTPUT=console

    目前這是暫時的解決方案,估計可能是 baytrail 內顯晶片 Kernel 仍未完全支援的關係,除了開機啟動時有紊亂的畫面外,其它是一切正常,所以並不急著解決。

  2. 解決聲音為靜音的問題
    參考:Procedure to get sound working in Fedora 22 on ASUS C300 Chromebook

    $ sudo pacman -S alsa-utils
    $ sudo alsamixer    // Left & Right Speaker DAC Unmute (取消靜音)
  3. 安裝 Intel 顯示晶片驅動程式
    $ sudo pacman -S xf86-video-intel

    可以考慮安裝最新的 xf86-video-intel-git 版本,可能可以解決 Grub 畫面紊亂問題。

  4. 安裝 Touchpad 驅動程式 for ChromeOS
    1. 安裝 yaourt
    2. 安裝 base devel package
      $ sudo pacman -S --needed base-devel
    3. 安裝 xf86-input-cmt,可完整移植原來 Chromebook 上的觸控板操作手勢 (2/3 fingers/Tap-Drag)。
      $ yaourt xf86-input-cmt
    4. 重新開機,輸入下列指令使指定的使用者具有 Touchpad 權限。
      $ sudo usermod -a -G input username

      ** 注意當安裝 Xorg 後,需要初始 Touchpad 設定 **

      $ sudo cmt-post-install install
  5. HotKey 設定,使用 patched x-config keyboard
    $ yaourt xkeyboard-config-chromebook
  6. 時間同步
    參考 ArchLinux Wiki: Network Time Protocol daemon

    $ sudo pacman -S ntp
    $ sudo systemctl enable ntpd

    如此每次開機均會自動與 NTP Server 同步做時間校正。

  7. 字型 (Copy from original ChromeOS)
    相關設定參考 ArchLinux Wiki: Fonts
第 1 頁 / 共 248 頁123456789101112...203040...最後一頁 »