一個簡潔易用WordPress企業網站主題1天建外貿B2B網站教程

WordPress建外貿網站,主要有2個方法:方法一:就是藉助一些支持WooCommerce的主題,然後加上WooCommerce及相關電子商務插件來做外貿B2B網站(有同學說這個方法是不是隻能做在線B2C網店?其實不是,只要我們在輸入產品資料的時候不輸入產品價格,去掉shopping cart,那麼也就是單純的展示商品的網站)。還有一個方法: 就是安裝一個外貿網站主題(帶產品列表功能),下面就來分享一個這樣的國外WordPress企業主題。 這是一個可以使用1天時間就建立自己外貿網站的WordPress企業主題,超級簡潔易用,但卻美觀大方,功能齊全。(注:有部分網友反饋這個主題加載慢,是因爲開啓了google字體,如果有使用這個主題的網友,請到RT-15的主題設置那裏,找到->Typography Options,並關閉google字體)google_fonts_rt15

主題功能介紹:

RT-15 主題是國外一個比較優秀的響應式 WordPress 主題。它自帶的產品目錄和作品組合工具,可以用於企業介紹,產品目錄等,它不必再安裝WooCommerce插件,即可實現產品目錄功能,是個適合做外貿B2B網站WordPress企業主題。它還自帶了演示數據,我們可以導入演示數據,在演示頁面的基礎上直接編輯做自己的網站內容。

主題特色 :

  • RT-框架
  • 首頁三個幻燈片選項
  • 隨機背景選項
  • 4 種高級色彩選擇。
  • 支持翻譯
  • WP3選單
  • 自帶首頁內容和佈局選擇
  • 產品展示
  • 產品滑塊簡碼
  • 作品展示頁面
  • 自定義管理面板

主題下載測試請加Q羣:26109379 , 或者百度網盤下載:主題下載 (僅供測試,商業用途請購買原版,For test only, please purchase the original one for commercial purpose) 主題演示:主題演示 主題安裝包內demo3的文件如下:

rt15step_0

本主題建站步驟:

rt_instruction

第一步:使用WordPress在網站空間或者本地電腦安裝一個WordPress網站

  1. 先使用WordPress在空間或者本地電腦建一個WordPress網站。如果你是在同一個空間商那裏購買虛擬主機和域名,如Bluehost主機和域名,那麼你可以根據文章《如何使用網站空間的建站功能建WordPress,Zen Cart網站》,使用空間的建站功能1小時快速建站;如果你虛擬主機和域名是分開購買的,那麼可以參考文章《快速簡單地使用WordPress建一個網站》按步驟在空間建站。

第二步:安裝並啓用主題,導入演示數據

  1. 安裝主題:下載本主題壓縮包demo3.zip,解壓,獲得主題安裝包rttheme15.zip;通過在網站Appearance->Themes->Add New,然後選擇upload theme來安裝該主題,upload時,選擇壓縮包下面的安裝包rttheme15.zip;然後在Appearance->themes主題列表那裏啓用該主題;另外如何安裝主題與插件請看文章《WordPress的主題與插件的安裝使用》;rt15step_21
  2. 導入演示數據:點擊左側導航菜單工具(Tools)->導入(Import),在打開的頁面中選擇WordPress,然後系統會讓你安裝WordPress Importer這個插件,安裝它,並啓用它。再點擊工具(Tools)->導入(Import)->WordPress, 在出來的Import WordPress頁面中選擇前一步解壓文件夾demo3中的演示數據文件rt-theme15.wordpress.xml,然後點擊Upload file and import按鈕導入演示數據;注:有部分同學不知道導入演示數據的作用,導入演示數據,可以在演示數據的基礎上修改成你的網站,對新手來說更加容易些,另外通過演示數據,我們可以看到怎麼去做纔可以達到某種效果。rt15step_22rt15step_23rt15step_24rt15step_25rt15step_26
  3. 安裝主題和導入演示數據後,可以發現在後臺左側導航菜單中多了Portfolio,Products,Slider,Home Page,RT-THEME 15 這幾個選項;rt15step_27

第三步:修改About Us, Contact Us,Our Products,Portfolio ,Company Blog等頁面,並添加商品類別和商品,添加Portfolio及類別。

