Month: January 2022

（Copyright: rawpixel / 123RF Stock Photo） 剛好前段時間陸陸續續研究了如何建立多國語系網站，對於一些中小企業官方網站來說，如果想要觸及更多可能的潛在用戶，讓網站支援更多語言或許是可行的方法。相較之下中文是複雜且困難的語言，將網站內容翻譯成英文、日文或更多語言就有機會被更多人看懂，進而帶來不同地區流量。撇開翻譯技巧及正確性不說，選擇對的工具也是很重要的，那要如何在網站套用翻譯功能呢？ Locki 是我想推薦給大家的網站翻譯服務，它不是全自動翻譯工具，如果你想要自動化機器翻譯，Google 本身就有提供免費「網站翻譯工具」可以使用（或者微軟的 Microsoft Translator），不過機器翻譯總是不像真人翻譯來得有溫度有感情，而且很常出現看得懂但不知道意思的問題。 正確來說，Locki 是一個將多國語言功能整合進網站的第三方服務，最大特色就是可以讓讀者自己提交對於網站翻譯的字詞建議，聽起來很神奇吧？管理者可以決定要加入哪些語言翻譯，其他人只要參與這個團隊即可提交你認為最適切的翻譯字串，最終由管理者決定要讓哪些字詞在多國語言版頁面中顯示。 網站名稱：Locki 網站鏈結：https://locki.io/ 使用教學 STEP 1 開啟 Locki 網站後，點選「Sign Up」註冊一個帳戶，Locki 首頁就有提供翻譯及多國語言切換功能，也是 Locki 的示範和測試範例，你可以先從右下角來切換語言試試看是不是你需要的功能。 STEP 2 註冊時填入你的使用者名稱、Email 和密碼，或者可直接使用 Facebook、Github 帳戶一鍵快速登入。 註冊帳號後，先建立一個新的專案計畫，設定你的專案名稱（網站名稱）、網址和網站使用語言，如果是繁體中文網站請選擇「Chinese（繁體）」做為你的主要語言。 STEP 3 建立好後 Locki 裡就會出現你剛才設定的網站，接著我們要加入網站要翻譯、支援的多國語言類型，假如你是繁體中文網站，想要新增一個英文語系，選擇「English」後點選「Add Language」將它加入語系列表（這裡沒有限制你可新增的語言數量）。 從 Locki 可以看到你剛才建立的網站原始語系「繁體中文」完成度為 100%，而新加入的語系因為還沒有經過任何的人工翻譯，因此進度為 0% 。 STEP 4 點選「Settings」後，取得嵌入代碼，將 Embed Code 加入你網站的所有頁面才能夠利用 Locki 進行翻譯及多國語言切換功能。如果你想把任何語系刪除，也可以從這個頁面下方功能來操作。 STEP 5 …

Locki 讓訪客幫忙翻譯網站！建立多國語言網站最簡單工具推薦 Read More »

我在許多文章裡不斷提醒大家網域名稱對於網站經營者的重要性，無論想經營一個網站、部落格，或者以網路作為主力來發展其他事業，網域名稱就如同「招牌」，你總要讓大家找得到你，網址是投入成本最低、效果最大且能維持最久的項目。我曾經寫過「在網站搬家前，你應該先註冊一個自己的網址！四個推薦的網域名稱註冊商」一文，但現在我更喜歡 Gandi.net 和 Google Domains，這幾間擁有大量客戶、舉足輕重的註冊商其實都相當可靠，價格也都在合理範圍。 如果你時常接觸網域名稱註冊的話，這些註冊商介面對你來說應該很熟悉，但從未註冊過網址的使用者可能不知道該如何進行，因此有國外團隊開發了一款號稱最簡單的網域註冊平台，盡可能將註冊及設定介面簡化，讓管理網址變得更容易上手。 Cactomain 是我接下來要推薦介紹的網域名稱註冊商，嚴格來說，它並不是一個完全免費服務，大家都知道註冊網址不是免費的（但價格不貴，依照你選擇的網域名稱後綴而定），不過在這個平台註冊使用無須額外付費，如果你先前已在其他地方註冊網址，亦能將網域名稱移轉（Transfer）到這裡。 Cactomain 將我們印象中會很複雜的網址註冊功能簡化，在價格及相關設定選項方面都很透明，因此你可以更容易找到開啟關閉自動續約（Auto-Renew）、WHOIS 資訊隱藏等功能，也不用擔心忘記付費而網址遭到凍結或刪除。比較特別的是 Cactomain 將新註冊、續用或移轉價格統一，只會依照不同的後綴訂出不同價格。 網站名稱：Cactomain 網站鏈結：https://cactomain.co/ 使用教學 STEP 1 在開始使用 Cactomain 前，我建議可以先開啟價格表，雖然 Cactomain 不是最便宜的註冊商，但它將註冊、移轉和續費價格統一，使用者只需要記得單一價格就好，其實這樣的設計更好。 從價格頁面可以找到所有 Cactomain 支援的網域名稱後綴，下圖只有列舉出其中一小部分，想知道它還支援那些網址類型可以來價格頁面查找一下。 STEP 2 點選「Sign Up」免費註冊一個帳戶吧！Cactomain 之前在封閉測試時需要邀請碼，現在已經全面對外開放，填入你的 Email、設定一組密碼就能取得帳號（註冊後別忘記到個人資料頁面完善資料，因為註冊網域名稱時會用到這些資訊）。 STEP 3 註冊後登入帳戶，Cactomain 網域名稱註冊功能設計非常簡單，輸入想要的網址，點選搜尋就能查找該網域名稱是否已被其他人註冊。 STEP 4 如果你輸入的網域名稱可以註冊，下方就會顯示註冊按鈕及金額（目前皆以美元計價）。 註冊時直接就跳到設定結帳頁面，對於資深網路使用者的我來說，還沒看過設計這麼簡便的註冊和結帳畫面！ 總而言之，你只需要設定網域名稱擁有者的聯絡資訊，選擇是否啟用 WhoIs 保護功能（預設情況下是關閉，但我會建議將它開啟），跟一般註冊商不同的是 Cactomain 的 WhoIs Privacy 功能是免費提供，開啟並不會額外增加費用，還能確保你的聯絡資訊不會被搜尋或列在網路上。 Cactomain 支援一般信用卡線上刷卡付費（Visa、MasterCard、Discover、American Express、Diners），亦能使用 PayPal 付款。 STEP 5 …

