WordPress教程,公司、电商、品牌网站三合一教程

2020-02-28 21:35:24 返啦返利网 7

WordPress教程,基于实战的WordPress建站教程。
您会详细了解如何编写个人网站、公司/品牌主站、和电商主站。
不需要任何CSS、HTML、或者JavaScript编程经验,您就可以快速创建高质量的专业网站。

目录

  • WordPress教程简介

  • 为何需要一个网站?

  • WordPress介绍

  • 为什么选择WordPress?

  • WordPress网站搭建步骤

  • WordPress使用详解

  • WordPress插件推荐

  • WordPress高级主题

  • 必备工具和资源

  • WordPress建站总结

1. WordPress教程简介

课程分成五大篇章准备篇基础篇实战篇工具篇进阶篇。在这门WordPress 教程里,您将学习如何创建个人网页/博客、企业/品牌网站,以及电商/外贸主站;

  • 在准备篇中,您会学习到从购买网站域名到使用WordPress搭建整个网站的全过程;

  • 在基础篇中,您会学习到设置WordPress和使用WordPress编写网站的全部知识,包括,设置主题、编写网页和博客页、定制菜单、设置附加工具、安装插件等等;

  • 在实战篇中,您会通过具体的实例学习到如何创建个人网页/博客、公司和品牌网站、以及电商网站;

  • 在工具篇中,您会了解到网站编写所需的各种工具和资源,“工欲善其事,必先利其器”,这些工具会让您的工作事半功倍。

  • 在进阶篇中,您会学习到如何对网站进行进一步的个性化设置,使您成为WordPress网站搭建的行家。

通过系统的建站流程,您可以在最短的时间内,成功建立您的个人博客、公司和品牌网站、以及电商主站。


2. 为何需要一个网站?

网站可以用于各种用途,不论您是亚马逊卖家、外贸公司、个体牙医、摄影公司、咖啡店老板、还是其他任何自主创业者、大学教授、舞台艺术表演者,您可能都需要一个网络平台来展示您的产品和服务。

个人主站

很多名人和网红都开设自己的个人网站来发布最近的个人讯息,并且与粉丝互动,比如,美国著名的魔术师David Blaine就利用自己的个人主站来发布自己的演出行程。

如果您是一位大学教授或者学者,您需要利用个人网页公布您的最新科研成果、分享您的专业文章、提高文章的引用次数,同时能够让潜在的项目合作者找到您。比如,美国匹斯堡大学的Roudometof教授和华盛顿大学的Perce教授就开设了自己的网站。

如果您是一名工程师,您可以在网站上列举您感兴趣的研究课题,对自己的研究工作进行总结,与人分享、与人交流。李博士就利用自己的个人网页,分享了自己在计算机辅助设计方面的有用资料。

如果您有什么个人兴趣,您都可以使用个人网页来发布,在您的个人网页上, 您可以发布博客、分享照片、抒发心情和讨论感兴趣的话题,与人分享,结交朋友。

不同于目前的博客网页或论坛,比如mitbbs或者huaren,您对于您自己的网站拥有完全的控制权,能够更好的管理自己的网站内容,不会遗失、不受限制、不被封号。我个人在文学城写的帖子就被删除过多次,所以强烈不建议。

产品品牌推广

作为品牌的推广者,网站作为您的品牌主站,是市场推广和数字营销的大本营。大到世界品牌 (比如,耐克联想),小到5年的初创企业 (比如PeletonOSMO),几乎所有的品牌都有自己的品牌网站。

您可以使用品牌主页发布您的产品讯息、组织相关的互动活动、发布促销广告,这样可以增加品牌的认知度,并且可以独立于其他营销平台,比如Facebook或者Instagram (规则会随时变化) 。

近两年,亚马逊中国卖家陡增,这些自主品牌(Private-Labeling)都需要使用独立的品牌推广网站,他们对网站拥有绝对的所有权,对于营销策略的制定和运用,有着天然的优势。

公司主页

不论是大公司,还是初创公司,都会设计自己的公司主页,将产品信息和提供的服务很清晰的展现出来。有了公司主页,很多客户就会自动找上门来,对于公司意义非凡。

很多公司的公司主页实际就是品牌主站,比如苹果公司。也有的公司,会单独设计出其它的品牌网站,比如最近发展迅速的Anker公司,在自主品牌/公司的网站基础上,又建立了多个单独的品牌网站,比如,ZoloRova等等不同的独立品牌。

