內容大綱
第三天課程大綱
🎊 課後彩蛋 🎊
加入社團討論
課程中使用的工具
0.第三天的課程開始囉！
哈囉！歡迎來到五天自學衝刺班形象篇第三天的課程！只要再撐一個小時，上完今天的課程，最重要的基礎就差不多上完了！明天再改一下 Logo 等等，幾乎就可以開始運作了喔！加油加油！
1. 如何編輯主選單？
要先建立內容與分類，才能把他們加到選單中喔！
重要觀念＋操作示範 15’32”
- 到網站後台的 外觀 > 選單
- 編輯現有的選單 或 新增一個選單
- 從左邊選擇勾選你想加到選單的項目，點選新增至選單
- 右邊可以改項目的標籤，或上下拖拉順序
- 下方記得勾選選單要出現的位置
- 儲存選單就可以囉！
3. 如何編輯服務項目的頁面與修改元素樣式？
Elementor 讓不懂程式的人，也能輕鬆掌握每個設計細節！
跟著影片操作就可以了喔！ 8’47”
- 點選每個元素，從左邊「樣式」處，通常可以編輯該元素的樣式，像是文字排版 (Typography：包含字體、文字大小、文字行距等）、文字顏色、線條顏色粗細、背景顏色或圖片、圓角程度、圖示顏色、圖示大小等等
4. 如何編輯關於我們＆調整行動版樣式？
Elementor 讓網頁在手機上與平板上都能完美呈現！
跟著影片操作就可以了喔！ 5’07”
- 點選左下角的「響應模式」圖是，即可啟用響應模式的預覽
- 再透過切換 Desktop（桌機）、平板、手機三個圖示，來預覽三種螢幕尺寸
- 可針對該螢幕尺寸，來設定指定的文字大小、間距等等（請參考影片）。
6. 如何編輯聯絡我們與輕鬆插入地圖
只要五分鐘，輕鬆崁入 Google 地圖喔！
跟著影片操作就可以了喔！ 5’52”
7. 如何編輯部落格與使用Elementor元素的右鍵
在段、欄位、元素上點右鍵，會發現很多好用功能喔！
跟著影片操作就可以了喔！ 8’27”
- 選取每個段、欄位、元素時，點擊右鍵會看到一排工具，可以用來複製該項目、複製該項目的樣式、刪除該項目的等等。
8. 如何匯入更多的版型來加速完成網站！
Elementor Pro 和 Soledad 都有提供更多的版型喔！
跟著影片操作就可以了喔！ 11’36”
- 新增一個段
- 點選 Elementor 新增版型圖示或 Penci Templates 圖示
- 找到自己想使用的區塊或頁面
- 點選插入或 Insert 連結，就可以匯入囉！
- Elementor 版型中，有標註 Pro 的，是需要付費升級到 Elementor Pro 專業版才可以使用的喔！
9. 如何使用選單錨點來做一頁式網站？
雖然不是必學的項目，但是是個很受歡迎的功能，帶路姬就特別教一下囉！
跟著影片操作就可以了喔！ 12’13”
- 在頁面中想要製造停留點的上方，新增一個「選單錨點」元素，並且指定一個獨特的 ID名稱。
- 編輯選單項目或頁面中的連結（看你要從哪裡連到剛剛設定的錨點），在連結處，填入 #你設定的ID
- 如果連結目標和你正在設定的連結處於不同頁面上，連結處則要先輸入連結目標的網址，再接 #你設定的ID
歡迎分享課程
歡迎贊助帶路姬
以關鍵字搜尋
AvadaBBBlack FridayBluehostBrevoCloudwaysDigitalOceanElastic EmailElementorFluentSMTPGeneratePressGoogle CaptchaGoogle排名LinodeNamecheapRWDSEOSiteGroundSite MapStagingSucuriToolsetWordCampWordfenceWordPressWordPress活動WP ResetXuiteYellowPencil主機推薦五天自學衝刺班五天自學衝刺班後品牌形象報稅寫作技巧工具推薦帶路姬的作品換主題教學影片書籍推薦移轉網域網址網域網紅網路創業衝刺班系列部落客隨意窩電子報黑色星期五
© WordPress 網站帶路姬 2018~2026 版權所有 | 本站使用 Soledad主題 + Elementor Pro 編輯器 | 推薦使用 Cloudways主機