WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

你是否已经试过很多Wordpress的教​​程,可是它们都不够完整,或是没有示范教程,让你不知该如何下手?

不用担心,在弄了100多个网站后,我决定开个免费教程,教你怎么架设Wordpress网站:

为什么选Wordpress?

首先,你可能在想为什么一定要选Wordpress?原因很简单!而且这些原因让Wordpress成为我们目前用来建立和维护网页的唯一方式。

以下是为什么:

  • 操作很简单
  • 超过30%的网路使用它,也就是超过七千四百万个网页!
  • 因为它如此受欢迎,有很多的人能帮助你。例如:非常好找到工程师帮你客制化网页内容。
  • 有很多的主题,所以你不用亲自设计你的网页,你可以购买设计好的外观内含HTML以及CSS!这代表如果你学习如何使用Wordpress,你可以在一个小时内拥有一个好看的网页。

WordPress 安装

关于这个,我们其实有点懒得回答。

因为你不应该安装Wordpress。

安装Wordpress很烦人,也有点复杂,你需要设立一个资料库,这非常耗时,所以我们建议购买已经安装好Wordpress的虚拟主机,或者可以帮你快速安装的虚拟主机,我自己和我所有在网路上专职做网页的朋友,都已经至少五年没安装过Wordpress,这应该可以成为你不必安装Wordpress最好的原因了。

如果你目前的虚拟主机没办法帮你安装,我们建议你更换你的虚拟主机商,而如果虚拟主机没提供这方面的免费服务,那他们的虚拟主机可能品质不够好,你更该考虑换家厂商。

总之…..

如果你不知道什么是虚拟主机或你目前没有Wordpress安装在你的电脑上,那么请先确保你已经按照我们的网页建立教学建立网站了,再回来这里看后续教学。

从来没有安装过虚拟主机或架设过网站吗?请阅读我们的完整指南:

登入WordPress

有了Wordpress后,登入操作很简单,你只需要在你的网域名称后方加上“/wp-admin”,就会有登入画面出现。

登入

一但你这么做,你会被引导到这个画面,输入你的用户资讯。

wpadmin

把WP 改成中文

如果你的Wordpress还是英文版的,把Wordpress改成中文也相当简单。

选择左下方的「Settings」,按照下列步骤进行更改。

lang

不要忘记在画面下方按下「Save Changes」

lang2

更改完成后,你的介面就会是中文的了!

chinese

Theme (主题)

主题是什么?!

主题是指你网页的长相,基本上就是外观、设计、字体,所有让网页看起来美观的东西,Wordpress将这些东西统称为主题。

WordPress主题的主要优点是它帮你完成了所有需要技术的麻烦事,所有HTML、CSS、javascript等都已经完成了,只要再点几个按钮就好了,这让你不需要担心写程式的问题!

免费vs付费主题

就像生活中的其他东西一样,任何事情都有优缺点,免费主题主要的优点就是他的花费,然而,使用免费主题的代价就是没有客服支援,代表如果你有技术问题,就必须自己动手解决。

付费主题不但有客服支援,也有很多功能,但它们需要付费。

现在我们来看这两种主题主要的优点和缺点:

付费的优点:

  • 有客服支援,如果你有问题,你可以问他们。
  • 大部分的付费主题都可无限使用,你可以买一个主题然后在无线个网页上使用它。
  • 看起来比较专业。
  • 退费政策,如果你不喜欢他们的产品,大部分的公司会退费给你。
  • 维护良好,且公司会随时更新升级这些主题,让它们远离骇客的魔爪。
  • 它们通常与其他不同的行销软体融合,像是Aweber、mailchimp、 Facebook、 Twitter等。
  • 让你有更多的选择,如你可以购买一个为你的公司专门设计的主题,如果你想要拥有一家餐厅,就可以买一个餐厅的主题,如果你想要成为一个部落客,买一个部落客的主题,如果你想要开一家线上商店,买一个线上商店的主题。

缺点:

  • 不是免费的,不过就像美国谚语所说,一分钱一分获。
  • 客服支援通常是英文,我们建议你使用Google翻译,意思通常不会差很多!