电商主站

作为一个电商卖家,您可能会选择亚马逊EbayShopify或者 Wish等第三方平台,优点是有这些平台拥有大量的访客,但是缺点也非常明显。

这些巨型的第三方平台,时常变换规则和算法,所以有很大的风险,同时,您要付给他们大量的平台使用费用,并且分出一定的利润 (比如,亚马逊收取15%的利润分成,eBay收取10%的利润分成)。

所以,作为一个新的电商发展方向,您也可以制作您自己的电商网站,利用WordPress以及插件Ecommerce就能够轻松搞定,不用再受第三方平台的挟制了。

3. WordPress介绍

WordPress是什么?

WordPress是一种使用PHP语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设WordPress。您可以使用WordPress搭建一个的独立博客,也可以把 WordPress 当作一个内容管理系统 (Content Management System,简称CMS 平台)。

总之,WordPress 功能强大,几乎可以搭建任何类型的网站。众多的知名的网站,都是由WordPress编写和管理的,比如,Georgia State University大学网站奥巴马基金会纽约邮报愤怒的小鸟主站Walt Disney网站 NBA达拉斯小牛队的网站等等,

您可以查看WordPress.org官网,查看许许多多由WordPress编写和管理的网站。

4. 为什么选择WordPress?

  • WordPress支持了全世界34%以上的网站:截止2019年8月,根据W3techs提供的数据,全世界有大约16,000,000个网站由WordPress编写,大概占到全世界网站总数量的34%以上。

  • WordPress可以用于任何用途的网页编制:这个平台可以用于编写包括博客、电商、社交平台、会员注册等众多类别的网页,非常强大。查看实际编写的例子。

  • WordPress拥有强大的插件系统:插件是由众多第三方软件开发公司和人员提供的实现各种不同功能的工具,就相当于为苹果手机提供的各种APP。这些插件大多是免费的,利用这些插件,您能实现各种功能,包括查看您网页的浏览量等等。了解更多WordPress插件。

  • WordPress拥有大量的网页主题可供选择: 您可以根据您的爱好和需求,选择不同的网页主题,包括电商、网络营销、教育、摄影、博客等等各个不同种类的网站。所以,网站的搭建过程不是从无到有,而是在一个已有的框架下进行添加、修改以及个性化设置。您当前访问的网站【美国生活指南】使用的是xMag Plug主题,我们编制的其它几个英文网站使用的都是StudioPress主题中的Outreach Pro。

  • WordPress提供最为快捷的网页编写方法:您不需要掌握CSS、HTML、PHP、Javascript的编程语言就可以进行网页的快速设计,设计过程简单、快捷。

  • WordPress完全免费:使用WordPress来制作网页完全免费,而且免费升级。所以,您可以永远拥有最新的工具和服务。

  • WordPress完全开源:一切代码都是赤裸裸的,WordPress是使用开源的程序开发的开源应用,您可以看到WordPress网页的源代码,所有代码在你面前一览无余。

5. WordPress网站搭建步骤

WordPress 怎么用呢?如何创建一个WordPress 网站或者WordPress博客呢?

5.1 步骤一: 注册网站域名

网站域名注册 (Domain Registration)就是注册网站的名字,网站域名是网站的唯一标识符,比如,百度的网站域名就是www.baidu.com

那么如何才能注册即经济又有保障的网站域名呢?请考虑以下几个因素:

  • 阿里云: 您在这里可以找即经济又可靠的域名,有些域名只要¥1元/年,您可以在Namecheap首页的搜索栏中查找您所喜爱的域名。

  • .com, .cn, .com.cn: 最好选择“.com”, “.cn”和“com.cn” 作为您的域名后缀,便于记忆,更有利于提升网站在百度搜索引擎里面的排名。

  • 域名长度:域名长度越短越好,尽量保持在20个英文字符以内,比如,nba.com就是个绝好的例子。当然短域名已经被别人注册的机率较大。

  • 域名内容:尽量选用关键词作为域名,这样有利于百度搜索引擎的排名,打个比方,如果你从事儿童教育行业,那么ertongjiaoyu.com可能就是个很好的选择。

  • 域名中的符号:如果域名中需要使用词组,您可以使用连字符 (-) 将单词分开,比如上面儿童教育网站那个例子,您还可以使用et-jiaoyu.com。但我们不推荐使用(-),请不要使用下划线 (_)等符号,也尽量不要使用数字。

  • 选择个人信息保护服务:建议购买个人信息保护服务,这样别人就没有办法在网上查找到您的个人信息,比如您注册网页域名时使用的姓名和联系地址。

  • 如何找到好的域名:如果您苦于找不到心怡的域名,可以去阿里云看一看,只要提供关键字,就有可能得到大量的域名,供您选择。

  • 带有www的域名:您可能会注意到有的网站具有www作为前缀,而另外一些网站没有,比如目前您所访问的网站域名是www.fl.com.cn,而卢松松博客就设置成了lusongsong.com。其实带有www的域名是不带www域名的子域名,比如www.fl.com.cn就是fl.com.cn的子域名。您在安装WordPress的时候,可以选择使用一种形式 (带www或者不带www)来显示您的网站。


