Free WordPress Themes Himalayas – 佈景主題安裝與設定

2016-03-21

Free WordPress Themes Himalayas

文章目錄

 
區塊8與區塊4建置方式相同,這裡就不重複說明。
 
區塊9 Our Team,建置方式一樣的繼續新增小工具,TG: Our Team Widget(圖二十),Our Team 頁面請先建置好,建置時模版請選擇 Our Team Template(圖二十一),頁面建置好以後,就可以進行TG: Our Team 設定(圖二十二)。

  1. Our Team Section ID:這裡填入資料並且記下來設定,建置上方選單時會用到。
  2. Background Color:背景顏色選擇。
  3. Background Image:選擇使用背景圖片。
  4. Title:Our Team 區塊的標題設定。
  5. Description:Our Team 區塊的說明描述。
  6. Number of pages to display:預設是展示3篇 our Team 頁面。

 

TG: Our Team Widget
(圖二十)TG: Our Team Widget

 

新增小Our Team 頁面
(圖二十一)新增小Our Team 頁面

 

設定 Our Team Widget
(圖二十二)設定 Our Team Widget

 
區塊10 Contact Us,建置與我們聯絡區塊,請新增小工具,TG: Contact Us Widget(圖二十三),聯絡頁面前面文章提到,是透過 Contact Form 7 這個外掛程式來建置的。因此,我們可以取得一組簡碼(Shortcode)(圖二十四),聯絡頁面建置好記下簡碼(Shortcode),接著進行TG: Contact Us Widget 設定(圖二十五)。

  1. Contact Section ID:這裡填入資料並且記下來設定,建置上方選單時會用到。
  2. Title:標題可以自行填入,例如與我們聯絡。
  3. Description:這裡可以輸入一些聯絡資訊,例如地址電話或是電郵…等等。
  4. Select a Contact page:請點選建置好的聯絡頁面。
  5. Shortcode:建置聯絡頁面時,外掛程式提供的簡碼(Shortcode)。

 

新增小工具TG: Contact Us Widget
(圖二十三)新增小工具TG: Contact Us Widget

 

聯絡頁面簡碼(Shortcode)
(圖二十四)聯絡頁面簡碼(Shortcode)

 

TG: Contact Us Widget 設定
(圖二十五)TG: Contact Us Widget 設定

 
區塊11 Footer Sidebar,這個區塊的建立在小工具,Footer Sidebar One/Footer Sidebar Two/Footer Sidebar Three 這三個區塊(圖二十六),可以自行加入想要呈現的功能(圖二十七)。
 

新增小工具 Footer Sidebar
(圖二十六)新增小工具 Footer Sidebar

 

新增小工具 Footer Sidebar 內容
(圖二十七)新增小工具 Footer Sidebar 內容

 
區塊12 Footer Layout,最後這一個區塊的建立是在控制台的外觀/自訂/Himalayas Design Options/Footer Layout Options,有兩種式樣可以選擇,可以自行挑選喜歡的式樣(圖二十八)(圖二十九)(圖三十)。
 

Himalayas Design Options
(圖二十八)Himalayas Design Options

 

Footer Layout Options
(圖二十九)Footer Layout Options

 

Select the Footer Layout
(圖三十)Select the Footer Layout

 
區塊1 上方選單,文章到這裡,整個網頁的架構就算已經完成,最後剩下一個重要的建置那就是上方選單,這個選單最大的目的就是可以實現這個一頁式網站的主要導引。接著我們就開始進行上方選單的製作。

  1. 到控制台的外觀/選單/建立選單(圖三十一),選單名稱可以自行填入例如上方選單。
  2. 使用自訂連結,並且將它拉到選單結構內,這裡我們以About Us 做範例,連結網址請輸入關於我們頁面的完整網址,後面記得加上#IDID就是前面文章一直提到要大家記下來的那個ID,這裡就是指About Section ID,導覽命名:是指上方選單想要出現的文字,可以自行填入,在這裡我們範例是About Us(圖三十二)。接著依序將Our Service/Portfolio/Blog/Our Team/Contact Us 一併在選單結構內建置完畢,選單設定的地方,請點選 Primary Menu (主選單的意思),完成後點選儲存選單
  3.  

    建立選單
    (圖三十)建立選單

     

    Primary Menu 儲存選單
    (圖三十二)Primary Menu 儲存選單

     

    以上完成

    為了讓步驟可以清楚表達,提升大家閱讀的效果,文章內容圖片比較多,也謝謝大家耐心閱讀。整個佈景主題安裝設計步驟完成以後,相信任何佈景主題的安裝或是設定都難不倒各位了。
     

     


     

Max and WordPress

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用 WordPress 的相關問題與研究。 並且提供有關 WordPress 外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。