連結社群媒體及改善排版,完成你的網站吧

Wordpress網頁設計教學 - 完成你的網站吧 #10 - 封面

WordPress網頁設計教學 – 完成你的網站吧
所需時間:10 mins
你將會學到:修改部落格的排版及連結你的Facebook專頁

————————————————————

網站的內容基本上已經完成了,但我還是希望做得更好一點,讓用戶在瀏覽你你的部落格時,可以在側邊的欄位讚好你的社交媒體。讓我們現在開始吧

修改部落格排版及側欄

選擇部落格頁面的風格

  1. 在部落格的頁面點 自訂 > 部落格選項 > 選傳統風格一
  2. 發表

在部落格中加入側欄

  1. 在網站名稱的下方點 小工具
  2. 把側欄中,預設的所有小工具移除:打開小工具,在下面點紅色的刪除
  3. 把左邊的 Easy Facebook Likebox 拖放入側欄 > Fanpage Url = https://facebook.com/YOURPAGENAME
  4. 如果要變更展示語言 > Locale = Traditional Chinese > 儲存
  5. 把左邊的 Recent Posts Extended 拖放入側欄 > Title = 近期文章 > Number of posts to show = 4 > 儲存接下來的小工具,你有可能因為未打開這個功能用不了,所以我們首先要去把它打開
    在外掛下方點 SiteOrigin Widgets > 在Contact Form 點 Active
  6. 把左邊的 SiteOrigin Contact Form 拖放入側欄 > Title 的文字要刪除 > Setting >
  7. To email address = 你希望接收電址的地址 > Success message = 當成功發送電郵後,用戶會看到的訊息 > Submit button text = 訂閱我們
  8. 在表單欄位中,除了電子郵件外,其他的欄位都要移除
  9. 點 你的電子郵件 (Your email) > 標籤 = 請輸入你的電子郵件
  10. 點 設計 > 容器 > 背景顏色 = #ffffff > 框線樣式 = 不使用
  11. 欄位標籤 > 位置 = 欄位內部
  12. 表單欄位 > 背景 = #ffffff > 框線圓角 = 5
  13. 傳送按鈕 > 取消打鈎 自訂傳送按鈕樣式 > 儲存接下來,把過往企劃也加入側欄
  14. 把左邊的 Recent Posts Extended 拖放入側欄 > Title = 過往企劃 >
  15. Post Types 取消打鈎 文章,只打鈎 Projects > 儲存

現在,我們已經完成這個網站了!有任何問题可以Inbox我啊

實在是很開心你能看到這裏,我相信你已經比以前,掌握了更多使用Wordpress去建立網站的能力。希望你能繼續「堅持學習,成為卓越」。

再次回顧:
#0 WordPress教學 – 新手也能馬上學會網頁設計
#1 租用網站虛擬主機、注冊網址、安裝WordPress及所需外掛
#2 網站基礎設置
#3 在首頁加入「有關於我」
#4 新增「產品及服務」的內容到首頁
#5 在首頁展示過往企劃
#6 使用佈景主題工具在首頁展示相關數據
#7 將部落格(Blog)加入到網站
#8 加入聯絡我們的資訊
#9 在網站加入導航選單(Menu)
#10 連結社群媒體及改善排版,完成你的網站吧