WordPress網頁設計教學 – 完成你的網站吧
所需時間:10 mins
你將會學到:修改部落格的排版及連結你的Facebook專頁
————————————————————
網站的內容基本上已經完成了,但我還是希望做得更好一點,讓用戶在瀏覽你你的部落格時,可以在側邊的欄位讚好你的社交媒體。讓我們現在開始吧
修改部落格排版及側欄
選擇部落格頁面的風格
- 在部落格的頁面點 自訂 > 部落格選項 > 選傳統風格一
- 發表
在部落格中加入側欄
- 在網站名稱的下方點 小工具
- 把側欄中,預設的所有小工具移除:打開小工具,在下面點紅色的刪除
- 把左邊的 Easy Facebook Likebox 拖放入側欄 > Fanpage Url = https://facebook.com/YOURPAGENAME
- 如果要變更展示語言 > Locale = Traditional Chinese > 儲存
- 把左邊的 Recent Posts Extended 拖放入側欄 > Title = 近期文章 > Number of posts to show = 4 > 儲存接下來的小工具,你有可能因為未打開這個功能用不了,所以我們首先要去把它打開
在外掛下方點 SiteOrigin Widgets > 在Contact Form 點 Active - 把左邊的 SiteOrigin Contact Form 拖放入側欄 > Title 的文字要刪除 > Setting >
- To email address = 你希望接收電址的地址 > Success message = 當成功發送電郵後,用戶會看到的訊息 > Submit button text = 訂閱我們
- 在表單欄位中,除了電子郵件外,其他的欄位都要移除
- 點 你的電子郵件 (Your email) > 標籤 = 請輸入你的電子郵件
- 點 設計 > 容器 > 背景顏色 = #ffffff > 框線樣式 = 不使用
- 欄位標籤 > 位置 = 欄位內部
- 表單欄位 > 背景 = #ffffff > 框線圓角 = 5
- 傳送按鈕 > 取消打鈎 自訂傳送按鈕樣式 > 儲存接下來,把過往企劃也加入側欄
- 把左邊的 Recent Posts Extended 拖放入側欄 > Title = 過往企劃 >
- Post Types 取消打鈎 文章,只打鈎 Projects > 儲存
現在,我們已經完成這個網站了!有任何問题可以Inbox我啊!
實在是很開心你能看到這裏,我相信你已經比以前,掌握了更多使用Wordpress去建立網站的能力。希望你能繼續「堅持學習,成為卓越」。
再次回顧:
#0 WordPress教學 – 新手也能馬上學會網頁設計
#1 租用網站虛擬主機、注冊網址、安裝WordPress及所需外掛
#2 網站基礎設置
#3 在首頁加入「有關於我」
#4 新增「產品及服務」的內容到首頁
#5 在首頁展示過往企劃
#6 使用佈景主題工具在首頁展示相關數據
#7 將部落格(Blog)加入到網站
#8 加入聯絡我們的資訊
#9 在網站加入導航選單(Menu)
#10 連結社群媒體及改善排版,完成你的網站吧