網頁設計

設定時區為台北，並以特定格式輸出當前日期時間。程式碼使用PHP的date函數，可產生如「20240101 235959」的時間序列字串。

將此程式碼貼至footer.php即可啟用圖片放大功能。透過抓取WordPress文章中圖片的srcset屬性，在點擊時顯示於Bootstrap彈出視窗中，實現圖片放大效果。程式碼包含必要的HTML結構和jQuery事件處理。

在文章編輯頁面新增Custom Post Options區塊，包含顯示修改日期選項和私人筆記欄位。透過add_meta_box函式建立meta box，並使用callback函式定義內容。最後以save_post hook儲存輸入的資料。

這段程式碼示範如何在WordPress使用者資料中新增生日欄位。透過鉤子函式，在使用者資料頁面加入生日輸入框，並提供儲存功能。開發者可輕鬆擴充使用者資料，增加客製化資訊。

在WordPress中客製化特定文章的佈景主題，只需將程式碼加入function.php，並複製single.php為single-{文章ID}.php。文章ID可從編輯頁面網址中的post參數取得。

網頁設計中常用專有名詞解釋。主機、網域、網頁檔案架構如同電腦資料夾。資料庫類似Excel，存於主機。靜態網頁內容固定，動態網頁可從資料庫抓取資料。HTML構成網頁內容，PHP用於動態網頁。CSS負責美化外觀。

WordPress分為WordPress.org和WordPress.com兩種。WordPress.org是免費開放的網頁系統，需自行架設主機。WordPress.com則是提供架站服務的商業平台。

WordPress強大之處在於:

1. 豐富的佈景主題，可輕鬆更換網站外觀

2. 多樣化的外掛，擴充功能簡單方便

3. 高度客製化彈性，可依需求修改

新手可從以下步驟開始學習:

1. 加入Facebook社團尋求協助
2. 實際安裝WordPress練習操作
3. 嘗試修改佈景主題
4. 了解資料

SiteGround主機商停止在台灣等國家的服務，但現有用戶可繼續使用至合約結束。收到主機CPU使用率過高的警告信，可能是人為操作、系統問題或遭受攻擊所致。建議安裝Heartbeat控制外掛來解決ajax佔用資源的問題。