分享好友 最新动态首页 最新动态分类 切换频道
12人评论了“WordPress自助外贸建站教程,超详细!!!”
2024-12-26 23:47

Kiwi想写这个自助外贸建站教程已经很久了,SOHO创业就必须什么都要懂一点,虽然Kiwi兼职帮别人建网站,但是还是觉得如果我的客户能够懂一些建站知识,这对他们的工作是很有好处的!只是每次想到庞大的工作量,就心有戚戚焉!这篇建站教程我以一个客户的网站为素材,也许没办法一次性写完,会保持更新,务必写得详细一些!

8年的互联网建站生涯,我看过许许多多的坑,我自己也跳过许许多多的坑,总结的一点就是只要网站的域名和空间不在你自己手里,就都是坑货!有机会开篇文章写下建站中过程的各种坑,一定会让你心有戚戚焉!

要建一个网站,域名和空间的投资是必须的,也是网站的最基本费用!必需费用如下:

1、 域名:一年70元左右

  • 挑选域名:外贸网站域名要怎么取?
  • 购买域名:外贸网站到哪里购买域名?
  • 域名解析:Namesilo域名解析教程

2、 美国主机:一年450元左右

  • 主机购买:外贸网站到哪里购买虚拟主机?

这里普及下建站的专业术语:如果把你的网站比作是一套房子,那么主机就是你房子所在的那栋大楼。一栋大楼里可以有很多套房子,域名就是你的门牌号!没有主机,你的网站就建不起来,但是如果要我们去买一栋大楼,我们又买不起,所以我们要跟别人共享,这就是为什么共享主机是绝大多数外贸人的选择!如果你怕这栋大楼里其他的网站会影响你,你就可以买个独立ip,把你跟别人的关系撇开!

房子地基(主机)问题解决了,门牌号(域名)也有了,我们就有了自己的网站的硬件设施!接下来我们就要用专门的网站搭建程序把网站搭建起来了,这里我选择wordpress, 因为他真的很强大,也容易上手!

进入,登陆你的空间账号。提供面板,你直接可以在空间里安装wordpress程序就可以,非常方便!进入以下界面,点击 Install wordpress!

如果不会选,可直接将下面路径copy到左上角的空白地方,然后选Go!

Enfold主题包: 链接: https://pan.baidu.com/s/1i5mVBMH 密码: d28g

这个网络上传主题还是有很多不方便的地方,一般其实我用ftp工具,但是新学者ftp工具还是挺麻烦的,所以就用这个简单的傻瓜工具凑合吧!注意不要断网!!

除了第一个Akismet Anti-Spam 不要选择,其他全部选择,然后再Apply左侧的多选框,选择Deactivate,再点击Apply。

左侧选择Setting → Reading ,在 Search Engine Visibility: Discourage search engines from indexing this site这里打勾,点击保存!

第四步我需要把这个网站设置成伪静态网站的形式,所以我需要去改下链接!在左侧选择 Setting → Permalink, 进入修改链接的页面!把链接的形式选择成Post name的形式,然后点击 save changes!

至此,建站前的准备工作就结束了!

在左侧选择Page,点击进去就进入了Page的界面。如下图,系统已经给我们建立了一个sample page页面,我要把它删掉!

接下来我要添加几个主要页面先,点击 Add new, 一般有两个地方有这个add new的页面,如下图!

我先添加第一个页面,Home主页,在标题上我填上Home, 然后右下角我给这个网页标上序号,Home是第一个页面,所以我写了1。第二个页面就写2,依次类推我们写3,4,5等等,点击Publish, 然后这个页面就发布完成了!

一般网站都需要以下几个基本页面:Home, Product, About us, Contact, Blog,然后我们用同样的方法把上面几个页面建立完成!最后得到的界面如下:

 一个网站的页头和页尾是很重要的,所以我先把页头给制作完成!

第一步:制作主导航

选择左侧 Appearance→Menus, 点击create a new menu, 然后输入你的主菜单名字,一般我填Main Menu, 然后选择Create Menu。

在左侧你可以看到我们建立过的所有页面,我把他们全选择!然后点击Add to Menu, 然后在右侧就会看到页面被成功的添加到导航里去了!这里有两个地方要注意,一是有两个Home, 我们把显示有Custom Link 的这个链接删掉;第二就是在下面的Menu setting 那里,我在Enfold Main Menu那里打勾! 点击保存,这样主菜单就做好了,你刷新网站首页,这个导航就出现在网站的header上面了!

第二步:上传logo

选择左侧 Enfold 进入到主题设置页面,首先我们需要把首页设置好!在Fontpage Setting这里选择Home, Blog Page就选择Blog。

