標籤: 網站工具

設定 Jetpack 網站加速器的圖片壓縮畫質教學(Photon CDN)

最近使用了 Piio 的 Image Speed Test 工具,也提到我正在研究一項適合免費資源網路社群的圖片壓縮功能,一直以來我都是使用 Cloudflare(本身除了加速分流也有圖片最佳化功能),另外我也相當推薦 WordPress 架站的站長使用 Jetpack 的網站加速器(以前叫做 Photon CDN),都能有效提升網站載入效能。當然你也可以將每張圖片都下載回來以圖片壓縮工具進行處理,但對有數萬甚至數十萬張圖片的網站來說實在是個大工程,也不建議這麼做。

Read More

Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學

六年前寫過一篇「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」,後來這項功能成為 Jetpack 網站加速器(Site Accelerator)一部分,另一個加速器功能是 Asset CDN,和圖片 CDN 差別在於一個是針對圖片進行分流,Asset CDN 是加速 WordPress 靜態檔案,例如 CSS 和 JavaScript,兩個功能都很有用,當然也可依照自己的需求開啟。

Read More

Ko-fi 建立個人付費贊助頁面,連接 PayPal 或 Stripe 小額付款

如果要經營內容網站或影音平台,應該都會研究一下營利方式,比較常見是透過廣告、以流量賺取收益,若是忠實粉絲較多,有些人也會採用「訂閱制」提供付費群眾特定內容。另一種國外較流行的方式是放上捐款(Donate)按鈕,讓任何人都可以線上贊助,不過通常收益較不穩定,也有聽過好幾年收不到幾次斗內的狀況。若你不是以營利為目的,只是想要讓大家有機會以付費行動支持你的話,之前介紹的「ECPay 提供實況主收款工具,開放贊助可整合信用卡、ATM 和超商付款」是很容易操作上手的服務。

Read More

Better Uptime 監測網站運作情形,無法連線時撥打電話或簡訊通知

自架站的網站站長最不想遇到的應該是網站發生問題,最常遇到的除了自己改網站沒改好、導致無法正常開啟,其次就是主機異常,通常主機公司都會使用監控工具查看有沒有發生問題,以便能在最短時間處理。但如果你是使用 VPS 或獨立主機就必須自行監測,我們介紹過不少網站監控服務,想省錢的話也有很多免費的選項可以選擇,付費與否主要差在監測間隔長短、監測節點和通知方式不同。

Read More

PrintFriendly 讓網頁適合列印或轉 PDF,移除側邊欄或廣告更省紙張墨水

如果你在工作上會時常需要將網頁列印出來,或是轉為 PDF 格式保存,可能會發現一般網頁列印效果很差,而且可能會帶入許多不必要的資訊(例如導覽列、廣告或其他功能),無形中耗費許多紙張和墨水。比較好的作法是先用瀏覽器的閱讀模式,僅保留最重要的部分,再將內容輸出會好很多;若你想要維持看到的網頁樣式,亦可利用瀏覽器的「開發人員工具」先手動移除不必要的部分,就能讓列印的範圍縮小,也能減少不必要的浪費。

Read More

Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換

前段時間在研究網站圖示(Favicon)如何正確運作,對有在經營網站的站長來說一定知道在網站加入識別圖案的重要性,一般來說,加入網站圖示的作法並不困難,甚至很多網站會說只要一段原始碼就能做到,但現在因為有行動裝置作業系統,也要考量到網站被新增到桌面時會用到不同圖示尺寸,因此就必須額外準備各種不同尺寸大小的網站圖示。

Read More

Image Speed Test 分析你的網頁內容,提供加速及圖片最佳化建議

最近在研究免費資源網路社群的網站成效表現,才發現圖片容量太大、對於網頁載入速度造成一定程度的影響,事實上對一般內容網站來說可能不會非常要求圖片品質,例如文章裡搭配文字說明所使用的畫面擷圖也不用過度清晰,利用圖片壓縮工具先處理一下,即使是無損壓縮(Lossless)也能讓容量降低不少。若你是使用 WordPress 架站,官方提供的 Jetpack 外掛就有內建免費的圖片 CDN(Photon CDN)功能,開啟後就能自動壓縮圖片,以內容傳遞網路技術讓載入速度更快,也更節省主機流量。

Read More

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

Read More

Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示

最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示,也就是大家都知道的 Favicon(Favorites icon),這個小小圖示代表一個網站,經常會顯示於瀏覽器標籤列或書籤,有些時候當網網頁打開太多,標題無法全部顯示於標籤列,我們就會很習慣透過網站圖示來判斷是不是自己需要的網頁。前段時間 Google 搜尋調整結果呈現的樣式,在網站標題旁邊加上圖示,因此好好設定一下自己的網站圖示格外重要(雖然後來這個設計被很多網友抗議 Google 決定要重新研議)。

Read More

tiiny.host 超簡單免費靜態網站空間,打包上傳 HTML 網頁檔輕鬆架站

現在時下主流的虛擬主機型態多以支援 PHP 加上 MySQL 資料庫為主,也因為很多架站程式都必須使用這兩項技術,像是知名的 WordPress,如果你要單純建立個人網站,大家會推薦你直接使用 WordPress 更易於更新或管理內容。若沒有技術基礎但又很想要弄個網站,還有像是 Weebly、Wix.com 和 Squarespace 所見即所得建站服務,可以利用拖曳方式快速將內容組合起來,變成一個看起來專業的網頁。

Read More

Easy Updates Manager 自訂 WordPress 更新關閉特定外掛、佈景主題通知

從很早開始 WordPress 就有內建自動更新功能,主要是針對核心主程式進行升級,大版本的更新會加入新功能,小版本則多半著重於修補錯誤或安全問題,後來在佈景主題、外掛和翻譯語系檔也會偵測是否有新版本,還能透過 Jetpack 開啟外掛的自動更新功能。對於自架網站來說,如果沒有特別原因盡可能保持最新版本是最好的狀態,也可以兼顧效能和安全性,要不要將自動更新打開就見仁見智,至少要進行每次 WordPress 釋出的更新修復。

Read More

以 Google 雲端硬碟將 Office 文件發布到網路,免下載也可嵌入網頁瀏覽

經常在公家機關、學校的網站公告上看到這種狀況,使用者必須手動下載檔案、開啟後才能查看公告,例如很常見的 Word 文件或 Excel 試算表等等,這也表示電腦要先安裝 Office,下載看完後還要手動刪除,實在是多此一舉。比較好的作法是先轉 PDF 就能直接在瀏覽器打開,也可避免遇到格式樣式跑掉的問題(將 Office 文件直接貼到網頁上還是容易有問題)。有沒有更好的解決方案讓使用者直接從網頁上瀏覽 Office 文件呢?

Read More
Loading