iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
自我挑戰組

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

【領域展開 12 式】 安裝 Soledad 主題插件,成功匯入漂亮模板到網站囉

抓住官方文件,將時間花在選擇而不是設定上

Soledad 有提供詳細的 Document裡面有文字與影片的操作文件,幾乎跟著操作可以達到 90% 的成功,當然有一些些按鈕與過程可能新版已經簡化,但是都在可以理解的範圍內!

今天是記錄購買完 Soledad 後,將瀏覽到美美的主題如何匯入到 jadechang.blog/images/emoticon/emoticon24.gif

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


首先,安裝相關主題需要的插件

根據前天文章【領域展開 10 式】真的需要看教學文,正式啟用佈景主題 Soledad 與網站做綁定 將 Soledad 主題購買與匯入子母主題到正式輸入金鑰啟用後,可以在 WordPress 後台左手邊功能選單最上方幾個欄位就能看到所購買的主機商 Bluehost + 佈景主題 Soledad 的功能設定按鈕,今天是要將漂亮的模板放到自架的網站的中,所以點選 Soledad > Welcome,在匯入佈景主題前,要先將相關支持主題的插件都先安裝完成,才能完整的呈現所選擇的主題唷!點選 Step 1 plugin install

頁面會跳轉到主題的功能列表,會列出 Soledad 所建議安裝的插件,每個插件都會有他的功能說明,請注意:不需要使用的插件就可以不用安裝,避免網站存了不需要使用的功能,會影響要網站速度唷!但目前因為還沒有選定最終顯示的樣式是哪一個,因此先全選 pluging 安裝,等決定主題後再來卸載

由於安裝的東西比較多,WordPress 後台也會逐一顯示進度,最後看到All installations and activations have been completed.就沒問題囉

再來,匯入想要試用的主題 / 切換主題的 todo

插件都安裝完成後,可以明顯看到左手邊功能選單的部分有多幾個新的功能欄位,點選外觀 > import demo data,可以看到非常顯眼的 NOTE IMPORTANT,也可以明顯看到下方的樣式選單已經出現,鼠標移過去的時候會跳出

  • import demo style : 如果網站已經有自行準備的文件,只是想換模板
  • import demo content :網站都沒東西,需要連同 demo 的內容都放進來一起看

因為我是全新沒主題沒內容的網站,所以兩格都要勾喔,才會有樣式+範例文字 (需要範例文字讓佈景主題更接近真實,有助於評估主題)

回顧【領域展開 09 式】挑選主題中的 Wake-up moment,應該先準備網站架構 架構的想像,先鎖定這兩個部落格主題

  • beauty blog 2
  • stylist blog

想先看 stylist,點下 import 後就會開始載入主題

完成後就可以看到匯入的完整樣式了!縮圖看真的不准,整體滑起來才有感覺,目前覺得太吃圖片了,代表每個文章都必須配一張美圖,因此想套用剛剛選的另一個模板 beauty blog

再匯入另一個模板前,要先解除上一個安裝的模板喔,要回到外觀 > import demo data > 找到要換掉的主題 stylist blog > uninstall,然後就會卸載一陣子

再重新 import 想要新試用的 beauty blog ,但安裝完成後卻長這樣....好像是將後台 menu 相關的預設文字都帶到前台了

因此要去後台做設定,外觀 > menu > create a new menu > 自行取名(我取新套用的主題名稱)> 勾選 primary menu (因為僅是觀看樣式),儲存後就可以看到正常的樣式匯入囉

最後,還要再挑挑樣式

結果 beauty blog 這個樣式更吃圖片,比 stylist blog 還大張 QAQ
可能會再嘗試看看 Logistics Business、Hair Stylist Blog,或是以後文章都要搭上美美的圖(感謝 medium 寫文章時能插入已授權的免費圖片xD)

One more thing..

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


上一篇
【領域展開 11 式】網站製作中,請 Google 不要搜尋到我 > <
下一篇
【領域展開 13 式】 有了骨頭與皮膚,再搞清楚主要肌群 Menu 層級與操作
系列文
真,從零建置個人網站 30 天領域展開30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言