免费主题的优点

  • 它们是免费的

免费主题的缺点

  • 如前面所说的,一分钱一分获:-P
  • 没有客服支援,如果你有疑问,你必须自己解决。
  • 免费的主题通常都是个人设计的,不是专门给公司用的,他们不是随时都被维护得很好,软体有可能没有升级,或是开发者可能早就没有在花心力在这个专案上了。
  • 常常受骇客侵扰,免费主题通常有很多的用户,这代表如果骇客发现到一个弱点,他们可以侵害上千名的用户,你应该不会希望成为其中之一。
  • 如果你不是专业的软体开发者,这些主题通常很难客制化。

以下是我们推荐的付费主题:

  • Elegant Themes
  • Thrive Themes
  • Themeforest(很多由个人创造的随机主题,不像是拥有良好客服支援的小公司,比较像提供便宜网站服务的Amazon)

**如果你透过我们在下方提供的连结购买主题,我们会试着帮你解决任何英文客服支援的问题,我们可以告诉你如何用英文发问。**

免费主题安装:

你网页上目前的Wordpress安装应该已经有几个安装好的主题,选几个你最喜欢的。

选出一个你想要的主题,接下来我们会教你如何安装它。

他们所在位置的路径:

外观> 主题> 接下来选择一个你想要的主题

freetheme

安装第三方主题

关于第三方主题的简单提醒…

每一个主题都有些不同,不过他们都是用同一个方式安装,如果你跟丢了步骤,或你的主题跟我们的有一点不一样,别慌张,尽快联络他们的客服支援,毕竟这就是客服存在的目的。

在你下载你喜欢的主题后,就可以轻松安装它们了。

请跟着以下的步骤:

外观> 主题> 添加

freetheme

重要提醒:上传一个ZIP档案就好,有时候,你下载一个主题时,它会自动解压缩,要上传的时候,请再次压缩档案,并且上传已压缩过的档案(zip档)。

upload

主题安装后,点击「启用」就可以成功把主题套入网站了。

uploadedtheme

点击自订

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

安装好之后,你可能会看到下列画面,点击X,然后返回主介面。

如果你看到不同的画面,不要慌张,请再次返回主介面。

thrive

最后,启动主题通常需要几个步骤。你的主界面上方应该会跳出一个启动的选项,按照它的步骤做就能启动主题。

以我的例子来说,我从Thrive Themes购买了一个主题,画面上显示了启用许可(License Activation),所以我点击这个选项并且遵照他们的指示来启用主题。

每一个主题需要的步骤可能不同,如果你卡住了,赶紧联系该公司的客服支援寻求协助。

通常,你需要的所有资讯都会在你购买时传送到你的信箱。

主题提供者加上这么多道步骤是为了防止偷窃。

key

举例来说:Thrive Themes 只会要求你在这些地方输入你当初用来注册的信箱和密码。

thrive window

再提醒一次,你所需的资讯很有可能已经寄到你的信箱了,就我来说,我只需要登入到Thrive的介面来取得启用密码:

去到ThriveiveThemes.com>会员介面>我的帐号与许可密码

如果你的主题公司不是这家,步骤就会不一样。

thriveblank

现在,你的主题已经安装好了!!

固定网址设定– 选择你喜欢的URL 路径

接下来,我们要设定URL路径,这设定最主要是要让搜寻引擎(如Google Chrome)比较了解你的网站是关于什么内容,这是我们需要处理的其中一个基础设定。

以下是设定路径:

Settings > 固定网址> 文章名称> 储存变更(你需要往下滑才会看到储存键)

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

页面vs. 文章

页面跟文章的不同在于文章比较简单,但刚开始这个观念可能比较难理解。

一个页面是不变的,你可以改变你想要的内容,但页面通常不会有太大的变化,例如:一个连络资讯页面,它是一个在你官网中几乎不会改变的页面。

也就是说,如果你想要建立一个联络资讯的部分,你就可以他们的页面设定。