5.2 步骤二: 购买云主机

云主机 是一个网络空间,用于存放网站的文字、图片和视频等内容,可以是当地的服务器,也可以是云空间。

目前阿里云云主机从个人到企业都能满足需求,看个人经济情况级使用场景适当选择,阿里云官网网站有详细介绍。

特别注意:国内主机均需要进行备案,云主机商会协助大家进行备案的,备案周期3-30天不等。建议新手使用香港空间,无需备案即可使用,即买即用。

虚拟主机和域名可以从不同的供应商购买: 您可以从阿里云购买域名,而从腾讯云购买云主机,通过在阿里云中设置网站域名的DNS,就可以完成网站域名和云主机的连接。

5.3 步骤三: 使用WordPress建站

WordPress 是一个免费并且开源的网页编写应用平台,目前WordPress 版本是5.2,点击下载,截止2019年初,全世界有接近16,000,000个网站由WordPress支持和管理,大概占到全世界网站总数量的32%以上。 

6. WordPress详解

6.1 WordPress 安装

WordPress作为网页编写和内容管理平台,需要在cPanel中进行设置,cPanel是一个功能强大的虚拟主机管理软件。请按照以下的步骤安装WordPress。

  • 登陆cPanel 账户: 登录您的Siteground账户,在虚拟主机账户里面,进入您的cPanel账户。

  • WordPress下载: 进入cPanel之后,点击WordPress图标,在cPanel账户中下载WordPress,进入WordPress安装页面,首先完成WordPress 配置,进而完成WordPress 安装。

  • WordPress登陆: 安装完成之后,使用安装时设置的用户名和密码登陆WordPress 后台,登陆地址在:https://网站名/wp-admin, WordPress提供多用户注册功能,如果您的网站需要多人管理,您可以让每一个用户都完成WordPress 注册。

6.2 设置WordPress主题 

WordPress网站主题 (Theme)提供了不同的WordPress模板,决定了网站的框架和结构,使得网页编写快捷,同时达到优质的编写效果。选择网站主题需要考虑以下三个因素: 

  • 根据网站的用途选择: 考虑网站是用于公司/品牌,个人网站/博客,还是电商网页,或者是摄影图集。

  • 根据个人的喜好: 选择网页主题之前,您可以预览主题的样式和结构,包括菜单的设置,字体的样式等等,对于同种用途的主题,选择您所喜欢的主题。

  • 考虑使用反馈: 查看主题的基本介绍,选择评价人数多、并且评价高的主题。

您可以按照以下的步骤,设置网站主题:

  • 选择控制面板中左侧功能区【Appearance】的第一个子选项【Theme】。

  • 点击【Add New】按钮,查看更多的网站主题。

  • 选择心怡的主题,点击【Install】按钮,之后再点击【Activate】按钮,在您当前的网站应用该主题。

  • 修改当前主题的一些样式,不同的主题所提供的修改项不尽相同,请根据实际情况进行修改。

6.3 添加网页和博客页

网页的内容主要是由网页 (Page)和博客页(Post)来展示,您可以使用自带的Gutenburg编辑器或者经典编辑器(需要安装Classic Editor插件来实现)来编写网页和博客页,它们的编写方式基本相同, 但是两者仍然还有所不同:

  • 网页 (Page): 更多用于静态的内容,不包含时间信息,不包含Tag和Category等属性,一般用来编写”关于”,”联系我们”等页面。

  • 博客页 (Post): 自动包含博客编写时间,并且默认情况下按照时间顺序对于所有博客页面进行排序。博客页包含Tag和Category等属性,可以对博客进行分类。

