網頁製作

【一週科技新聞】26/5 – 1/6/2019：Flipboard 遭入侵、WordPress 外掛 WP Live Chat Support 漏洞

今個星期有兩宗網絡安全事故或許需要大家注意。第一是網站訂閱服務 Flipboard 之資料庫遭入侵，導致數用戶密碼需重置；另外，WordPress 外掛 WP Live Chat Support 早前亦有漏洞遭人利用，會將訪客轉址到惡意網站。

無障礙網頁助有需要人士融入社區 – 但該怎樣設計？

縱使我們設計網頁時經常強調「用戶體驗」，但照顧傷健人士的「無障礙網頁」似乎仍不是大多數設計師的一大考量。一年一度的「無障礙網頁嘉許計劃」已在一月由香港互聯網註冊管理有限公司（HKIRC）舉辦，並首次將涵蓋範圍擴展至手機網頁及應用程式。

勿再騙點擊！Chrome 71 將封鎖具「濫用行為」的網站廣告

早在本年初 Google Chrome 已增設功能阻擋具入侵性的廣告（intrusive ads）展示，而在 Chrome 71 起，但凡網站具有濫用行為，包括偽造訊息、誤導點擊、自動重新導向等，其廣告都會予以封鎖，站長們在網賺時要注意了。

【WordPress SEO 教學】 Yoast 綠燈以外，你更要知道關鍵字的規劃方法

提到 WordPress SEO，不少人都會想起大名鼎鼎的 Yoast SEO 外掛，但外掛只是輔助，最重要的還是要有 SEO 的思維，不然就算按照坊間的 Yoast 教學，所得的成效亦非常有限。

WordPress 修改文章字型、字體大小更方便！一段 PHP 程式碼啟動隱藏工具列

預設的 WordPress 文章編輯界面只有兩行工具列，當中並不包括變更字型和字體大小的選項，但其實只要在 functions.php 中加入一段程式碼，就能顯示第三組工具列，更方便地編輯文章。

教學 / WordPress SEO 外掛！All in One SEO Pack 十大設定全面了解

如何才能讓你的網站在 Google 搜尋中脫穎而出？除了有優質的內容之外，SEO（搜尋引擎優化）亦很重要。假如你是用 WordPress 搭建網站，就應該安裝 SEO 的外掛強化網站功能。

功能再強化！Adobe XD 將於本年開放平台讓開發者製作外掛程式

不少應用程式均可安裝外掛增強功能，而 UI/ UX 設計工具 Adobe XD CC 亦會在將來開放平台，讓用戶運用 Adobe 生態系統及由夥伴建立的外掛程式，個人化其工具。程式開發者現可利用 Adobe XD 的 API 為 Adobe XD 增加新功能、自動化流程，將 XD 連接至設計師們日常使用的工具及服務。

教學 / WordPress 必裝外掛！Jetpack 4 大功能助網站脫胎換骨

若問哪些 WordPress 外掛是必備的話，JetPack 絕對是其中之一。這個由 Wordpress.com 團隊開發、已錄得逾 100 萬以上安裝的外掛，到底有甚麼功能呢？

【教學】免費中文字型！用 Adobe Typekit 為網站載入思源宋體和思源黑體

隨著 CSS3 面世，網站現可用 @fonts 自訂字體。不過中文網站可用的免費自訂字體並不多，除了 Google Fonts 之外，Adobe 的思源黑體和思源宋體亦是熱門選擇。不過網站要怎樣才能用到該兩款字型呢，除了把字型檔上載至伺服器外，其實還可以用 Adobe Typekit 直接套用。

WordPress SEO：停止搜尋引擎檢索附件頁面以提升網站排名

在 WordPress 上傳圖片時，WordPress 都會自動產生一個附件頁面（Attachment Page），如果任由 Google 檢索，有機會會拖低網頁的排名。所以我們應利用 WordPress 外掛插件，為該些網頁採用 noindex。

【教學】使用 Advanced Ads 外掛在 WordPress 網站展示 Adsense 廣告

WordPress 網站怎樣透過 Google Adsense 進行賺取收益？其實只要透過 WordPress 外掛 Advanced Ads，再加上 Adsense 自動廣告，便能方便地在網站插入廣告！

UI/UX 設計平台 Adobe XD 增設 Start Plan　用戶可免費使用！

較早前 Adobe 宣布推出 UI/UX 設計平台 XD，而現在 Adobe 宣佈為該服務推出起步計劃 (Adobe XD Starter plan)，供用戶免費使用，涵蓋 Mac 及 Windows 版 Adobe XD、iOS 及 Android 版流動應用程式。此外，Adobe 亦宣佈投入一千萬美元成立設計投資基金，推動體驗設計創新。

[免費]利用Socicon Generator 快速產生Facebook、YouTube等社交媒體標誌！

隨著社交網站興起，愈來愈多網頁加入社交網站的標誌，讓訪客前往他們的Facebook 專頁。然而怎樣才可快速地產生一款適合網站主題的標誌？其實網上有不少標誌產生器。

[RWD網站開發適用]Google 推出 Resizer 助開發者測試回應式網站

回應式網頁設計（Responsive Web Design）已成為當今網頁設計趨勢，但這樣會對設計師造成更多負擔，因為RWD起碼有3個break point，要測試網頁在三種大小之下能否正常顯示需要額外的時間。但Google 推出了Resizer網上工具，相信可省下各位不少時間。