Cactomain 目標成為最簡單網域名稱註冊商，10 秒快速註冊網址教學 Read More »

對於網站經營來說，建立網站第一步通常是註冊網址（網域名稱），網域名稱的重要性對我來說就如同一個商店品牌般重要，我在舊文「在網站搬家前，你應該先註冊一個自己的網址！四個推薦的網域名稱註冊商」已有詳細介紹。不過在決定要註冊網址前，通常會考慮要使用什麼樣的網址後綴，一般註冊商可能無法提供你強大的搜尋及比價工具，因此可以藉助第三方工具。 如果你在註冊網址前想先比價，Domcomp 收錄 1800 種域名後綴價格資訊，輕鬆找到最便宜優惠的網域名稱註冊商；假如你是為品牌名稱命名苦惱，Launchaco 和 BrandHunt 都能協助你搜尋到可用的網址及社群網路帳號。 本文要介紹的 Nuage 是一款強大的網域名稱註冊服務，它能讓你在一個平台內管理所有你手邊的網域名稱，內建的搜尋功能更可以找出某個單字在各種後綴是否仍可註冊，亦能在網域名稱到期前一個月自動為你續費。 你或許會問：這些功能不是在網域名稱註冊商都能做到嗎？是的，但 Nuage 利用 API 串接將你在不同註冊商的網址通通串連在同一平台，更易於管理及續費，最令我驚艷的是 Nuage 搜尋工具遠比一般註冊商提供的來得更強大！使用者只要輸入任意名稱，即可尋找每個後綴被註冊情形，同時顯示註冊費用，一鍵就能快速取得網址。 網站名稱：Nuage 網站鏈結：https://www.nuageapp.com/ 使用教學 STEP 1 開啟 Nuage 後，點選首頁的「Sign Up」來免費註冊一個帳戶，Nuage 服務完全免費。 STEP 2 註冊後登入 Nuage，在尚未與任何你使用過的網域名稱註冊商連接前，無法在 Nuage 管理你的網址，不過如果你單純想把 Nuage 拿來做為搜尋網址的工具那倒也不錯，就不用進行下一步的 API 串接設定。 Nuage 目前支援許多常用、常見的網域名稱註冊商，包括 Ovh、Gandi、Godaddy、Namecheap、Hover、Enom、Iwantmyname、Name.com 等等，不過不是每一個都可以連結就是，有部分還在持續開發當中。Nuage 連接方式是採用 API 串接，不會取得使用者的原有帳戶密碼，但可以進行管理或續費等項目。 如果你想尋找更多網域名稱註冊商，以下是我推薦及介紹過的項目： 在 Gandi.net 註冊網域名稱教學，含免費信箱、SSL 憑證及 WHOIS 隱藏 在 Google Domains …

Nuage 在一個平台上管理所有網域名稱！強大搜尋工具查找可用網址後綴 Read More »