下面是Nike.com的连络资讯页面:

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

这一页面是不变的,也是你的网页中很少会改变的页面。

另一个页面的用途是你的网页中选单的内容。

如果我们继续用Nike的网页当例子,这是他们的Women页面,一个展示女性产品的页面。

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

发表文章或贴文

另一方面,文章是你在你的网页中常常会用到的东西。

举例来说,如果你想要为你的网页写文章,你会使用贴文。

如果你想要一个长久的页面,那你要设定的是网页选单,这时要使用的是页面。

贴文的优点是你可以分类,这样一来你能更容易地组织你网页中的内容。

它们很相似,但他们些微的差异点让你能更简单的组织你的网页,如果你还记得之前我们提到的,Wordpress是一个内容管理系统。

新增页面

新增页面十分简单。你只需要点击以下路径:

页面> 新增页面

还有其他选项,我们会在稍后介绍它们。

page1

新增媒体

新增贴文与新增页面很类似。你只需要到:

文章> 新增文章

你会注意到,贴文有一个可以建立分类的部分。

post

建立分类:新增分类>输入分类名称>新增分类

categories

分类是什么?

基本上,它就是一个组织你的贴文的方式。

比方说,你有一个关于健身的网页,那你就可以将你的贴文分成下列几个类别:

  • 重训
  • 饮食
  • 心肺运动

你能简单地将你的贴文按照不同主题分类,例如:如果你有人想要知道更多关于重训的技巧,他们可以点开你的重训类别。

创造内容

现在你已经建立了几个页面和几则贴文,你会注意到写作介面与Word的介面类似。

因为它与Word很类似,我想要着重在几个比较难使用的功能。

我们会透过下面这个画面向你说明怎么做:

输入一个标题然后转换到html建立功能。

我会包含另一个很重要却容易遗漏的按钮,英文我们称它为Kitchen Sink,中文的介面中它叫做工具。

blankpost

改变字型大小和标题

这是选择你的文章框格是很重要的一步,它能显示你文章中某些部份比其他部分重要。

WordPress有很多标题选项

headlinestags

通常,一段文字越重要,你要让它越大,这时你可能会选择标题一或标题二。如果它没那么重要,你可以选择三或四。

以下的图片可做为简单的例子:

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

发表页面/文章(贴文)

你会发现在你的右手边,有几个选项让你能够储存或发表一个页面或文章。

一篇文章还没写完,但你需要暂停写作时,你可以把它储存为草稿,还有预先设定发文的选项让你能够设定一个发表日期,你可以设定一篇文章要在一周后的某天发表。

更重要的是,它也预览的选项,如果你想要校阅你的贴文或者在发表前看看发表之后的样子,这对你来说会非常有用。

publish

怎么建立一个连结

这相当重要,因为连结可以让拜访者参考/进入其他在你网站中的页面或其他人的网页。

以下用纽约时报作为例子,你注意到他们怎么引用其他在网路上的资源了吗?

连结

如果你正在写一篇全新的文章,你可以透过加入你讯息来源的连结来引用一个资料来源。

另一个用法是引用一个你网页中旧的贴文当作额外资讯。

读者很喜欢这种东西,这可以让他们感觉与你的内容更有共鸣。

建立连结只需要选取你想要连结的文字,点击连结按钮,输入你的url后,再点击送出就可以了

createlink

增加图片或影片

要让读者与你的内容更有共鸣,你可以增加图片或影片,而Wordpress让这些事情都变得非常容易完成!

图片

重要提醒:你应该从哪里取得图片?

我们绝不推荐从其他网页偷取图片。

以下是我们推荐的选项:

  • 购买图片
  • 自己拍摄图片
  • 使用创作共用的图片

关于图片的重要提醒

pexels.com这个网站提供完全免费并且符合公共领域贡献宣告的图片。

以下是几个提供免费图片的常见网站:

  • pexels.com
  • pixabay.com

如何增加图片

在一个页面或贴文中增加图片,点击新增媒体:

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

下一步:上传档案> 选择档案

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