Logo的话就点击上传,一般logo的尺寸是 340*156,所以你需要处理下,尽量不要太大,也不要太小!Favicon logo 也需要上传,尺寸100*100就可以,需要png格式的图片!

上传好了就把页面拉到下面,右下角有一个 Save all changes,点击保存!

至此,Header 就设置好了!刷新网站首页,就显示出这个header了。

主页是一个网站的门面,也是整个网站权重最高的页面,所以设计是至关重要的!

1)  制作Banner

制作首页,Banner又是重头戏,这个有条件的话可以去找设计师设计一张!现在Kiwi要给网站安装Banner.

左侧选择 LayerSlider WP(把页面拉到底,左侧就有了),进入banner页面之后点击那个+号,Add New Slider, 给Slider取个名字,一般我就写Home,然后add slider。

进入Slider设置页面之后,我的banner一般是1100*600的尺寸,所以我把尺寸设置成1100*600。Slider 的类型就选择Full width。

然后再选择APPEARANCE,添加如下图所示代码!点击保存就可以了。

然后再选择如下图的顶端的SLIDES选项,进入到banner制作页面,然后选择CLICK TO SET添加图片!再保存,一个基本banner就制作完成了!

接下来我要把这个制作好的banner放到首页上去,我拉到banner制作页面的底部,然后可以看到一段代码,我把这段代码copy下来,复制到首页安装banner的地方,这个banner就可以成功的放在首页了。

2)制作首页

  • 准备
左侧点击Page,进入页面管理界面之后,对Home页面选择Edit, 就进入了主页的编辑页面了!

首页我是不需要侧边栏和page title的,所以我需要设置一下,把它们取消掉!把页面往下拉,在右侧有个 Layout, 我先把Layout下面的Sidebar Setting 这个选项选择成No Sidebar; Title Bar Settings选择成Hide Both.

设置好之后再把页面网上拉,点击update,这样设置就完成了!

  • 制作

首页制作需要用高级编辑模式,所以我先点击Advanced Layout Editor进入高级编辑模式!然后我要给这个页面价格layout,我选择了一个完整的layout,点击,再选择content 的text,把这个text 元素拉到layout下面,再把刚才的banner代码copy到text上面去,最后成了如下效果!再点击保存,Banner就设置好了,刷新首页,这个banner就出现在首页上了。

接下来就是网页内容的制作了,这个网站内容的设计都是仁者见仁智者见智,我这里就只讲一些常见的内容制作元素!

1、Icon Box

如下图这种就是icon box, 这是一种非常常见的网站设计元素了!个人觉得Enfold的Icon box比avada的好看!这个icon box一般都用于公司优势展示!本来这是一个非常好的功能,只是大多数外贸公司自己对自己的优势都是稀里糊涂的,自己都不清楚自己的优势就更别提还要用精炼的文字把它们总结出来了!就像Whinsen这个网站,也没有好好准备内容,直接把这块内容变成摆设!现在他的网站还在建设中,这块等网站都搭建好时,我还得监督他把内容作细致来!

我们回到网站后台,Icon box 的功能就在如下图标识的地方。因为有四个优势,所以我做了四栏,然后分别放了一个icon box。

到现在为止,Kiwi没有一个客户重视了这个板块,写的东西没有多少说服力!其实这个地方完完全全值得好好利用,用精炼的文字总结出来优势,再用外链导向专门的优势板块,这样是多么大的黏性度啊!对于外贸SOHO来说,这是必然的,因为他们没有内容可写,没办法一步到位。

2、图片

图片元素可以说是最重要的建站元素!结合文字再加以设计排版好,网站会十分美观!Enfold的图片元素我更喜欢,简洁方便美观!不比avada的每个图片都要设置,enfold的图片元素可以一键设置,我最喜欢用的就是Mansonry Image这个元素,排版非常美观,而且是一键设置,省了我不少力!如下图就是Mansonry image做出来的!

如果是单张图,就可以直接用image实现,还有就是slider的页面可以让你给页面的任何地方添加导航!Partner logo这个功能则可以展示你的客户logo,还可以自动转动,是不是很方便!

3、文字输入元素

文字输入是一定需要的功能,也十分简单!如下图的Text Block就是输入文字的地方!一般文字输入元素需要跟间隔线一起搭配使用,Enfold把他们放在了一起,设计的非常人性化!

其他的就不多介绍了,内容元素特别丰富,把这些元素一个个去了解下,一个基本的网站就建出来了!如果要建出比较漂亮,还有功能精巧的网站,还是需要多去看看优秀的网站怎么设计的,还有就是要懂一些代码以及CSS的使用!

footer的作用有两个,一个是便利性,另外一个就是seo关键字布局。一个网站可以有很多页面,但是footer却会出现在每个页面里面,它跟页头一样重要。

