分類
wordpress

使用Enlighter於TwentyTwenty Theme的對齊問題

使用 Enlighter 用來做在 WordPress 中顯示程式碼的高亮語法十分方便好用. 不過在 TwentyTwenty Theme 中, 會靠到最左側, 導致閱讀不順利, 檢查一下是 css margin 的問題.

不過在 Enlighter plugin 有回報與解法:

https://github.com/EnlighterJS/documentation/blob/master/wordpress/WPThemeCompatibility.md

只需要自訂 css 中增加:

.enlighter-default{
    margin: 0 auto 1.25em auto;
}

就可以了!

PS. 若在 multi-site環境下的 wordpress , 另外需要這個 plugin 來達成 custom css (附加css) 的功能: https://wordpress.org/plugins/multisite-custom-css/

分類
好用軟體

檢查網站用什麼CMS系統- whatcms.org

有時候看到一個不錯的網站, 想要了解使用的框架或架構, 或是什麼 CMS 系統, 可以簡單輸入網址到這個服務:

Detect which CMS a site is using – What CMS?

https://whatcms.org/

像是白宮 – https://whatcms.org/?s=www.whitehouse.gov 就是用有名的 CMS – wordpress.

另外像是行政院下的紓困 1988 與振興券服務網, 也是用 wordpress: https://whatcms.org/?s=1988.taiwan.gov.tw

雖然不見得所有的內容網都可以偵測出來, 因為有些是自行開發的, 或是未收納在 whatcms.org 下, 不過也可以了解執行環境與程式語言和 web server , 十分方便.

另外以 wordpress 架站軟體為例, 還有一些工具能測試是什麼佈景主題(theme)或有什麼 plugin等, 如:

https://www.wpthemedetector.com/
https://scanwp.net/
https://whatwpthemeisthat.com/
https://wpdetector.com/

對於架設 CMS 有與趣的朋友們可以參考.

分類
好用軟體

Firefox實用的佈景主題(縮小工具列)

在現在大螢幕的顯示器上似乎不是問題. 不過在小小NOTEBOOK上, Firefox 上面落落長的工具列(Toolbar)可就是很佔用可視空間的殺手咧.

這個Add-On名稱為Classic Compact, 其實直接看了就明白了, 很單純的目的, 就是把你的上面工具列(還包含了menu選單及分頁的頁籤, 就是FIRE上面整個能縮的都縮了)縮小, 節省的空間還蠻驚人的, 我們來比較看看, 使用前共高190px, 使用後共142px, 如下:

看起來真的節省不少高度上的空間, 尤其對於NOTEBOOK來說, 桌面大小是很侷限的狀況下, 能有效利用桌面的空間, 相對是很重要的, 這個Add-on相當值得使用!

官方網址: https://addons.mozilla.org/en-US/firefox/addon/3699

給大家參考看看囉!

PS. 不過對於使用Firebug的用家們提醒一下, 在下方的Firebug console是不會有任何變化的, 也不會變小!!