由於演示數據裏面自動創建了以上頁面,我們只需要在後臺Pages裏面找到相應頁面來修改。另外該主題自動添加了Products, Portfolio這2項功能列表,在左側導航菜單那裏有Products, Portfolio這2項功能的鏈接進入添加與設置。rt15step_30

  1. 修改About Us頁面,在Pages->About Us頁面裏面編輯爲自己公司的信息;(注:這個about us不是首頁幻燈片下那4個豎排的中的about us,那個about us是修改請看第五步);rt15step_31
  2. 修改Contact Us頁面,可以往裏面添加 slider short code或其他內容,或者留空,然後在後臺左側導航菜單中RT-THEME 15(主題設置頁面)的Contact Page Options這一項下面Select Your Contact Page選擇頁面Contact Us,並在該選項下填寫相關聯繫信息,那麼Contact Us頁面將作爲公司聯繫信息頁面;rt15step_32
  3. 修改Our Products頁面,可以往裏面添加 slider short code或其他內容,或者留空,然後在後臺左側導航菜單中RT-THEME 15(主題設置頁面)的Product Options這一項下面Select Your Product List Page選擇頁面Our Products,並按需要選擇該選項下面的參數,那麼Our Products頁面將作爲產品列表頁面,點擊出來的是產品列表;rt15step_33
  4. 修改Portfolio頁面,可以往裏面添加 slider short code或其他內容,或者留空,然後在後臺左側導航菜單中RT-THEME 15(主題設置頁面)的Portfolio Options這一項下面Select Your Portfolio Page選擇頁面Portfolio,並按需要選擇,更改該選項下面的參數,那麼Portfolio頁面將作爲作品圖片列表頁面,點擊出來的是Portfolio列表;rt15step_34
  5. 修改Company Blog頁面,可以往裏面添加 slider short code或其他內容,或者留空,然後在後臺左側導航菜單中RT-THEME 15(主題設置頁面)的Blog Options這一項下面Select Your Blog Page選擇Company Blog頁面,那麼該頁面將作爲博客文章列表頁面;rt15step_35
  6. 添加商品類別和商品:安裝了這個主題後,會在左側導航菜單那裏出現Products菜單項,在該菜單項下面添加商品類別,商品;要先添加商品類別(add category),然後才添加商品(add product),不然你添加商品的時候就沒辦法選擇產品分類了;添加商品(add product)時,編輯商品,在商品編輯頁面右側可以選擇商品類別;
  7. 添加Portfolio(作品,工程)樣板圖片;安裝了這個主題後,會在左側導航菜單那裏出現Portfolio菜單項,該菜單項下面添加作品類別,作品(工程樣板);Portfolio的Columns在編輯單個Portfolio item時在Layout Options那裏選擇(1:2;1:3;1:4;1:5),1:2的放在2 Columns分類,1:3的放在3 Columns分類,以此類推;

注意:點擊導航菜單中的Products,Portfolio頁面有Slider(幻燈片),修改替換它們是點擊打開Products,Portfolio頁面,把裏面的幻燈片的URL換成你預先上傳在媒體庫(Media)裏面的圖片的URL.rt15step_36

第四步:自定義頂部導航,底部菜單,還有頁面邊欄的內容

  1. 重新自定義一個頂部導航(菜單):把前一步建立的About Us,Contact Us,Products,Portfolio,Blog, 商品類別,Blog分類等等添加到菜單,排序製作一個菜單Top Menu,並指定位置爲RT Theme Main Navigation,保存; 對於如何自定義菜單,可以參考文章《調整,自定義WordPress網站頂部導航,底部導航和側邊欄》;(注:我們也可以原來使用演示用的RT Theme Main Navigation Menu菜單,刪減一些不要的菜單項目,重新排序)rt15step_41rt15step_40
  2. 自定義底部菜單:選擇底部菜單RT Theme Footer Navigation Menu,然後像製作頂部菜單一樣,把需要顯示在底部的頁面,添加到原來演示的底部菜單RT Theme Footer Navigation Menu,保存;rt15step_42
  3. 自定義頁面側邊欄:在外觀(Appearance)-小工具(widgets),添加[RT-THEME 15]Contact Info,Text這2個小工具到側邊欄(Common Sidebar)中,並填寫這2個小工具的內容;也可以繼續添加你自己需要的小工具(Widgets);rt15step_43rt15step_44
  4. 你可以根據自己的需要,往相應頁面的Sidebar添加小工具,使得這些小工具在相應頁面的Sidebar出現;

第五步:自定義網站首頁的內容

  1. 首頁(Home Page)的幻燈片(Slider):首先,我們需要在左側導航菜單中RT-THEME 15(主題設置頁面)的Slider Options設置幻燈片的一些參數,選擇Select Home Page Slider爲Flex Slider(“Responsive Slider),設置Slider的高度(300),延遲時間等;另外,還要在左側導航菜單中的Slider,修改和替換原來Slider的圖片,鏈接;(具體操作還可以參考本主題安裝文件中的使用說明F) Home Page Slider rt15step_51rt15step_52rt15step_53
  2. 修改首頁中Content Box;即演示首頁Slider下面的ABOUT US,OUR PRODUCTS, LATEST WORKS,OUR SERVICES這幾個BOX,在左側導航菜單中的Home Page,修改裏面的內容和鏈接(具體操作請參考本主題安裝文件中的使用說明D) Home Page Contents)rt15step_54
  3. 外觀(Appearance)-小工具(widgets),修改Widgetized  Home Page Area裏面的小工具,這裏對應的是首頁ABOUT US,OUR PRODUCTS等框下面的小工具,把你需要的加到裏面去,不需要的刪除;本例保留Recent Post,Search,同時添加[RT-THEME 15] Testimonials 小工具,並排序。rt15step_46rt15step_59rt15step_45

第六步:更換logo,修改網站底部的版權信息,設置主題的各個選項的內容爲自己想要的。

  1. 更換網站logo,在後臺左側導航菜單中RT-THEME 15(主題設置頁面)下的General OptionsFooter Copyright Text分別修改logo和網站版權信息;
  2. 還可根據自己的喜歡,修改主題設置頁面裏面其他項目下的參數,如換背景圖片,顏色等等其他設置;rt15step_57rt15step_58
  3. 另外,該主題還有很多其他自己定製的功能,如Sidebar,Slider在哪裏顯示,這些都可以設置,請參考主題的使用說明(在安裝包的Documentation->index.html)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章