footer的布局也需要充分考虑到客户浏览网站的便利性,还需要把你最想让客户看的页面放在里面,增加其曝光率。

一般我会用四栏footer,把这些元素放到footer里面。第一栏放我最想让客户看的热点页面。第二栏放newsletter(如果我想让客户订阅的话),第三栏放最新的文章(为了保证首页的更新),第四栏放联系信息。最底部的版权信息我则会考虑用关键字布局。

当然如果我觉得应该很少客户会订阅,我则会用其他的栏目替代,譬如我用产品分类。设计网站就是这点好处,你可以随意更改,并不受框架的影响。

好,现在我们一步一步学习怎么制作footer。在左侧选择Appearance→Widgets.如下图你可以看到系统已经给你制作出四个footer栏了,然后你把你想要填的内容分别放到这四栏里,然后footer就制作好了。

最新文章
联想笔记本电池驱动(联想笔记本进BIOS按什么键)
1. 引起读者的注意在现代社会中,笔记本电脑已经成为人们日常生活不可或缺的工具。随着使用时间的增加,笔记本电池的性能逐渐下降,给用户带来了不便。而联想作为知名的电脑品牌,其笔记本电池驱动更是备受关注。我们如何进入联想笔记本的B
一文全方位掌握“架构原则”:3 总则、4 域细则与 TOGAF 10 原则
架构设计不像数学公式或者物理定律那样有固定的解答。很多时候,它是设计师在各种需求、技术限制和未来规划之间做出的权衡结果,是一种最符合实际情况的“智慧输出”。不过,虽然架构设计充满了不确定性,但一些好的架构原则和思路可以帮助
湖南筱度引领企业SEO新营销浪潮
湖南筱度SEO优化推广服务,专注提升企业网络营销效果,助力企业开启互联网营销新篇章,实现品牌影响力与市场竞争力双提升。随着互联网技术的飞速发展,网络营销已经成为企业获取客户、提高品牌知名度的重要手段,在众多网络营销策略中,SEO
色情链接太多了吧,百度遭媒体质疑|1月21日坏消息榜
关注钛媒体每日、每月整理发布的行业坏消息榜,一榜略尽当日当月最具影响的坏消息。近日,有记者通过电脑页面和手机客户端,分别登录此前报道中涉及的贴吧,看到大多数贴吧已被彻底关停,但名为“苍XX”的贴吧,仍可通过手机客户端间断登录
百度搜索优化这样做,让你的流量蹭蹭暴涨!
对于SEOER来说,百度搜索优化是个老生常谈的话题。做好百度搜索引擎优化,不仅有助于网站在搜索引擎上获得良好的排名,带来的自然曝光和流量也十分可观。无论从品牌传播的角度还是从业务转化的角度,都大有裨益。那么,当网站访客流量遭遇
微信外链新闻:全面外链策略指南
网站外链建设规划目标:建立高质量的外链网络,提高网站在搜索引擎结果页面 (SERP) 中的排名和可见度。策略:* 创建有价值的内容:撰写信息丰富、引人入胜且相关的文章、博客文章和指南,为受众提供价值。* 接触相关网站和影响者:寻找相关
真人投票点赞拉票群,微信投票代投
真人投票拉票群,微信投票代投真人投票拉票群微信投票代投是一种便捷的投票服务,专为各类比赛活动设计。本群提供真人拉票服务,确保每一票都是真实有效的,以支持您的选手获得更多关注与荣誉。我们还提供代投服务,无论您的选手身处何地,
探索“天空之城”新纪元——城市低空起降设施体系规划的若干思考
点击蓝字关注我们上海市土木工程学会作为自然资源领域专业咨询服务商,城建设计集团一直在思考如何率先在空地一体化领域开展规划探索与创新转型,先行成立城市立体交通研发中心(低空交通中心),聚焦低空经济发展的规划设计和技术应用,努
流畅的win10电脑系统 最流畅win10系统
1、win10装哪个版本最好2、最流畅的win10有哪些3、win10最稳定流畅的版本4、win10系统需要什么配置才能流畅的玩5、win10哪个系统打游戏更流畅1、win10哪个版本最稳定兼容性最好:总体来说,win10专业版是兼容性较好的。win10不同版本之间的
如何通过百度SEO优化提升网站排名增加潜在客户流量
随着互联网技术的不断发展,越来越多的人开始关注网络营销这一领域。无论是个人创业者,还是大型企业,都意识到通过互联网平台推广产品、品牌的重要性。特别是在百度等搜索引擎优化(SEO)方面,如何有效提升自己的网站排名,吸引更多的潜
相关文章
发表评论
0评