您可以按照以下的步骤添加您的网页和博客页:

  • 添加网页: 在WordPress控制面板左侧的选项栏里面,点击【Pages】,添加网页标题和内容,在网页编写窗口,点击右侧的【Publish】按钮,发布您的页面。

  • 添加博客页: 在控制面板左侧的选项里,点击【Posts】 ,添加博客标题及内容,点击编辑窗口右侧的【Publish】按钮,发布您的博客。

6.4 设置菜单栏

网站的菜单 (Menu)一般显示在网页的顶端或者主图的下方,实现网页内容的迅速导航。便于网站的访客迅速找到感兴趣的话题和内容。请按照下面的步骤设置网站的菜单栏。

  • 在WordPress控制面板的左边功能选项里面,点击【Appearance】的第三个选项 【Menus】,进入菜单设置对话框。

  • 在【Menu Structure】中,设置菜单选项。您可以选择已经编辑好的页面、博客、自定义链接或者博客类别作为菜单选项。

6.5 设置附加工具

Widget是WordPress提供的一系列附加工具。支持在网站侧边栏加入WordPress内置的功能,比如日历、博客列表、文字、图片等等,方便访客快速查找网站的相关网页。

  • 在WordPress控制面板左侧,点击【Appearance】的第四个子选项【Widget】,进入附加工具添加窗口。

  • 在右侧操作区,添加网页所需的工具。

6.6 添加插件

插件 (Plugin)是WordPress功能强大的一个重要原因。在WordPress的框架下,插件能够实现不同功能的扩展和延伸,比如,利用WooCommerce插件可以实现电商网站的网上订货、付款和订单跟踪。请按照下面的步骤添加插件:

  • 在WordPress控制面板的左侧选项里,点击【Plugins】,进入插件添加和管理窗口。

  • 使用搜索引擎查找需要的插件,比如,搜索”Contact Form 7″, 就可以安装制作在线表格的插件。

  • 点击【Install Now】安装插件,之后再点击【Active】激活插件,就可以开始使用了。

7. WordPress插件推荐

在我们为您准备的【WordPress建站教程】中文课程中,我们为您逐步介绍下面几种插件的使用方法。

  • Classic Editor: 从WordPress 5.0之后,WordPress推出了一个全新的文本编辑器,称为“Gutenburg编辑器”,使用了模块化的编辑方法,类似于下面提到的Elementor。如果您更习惯于传统的经典编辑器,您可以安装Classic Editor来继续使用经典编辑器来编写网页和博客页。彼得更习惯于传统的编辑器。

  • Elementor: 最为快捷和便利的网页编写工具,提供多种排版工具,使得网页编写更加简便,编写效果更佳突出,适合于任何网页主题,最重要的是完全免费。

  • Contact Form 7: 快速建立各类表单,实现网页表格的快速制作。

  • WP Backup: 提供WordPress 备份,实现网站内容的自动保存,防止网页内容的丢失。

  • Simple Author Box: 用于编写博客作者信息的插件,其实一般的网页主题都会提供这一功能,但是Simple Author Box能够更多的自定义项目,展现的效果会更有个性化。

  • Easy Table of Contents: 自动使用博客页和网页的标题创建内容目录,可以个性化设置目录的样式以及呈现的位置。

  • Post Type Switcher: 用于网页 (Page)和博客页 (Post)之间的类型转换。

  • Regenerate Thumbnails: 根据主题预定的Thumbnail尺寸,从新产生新尺寸的Thumbnail。

  • WP Subscribe Pro: 它是一款优质的网页访客邮件收集工具,能够与Mailchip等邮件推广工具无缝连接。

  • WooCommerce: 电商网站必备插件,实现产品上传和分类、网上下单、网上支付、单号跟踪等一体化的服务。

  • WP Rocket: 网站速度优化插件,提供内容缓存、优化CSS、JavaScript程式、优化图片/视频加载速度,请查看【WP Rocket使用教程】;

  • Google Analytics Dashboard for WP: 实现Google Analytics与WordPress控制面板的无缝集成,在控制面板中查看网页流量,实时监控网页访问数据。

  • Yoast SEO: 通过WordPress 优化实现WordPress SEO优化,从而提升网站在主流搜索引擎,比如Google中的排名。

  • WP Google Translate: 实现网页内容的翻译,支持80多中语言。

  • Jetpack: 它是一款WordPress.com 官方团队打造的外挂工具包,你只需要安装这款外挂,就能拥有34 种丰富又多功能的外挂。

  • WP-Post Ratings: 设置博客页面的访客评分系统,设置后,网站访客就可以给您的博客评分,重要的是,评分的结构可以显示在Google搜索结果中,提升访问的数量。

  • Child Themes Generator: 为当前的主题设置一个子主题,达到个性化设置当前主题的目的。


