一个简洁易用WordPress企业网站主题1天建外贸B2B网站教程

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_42972863/article/details/88015018

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)

猜你喜欢

转载自blog.csdn.net/qq_42972863/article/details/88015018