iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

真,從零建置個人網站 30 天領域展開系列 第 20

【領域展開 20 式】 Menu 修煉失敗紀錄手冊

  • 分享至 

  • xImage
  •  

更動 Menu 大作戰

【領域展開 13 式】 有了骨頭與皮膚,再搞清楚主要肌群 Menu 層級與操作 之後就沒有再碰 Menu 了,今天想說要想像中的網站架構擺到網頁上,但是比想像中的難

今天可能是紀錄失敗的過程/images/emoticon/emoticon02.gif

大家好,我是 Jade Chang
Statistic Information 畢業,入職場後於外商從事軟體技術行銷,長期規劃各種線上線下活動像是直播節目/帶狀線上教學,後期負責學生實習計畫與大專院校 Talent Cultivation 與技術社群行銷 Program 為主,過去一年轉任於台灣本土軟體開發商 PM,周旋於客戶、工程師與設計師之間並短期投身新創事業,近期轉換於新竹半導體產業,還在體驗適應中。


首先,預計從範本中的 Menu 直接做調整

沒錯,本來打算直接利用當初選擇 Simple blog 給的 demo data 直接把範本的文字改成我要的 menu 名稱,但是遇到 2 個困難:

  • 範本提供的是最多種頁面,因為要展示給使用者看,所以光是 Primary menu 就有 7 個分類以及第二層的選單有 3-4 欄,每欄 9 個選項,結論會是..根本刪不完跟改不完
  • 舉大分類的 Home 來說,第二層是 Home#1 但是因為不需要 Home#1 以下的超多選項,所以想說編輯 Home#1 把裡面的的 # 刪除掉就會把 Home#1 以下的選單都隱藏掉,結果就是失敗..沒有把第三層的選項隱藏掉

再來,從 WordPress 後台從零開始做 Menu

位置:appearance > menu > edit menu
從 page 的分類裡面拉跟我自己網站架構比較相像的 sample 頁面,所以先拉了HomeContect meAbout me,拉完這三個分類之後發現問題

  • WordPress 後台的 menu 操作是純拖拉式去排階層,會發現只有名稱的純文字去做頁面樣式的猜測,也沒辦法從後台的選單點看頁面模板長什麼樣子..
  • 再來從後台的 menu 看,也可以抓 post 的文章單篇單篇拖到想要去的分類之下,所以 WordPress 後台做 menu 可能比較建議有文章、有文章分類、有選單分類後再把 menu 框架排階層出來

最後,會再繼續嘗試

根據上兩步驟的嘗試,下一步會先將原本 sample 的 memu 再套用回來,這樣可以從前台去點每個頁面..把喜歡的頁面名稱紀錄起來,再到 WordPress 後台建立新的 menu 後把想要的頁面再一個一個拉到選單當中..應該會先把網站用 sample data 拉成自己想要的架構後,再把 sample data 改成個人網站的內容

One more thing..

鐵人賽文章會 Delay 1-2 天同步放在 Medium
歡迎訂閱或是透過 Facebook 一起來交流 (求指導)/images/emoticon/emoticon32.gif

https://ithelp.ithome.com.tw/upload/images/20200915/20094570oG1ujl6HbX.png


上一篇
【領域展開 19 式】初次使用 Elementor 編輯頁面
下一篇
【領域展開 21 式】 Menu 修煉持續進行中
系列文
真,從零建置個人網站 30 天領域展開30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言