與網頁設計相關的文章,包括最新趨勢、實用 CSS、網頁寄存空間、WordPress 實作等
【一週科技新聞】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網上工具,相信可省下各位不少時間。