WordPress（開源建站系統）
相關知識
環境快速搭建：（docker-compose搭建）
鏈接：https://docs.docker.com/samples/wordpress/#define-the-project
官網鏈接：https://cn.wordpress.org/plugins/
案例一：建立公司網站 來源：https://www.bilibili.com/video/BV1Ut4y1C7Vy 1 設置 （修改語言等基礎信息） 2 固定鏈接 （文章名表示url） 3 插件 經典編輯器 meta slider（首頁幻燈片） Simple Lightbox（新窗口打開圖片） Contact Form 7 （聯系表單插件） Social Media Widget（社交媒體插件） 4 儀表盤 更新插件 5 外觀 主題：vantage 6 頁面 新鍵頁面 7設置 閱讀（文章頁-網站新聞） 8 新建頁面 添加媒體-->上傳圖片-->相冊-->創建相冊-->full width page(拉開間距) 9 地圖添加 谷歌地圖-->分享-->嵌入地圖(復制html) 頁面-->文本-->復制（更改 width="100%"） 10 菜單 外觀--->菜單（拖動排序） 11 圖片像素調節 MetaSlider--調節寬度與高度的像素 12 外觀-->自定義 Theme Settings-->修改圖標與文字 Theme Design-->Menu,Widgets(修改菜單欄顏色,圓環背景顏色) 13 實時編輯器 修改板塊信息與url 14 文章中添加超鏈接 15 編輯主頁 復制行（添加不同的板塊）--> 添加小工具（文本框） 編輯（加入圖片，or 視頻） 插入文本 ，圖片 16 社交媒體（腳注） 外觀-->小工具--Footer(Social Media Widget) Social Media Widget 17 側邊欄處理 外觀-->小工具--SideBar
案例二：設計Wordpress網站 鏈接：https://www.bilibili.com/video/BV1az4y1d7Ai 准備： 1 外觀 ：主題-Astra 2 插件 Elementor Website Builder （網頁生成器） 制作流程： 1 模板制作 外觀-astra選項-查看模板庫-Elemmentor-選擇模板-import complete site-view site 2 修改相關參數（logo-footer等等） 使用：點擊自定義（使用技巧-移動到想要修改的地方，點擊） 參數：站點圖標（site identity），頁面logo(頁眉生成器) 3 頁面編輯（文字，圖片的修改等） 使用：使用Elementor編輯 3.1文字修改，背景圖片更換（最上方編輯段-樣式） 3.2圖標顏色更改與批量修改（點擊圖標-樣式修改，右鍵可以復制樣式） 4 編輯的其他方式（技巧） 使用：使用Elementor編輯 左下角點擊 導航器（段和欄的編輯） 5 模塊的導入與使用 添加段后 3種方式使用（導入網頁和模板，第三種最好用） 點擊文字（高級設置-外距的使用） 6導航條的設置 外觀-菜單 6.1選擇要編輯的菜單-編輯 6.2 新建菜單 頁面-新建頁面-->回到菜單-頁面-添加到菜單 7 修改頁腳（版權聲明等） 自定義-頁腳生成器 8 素材站點 https://pixabay.com/zh/ https://unsplash.dogedoge.com/
案例三 ：設計自己網站（全面） 來源：https://www.bilibili.com/video/BV1ih411C7jk 流程： 1 購買服務器 2 設計網站 3 關聯域名，准備上線