接下来,在你的右手边,描述你的图片,选择摆放位置(左边、右边或中间),然后送出。

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

现在你的网站上就会出现图片了:

add image

加入主题图片

精选图片是代表你贴文的图片,如果你建立了一个可以让你最新贴文显示在页面最上面的首页,封面图片将会是你放在你的内容旁边的图片。

如果我们用纽约时报(Wordpress用户)当作例子,以下是几张在他们首页上的精选图片。

NYT

总之,有精选图片是一个能让你的贴文在与其他贴文组合在一起时看起来更漂亮的方式。

要新增精选图片,只要在你的右下方,选择设定精选图片:

设定精选图片

然后用和上传一般图片一样的步骤就可以了。

嵌入影音媒体

以前如果你不懂HTML,加入影片非常麻烦,不过Wordpress升级后让你能使用插入功能,这代表,如果你想要嵌入一个Youtube影片或类似的东西,你只需要在你的贴文贴上Youtube URL.

首先,去你最喜欢的影片提供平台,复制URL:

然后把URL在你的贴文或页面中贴上后等待几秒钟。如果它没有自动载入成功,先将你的页面或贴文储存或储存为草稿。

以下几个平台,你都可以使用这个方法:

  • Youtube
  • Facebook
  • Instagram
  • DailyMotion

设定WordPress选单

为了学习如何设定Wordpress选单,我们藉由在选单中加入三个东西来做练习。

我们要将以下几个东西加入选单中:

  • 首页连结
  • 关于我们页面连结
  • 联络我们页面连结

你需要花一点时间做以下这两个页面:

  • 关于我们
  • 联络我们

如果你已经建立好了,你会看到他们出现在你的页面选单中。

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

去到选单画面的路径:

外观>选单> 为你的选单命名> 建立选单

create menu name

设立你的选单

这个部分比较难掌握。不是因为设定很难,而是因为每个主题都有些微的不同。

重要提醒

如果你购买了一个不同的主题,它看起来可能不会和我们下方的指令百分之百一样。

以我们的主题当作例子,里面用英文写了Primary Menu,代表这是上方的选单,如果我们选择Footer,代表的是下方的选单,你的主题可能会用不同的方式设立,试试看或者阅读他们的指令。

选择>检视全部>选择你想要加入的东西>新增至选单>选择选单>位置>送出

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

完成了!我们的网页现在有选单了。去看看你的首页!

网站 Logo (Favicon)

图示是拜访者会注意到的其中一样东西,你随时可以更换,先找一个便宜的,大概5-20美元,便宜的都蛮好看的。

如何加入logo

这取决于你的主题,所以对每个人来说会有些不同,不过增加商标的步骤都很类似,加完第一个之后,你只需要摸索一下,就可以知道如何在其他主题中加入图示。

也就是说,我们可以提供你如何改变商标的大致观念,不过在不同主题中加入图示都会有些许不同。

以下是我们的步骤:

Thrive 面板>主题选项>一般设定>上传>储存

upload themes

小工具

这是你的工具列里面的工具,如果你想要广告或推广东西,你可以把它放在你的工具列。

以下的例子是一个受欢的旅游部落格nomadicmatt.com:

小工具

方框内的东西都可以透过小工具加入。

如何改变/加入小工具

选择外观>小工具>然后把你想要加入的东西拖曳并放置工具列

widgetexplain

完成之后,到其中一个页面去看看!

改变网站标题/标语

另个对改善网站排序(SEO)很好的技巧是确实填写你的网站标题和标语所在的区域。

要填写这些区域相当简单。

步骤一:Settings>一般>然后输入这些资讯

WordPress教学:搭建外贸电商网站教程【安装+购物车+ 主题】

步骤二:完成后,不要忘记在下方储存你的设定!

首页设定

设立一个静态首页是个一个很普遍的基本练习,如果你不喜欢主题原先设定的首页,也可以把它换掉。

你建立好你想要设定为首页的页面后,进到以下路径:

Settings > 阅读> 静态页面> 设置保存

分享到 :
相关推荐

发表评论

登录... 后才能评论