現今已經很少人會把網頁內容列印出來，PDF 表格表單大多能在線上處理，再加上家裡可能也不太放印表機，其實超商就能列印影印傳真，實在是沒有必要再添購一台機器放家裡佔空間。但對網頁設計者來說，有時候仍得兼顧到使用者列印內文的需求，但要怎麼樣才能讓列印出來的畫面符合使用者期待呢？至少列印時該出現的部分要出現，不該出現的廣告也盡量避免，顏色什麼的調整一下，其實可以透過 CSS 樣式來最佳化列印效果。 如果你有注意到，很多網站在 CSS 部分會在不同情境套用不同樣式、排版，例如螢幕看到的效果可能跟列印出來的不同，假如你有一個深色背景網站且內容時常會需要被列印出來，你不會希望使用者印出來的內容是一大片黑色，這時候就能寫一個用於列印時呈現的 CSS。 不想浪費太多時間寫自己網站的列印 CSS 樣式，其實網路上也有「典範」讓網頁開發者免費下載、使用，本文介紹的「Gutenberg」就是一款開放原始碼專案，名稱也是大有來頭。古騰堡是第一位發明活字印刷術的歐洲人，最著名的成就「古騰堡聖經」至今仍是美學及排版典範，這個計畫就是以他為名。 Gutenberg 原理很簡單，只要把 CSS 下載、上傳到你的網頁伺服器，加上一段原始碼後就能套用；若你對 CSS 已經很熟悉，還可以直接改寫一下，放入自己的 CSS 樣式表。或者你也能直接取用網站提供的 CDN 路徑，為自己網站、部落格加入一個更易於列印的樣式。 網站名稱：Gutenberg 網站鏈結：https://github.com/BafS/Gutenberg 使用教學 STEP 1 開啟 Gutenberg 網站後，從「How to use」找到使用方法。 簡單來說，只要從 GitHub 專案頁面將 gutenberg.css 檔案下載下來，上傳至網頁伺服器，最後修改一下網頁原始碼將 CSS 語法加入即可使用。此外，在 dist 資料夾內還能找到不同配色的佈景主題。 如果你覺得要自己上傳 CSS 樣式表很麻煩，或者你使用 BSP（部落格服務提供商）無法自己托管檔案，只要使用網站提供的語法（已將樣式表托管於 CDN 服務）一樣能享受 Gutenberg 的美妙。這個方法相對來說就更簡單一些，而且不會對原有的網頁樣式造成任何影響。 STEP 2 專案提供 Gutenberg demo 也就是示範頁面，有兩種樣式：Modern style、Old …

Gutenberg 開放原始碼網頁列印樣式下載，讓輸出網頁更正確美觀 Read More »

現代人因為長時間接觸電腦、智慧型手機或平板電腦，這幾年開始流行起抗藍光眼鏡，號稱可以濾掉光線中能量較高的藍光，減少長期暴露於藍光下對眼睛造成的傷害。其實較好的作法是改善使用者的使用習慣，例如不在光線昏暗的環境使用帶有高亮度螢幕的產品，或是眼睛使用一段時間後記得休息，如果你因為工作而不得不長時間盯著電腦螢幕，也可以利用 F.lux 來幫你自動調整螢幕亮度，減少對眼睛造成的損害。 一般來說，電腦螢幕擁有極高的亮度，雖然在白天看起來沒什麼問題，但到了夜晚，它可能就會對你造成影響，例如在長時間的強光照射下會影響到人的內分泌，甚至讓你在夜晚變得難以入眠，產生失眠等睡眠障礙。當你在夜晚，室內亮度不足時，螢幕的藍光也會使你的眼睛感覺不適。 我在幾年前曾經介紹過 F.lux 這套軟體，它可以依照使用者設定的所在位置，找出每天的日出、日落時間，分析該時間點的光照強度，藉此來自動調整電腦螢幕亮度，讓它更接近於你周遭環境的色彩，以便在白天、夜晚都能獲得良好舒適的瀏覽環境。 最近我又開始使用 F.lux 了，並將它安裝於我的 iPhone 手機，F.lux 可以在 Windows、Mac、Linux 作業系統免費下載、使用，另外也能用於 iPhone、iPad（但需要 jb 越獄），有興趣的朋友不妨看看本文的介紹，裝上 F.lux 來照顧一下你的眼睛吧！ 軟體資訊 軟體名稱：F.lux 軟體語系：英文 作業系統：Windows、Mac、Linux 官方網站：https://justgetflux.com/ 軟體下載：Windows 版 | Mac 版 | Linux 版 使用教學 將 F.lux 下載後安裝，跟一般軟體安裝方式差不多，如果是 Mac 使用者只需要下載、解壓縮，將 F.lux 拖曳到應用程式資料夾即可使用。 安裝後 F.lux 會常駐於系統工具列，將它開啟後點選 Settings 進行設定。 因為 F.lux 預設的夜間亮度有點暗黃，看起來反而會覺得螢幕亮度不夠，建議可以把 Daytime 調整為 6500K（最亮），將夜間亮度 At Night 調整為 …

F.lux 根據時間自動調整螢幕亮度和色彩，降低藍光對眼睛造成的傷害 Read More »