新手架設 WordPress網站|Cloudways主機
Wordpress, 綜合資訊, 網頁開發
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的感覺,上面會有一排工具讓你使用。
後者的話,則是會以區塊的方式,藉由拖移元件來編輯新增內容段落的方式來創作文章。
兩者都各有特色,每個人的使用習慣都不同。
我自己是比較習慣使用傳統編輯器。
在傳統編輯器底下,能夠使用的功能就會有限,因此可以透過安裝…
WordPress外掛 自動目錄產生器 LuckyWP Table of Contents
網頁開發
安裝 LuckyWP Table of Contents
外掛 > 安裝外掛 > 搜尋 LuckyWP Table of Contents
安裝好後,該外掛會出現在後台中的【設定→內容目錄】可以看到以下畫面
…
【WordPress】傳統編輯器Classic Editor
網頁開發, 資訊工程Classic Editor (傳統編輯器) 是一款由 WordPress 團隊維護的官方外掛,這個外掛能將 WordPress 的編輯器及編輯內容的畫面還原為舊版。使用這個外掛還能擴充舊式編輯文章畫面、加入舊式中繼資料區塊,或其他需要舊版編輯器的功能。
Classic…
【網頁開發】VScode快速鍵
網頁開發, 資訊工程
VSCode Hot key
鍵盤快捷鍵查詢
Ctrl + K Ctrl + S
帶入預設格式
! + tab
自動帶入tag
h1+tab
開啟終端機
ctrl + `
剪下目前游標的位置 (一整行)
ctrl…
【網頁開發】VScode安裝
網頁開發, 資訊工程
VScode下載連結
https://code.visualstudio.com/docs/?dv=win
VScode擴充功能
Visual Studio Keymap,使用visual studio 取代原本的快捷鍵
Path Intellisense,協助處理路徑的套件
VScode…
【網頁開發】HTML 重點知識
網頁開發
HTML 縮寫
Hyper Text Markup Language
多數的tag會成雙成對
HTML 的基本結構
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This…
如何用 WordPress 寫出一篇「好看」的文章
Wordpress, 網路科技, 網頁開發一篇文章是否好看,無非在於兩方面:
第一個就是文章本身的內容,另一個就是文章顯示的排版佈局。
文章編寫基礎知識
在後台編寫文章通常使用可視化的編輯器,你看到的排版佈局就是比較具體的效果,但實際上數據是用…