8. WordPress高级主题

在我们为您准备的WordPress教程中,我们详细讲解了xMag Plus, One Page Express, Storefront等常用主题的使用方法。下面我们推荐几个WordPress高级主题:

  • xMag Plus: 杂志类的WordPress主题,适用于任何的杂志、新闻、出版和评论类型的网站,您目前所访问的【美国生活指南】使用的就是这个主题。

  • StudioPress: 这是WP Engine所提供的主题,一共提供了66种高级专业主题可供选择,适合公司、B2B、电商、个人等等多种不同类型网站的制作。彼得的几个英文网站都是用是这个主题。

  • One Page Express: 适合公司、品牌网站的编写,价格为一次购买$79,所有的网站内容都可以放在首页上,类似于WordPress.org发布的Twenty Seventy主题。

  • Storefront (Child): 专门为电商网站设计的主题,由WooCommerce发布,所以和WooCommerce无缝集成。

  • Schema: 结构清晰,设置简单,非常适合个人博客的编写。

  • MH Magzine Pro: 适用于新闻和博客类的网页设计,价格为一次购买$49。

  • Responsive Pro: 适合于个人网页的编写,价格为一年$27。

  • Hestia: 公司/品牌类的WordPress主题,适用于公司网站、品牌主站。

  • LIorix One Lite: 适用于公司/品牌网站,菜单栏固定于网页首页,便于访客查找菜单项。

  • Spacious: 多用途的网站主题,适用于公司/品牌网站和博客网站。

  • Academic Education Pro: 适合于网上教学、教育机构的网站。

  • Education Hub Pro: 适合大学、教育机构的网站编写。

9. 网站编写必备工具和资源

在网页编写中,您常常需要使用大量图片和视频,同时需要管理大量的图片,您可以使用以下工具和资源管理图片:

9.1 免费图片资源

  • Pexels: 这是彼得使用的最多的免费图片网站,通过关键字手搜索,您可以找到成千上万的免费图片,最重要的是很多的图片都是免费使用。

  • Pixabay: Pixabay具有英文和中文两个版本。如果您使用中文关键字,可以使用中文版的Pixabay。

  • Unsplash: 和上面两个网站类似,可以通过关键词搜索的方式搜索图片。

  • Google Image: 通过谷歌关键词搜索,在搜索是选择【Tools】,进一步选择【Usage Rights】,通过设置图片License过滤选项,找到可以自由使用的图片,而不会照成侵权问题。

  • 另外相同的网站: Stocksnap mmtstock Rawpixels

9.2 图片制作工具

您可以使用以下工具对图片进行编辑和加工:

  • Canva: 这是一个免费的在线工具,可以用于制作各类用途的图片,比如网站博客的缩略图,文章内容配图、Facebook等社交媒体的缩略图。

  • Paint3D: 这是Window10自带的图片编辑软件,能够轻松更改图片的尺寸。

9.3 网站内容存储和管理工具

给网站添加图片或者添加文件时,您可以将图片直接上传到虚拟主机的服务器上,这是图片等文件加载最快的方法。但是,如果您的虚拟主机存储空间有限,那么,您就可以选择使用Dropbox等网盘存储和分类网站文件,包括PDF文件、图片等等。您可以使用Dropbox存储这些文件,并且通过分享文件URL的方式将文件显示在您的网站上。

9.4 使用哔哩哔哩管理网站视频

  • 哔哩哔哩:视频平台,主要针对普通的用户,完全免费,特点是流量大、内容丰富,是存放网站视频的最佳平台。

10. WordPress建站步骤

根据上面的详细讲述,您可以按照以下的步骤创建网站: 

  • 步骤一:使用阿里云申请域名;

  • 步骤二:注册阿里云主机;

  • 步骤三:在cPanel中安装并设置WordPress;

  • 步骤四:选择合适的WordPress主题;

  • 步骤五:编写网页和博客页,并将博客页按照类别进行分类;

  • 步骤六:使用菜单将整个网站进行重组和分类;

  • 步骤七:使用附加小工具设置侧边栏;

  • 步骤八:使用插件为网页添加多种功能。


标签: WordPress教程
网站首页
新闻资讯
APP下载
关于我们