網頁開發彙整

新手架設 WordPress網站｜Cloudways主機

Cloudways進入Wordpress後台進入Cloudways主機後點選Applications 找到自己要開啟後台的網站，設定Wordpress後台登入密碼，點選進入Wordpress後台。更改後台界面語言進入後台第一件事：更改界面語言。「Setting」→…

JavaScript 2D打磚塊程式開發

網頁開發, 資訊工程

1.建立Canvas&畫圖請於head內加入以下CSS <style> canvas { background: #eee; display: block; margin: 0 auto; } </style> 並於於Body內加入以下程式碼 <canvas…

WordPress 文章中的文字增加行高提升易讀性

綜合資訊, 網路科技, 網頁開發

網站設計中，文字是最常用的元素之一，文字易讀性非常重要，我們都希望頁面更加清晰易讀，「顏色」在文字易讀性中起到了至關重要的作用。文字和背景顏色有一個“對比度”，就有如街上的通標誌一樣，大多…

WordPress外掛 WP Chinese Conversion中文簡繁轉換

綜合資訊, 網頁開發

WP Chinese Conversion 這個外掛專為中文網站設計,，提供完整的基於服務器端的中文繁簡轉換解決方案。相比用Javascript進行客戶端繁簡轉換, 本外掛提供的轉換功能更為專業和可靠。支援六種中文語言：簡體中文(zh-hans)、繁體中文(zh-hant)…

【網頁開發】CSS 重點知識（二）

網路科技, 網頁開發

CSS 組合器 Combinators Selector的方法 https://www.w3schools.com/cssref/trysel.asp div p//選擇div下面所有的p(不論p被包在第幾層)，選擇的範圍較多 div > p//div下面的子元素p，選擇的範圍較少 ul…

【網頁開發】CSS 重點知識（一）

網路科技, 網頁開發

CSS Introduction CSS全名 Cascading Style Sheets CSS定義描述HTML元素是如何被呈現的,是一種階層式的樣式表 CSS功用方便更改整個文件的格式，可以隨時調整文件樣式。 CSS…

WordPress 外掛 Advanced Editor Tools

網路科技, 網頁開發, 資訊工程

開始之前，確認你的編輯器模式 Wordpress的編輯區，風格目前有兩種：一種是傳統編輯器Classic Editor，另一種是新式的區塊編輯器Block Editor。前者用起來很像在用word的感覺，上面會有一排工具讓你使用。後者的話，則是會以區塊的方式，藉由拖移元件來編輯新增內容段落的方式來創作文章。兩者都各有特色，每個人的使用習慣都不同。我自己是比較習慣使用傳統編輯器。在傳統編輯器底下，能夠使用的功能就會有限，因此可以透過安裝…