WordPress建站教程:基于网页设计实例的三合一教程

五个小时的【WordPress网页设计A-Z】中文课程,基于实战的WordPress建站教程,教会您如何编写个人网站/博客,公司/品牌主站,电商主站。不需要任何CSS,HTML,PHP或者JavaScript的编程知识,您就可以快速编写出高质量的专业网站。

您可以试听WordPress 中文教程,课程提供30天无条件退款。在这门WordPress 教学课程里,您将学习如何创建个人网页/博客、企业/品牌网站,或者电子商务主站,学习从购买网站域名到使用WordPress完成整个网站的编写的全过程,同时,讲师彼得为每一位学院提供微信和在线的全程答疑服务。

您目前所访问的博客网站www.howlifeusa.com完全是由WordPress创建和管理的,我们使用GTmetrix对于网站加载速度进行测试,网站的完全加载速度接近1秒钟,同时,网页的各项性能也几乎完美,测试结果如下图所示。通过【WordPress网页设计A-Z】的课程学习,您也可以创建专业的个人网站、公司主页,电商网站,课程限时优惠正在进行中,查看课程内容

BONUS: 立刻免费下载 【WordPress 建站流程清单】PDF,按照流程完成WordPress 开发。

为何需要一个网站?

网站可以用于各种用途,不论您是大学教授,公司员工,自主创业者,旅游爱好者,舞台艺术表演者,您可能都需要一个展示和分享的平台 – 网站。简单举几个例子:

个人主站

很多名人和网红都开设自己的个人网站来发布最近的个人讯息,并且与粉丝互动,比如,美国著名的魔术师David Blaine就利用自己的个人主站来发布自己的演出行程,2018年,David在美国各地会举办一个巡回魔术表演。其实,不仅仅是名人需要网站,作为一个普通人,您也需要这样一个个人主页。比如,

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

如果您正在找工作或者换工作,那么您的个人网页一定会给您的个人简历增色不少,同时使得用人单位找到您。目前,很多的在校学生,都开始设计自己的个人主页,来展现自己。比如,正在德国柏林读博士后的Axworthy博士,就利用个人网页展示最新的科研成果。

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

如果您有什么个人兴趣,比如喜欢分享幼儿教育心得,您可以使用个人网页来发布,您目前所访问的【美国生活ABC】就是一个个人分享的博客网站。在您的个人网页上, 您可以发布博客、分享照片、抒发心情和讨论感兴趣的话题,与人分享,结交朋友。不同于目前的博客网页或论坛,比如mitbbs或者huaren,您对于您自己的网站拥有完全的控制权,能够更好的管理自己的网站内容,不会遗失,不受限制,不被封号。

产品品牌推广

作为品牌的推广者,网站作为您的品牌主站,是市场推广和营销的大本营。大到世界品牌 (比如,耐克联想),小到5年的初创企业 (比如PeletonOSMO),几乎所有的品牌都有自己的品牌网站。您可以在品牌主页发布您的产品讯息,组织相关的互动活动,发布促销广告,这样可以增加品牌的认知度,并且可以独立于其他营销平台,比如Facebook或者Instagram (规则会随时变化) 。最近,美国巨富Elon Mask已经决定将个人和公司从Facebook中退出,可见,借助第三方平台有着极大的弊端和局限。使用独立的品牌推广网站,您对网站拥有绝对的所有权,对于营销策略的制定和应用,有着天然的优势。

公司主页

不论是大公司,还是初创公司,都会设计自己的公司主页,将产品信息和提供的服务很清晰的展现出来。有了公司主页,很多客户就会自动找上门来,对于公司意义非凡。很多公司的公司主页实际就是品牌主站,比如,苹果公司。也有的公司,会单独设计出其他的品牌网站,比如最近发展迅速的Anker公司,在自主品牌/公司的网站基础上,又建立了多个单独的品牌网站,比如,ZoloRova等等不同的独立品牌。

电商主站

作为一个电商卖家,您肯定会选择亚马逊EbayShopify或者 Wish等第三方平台,好处是有大量的客户,但是缺点也非常明显。这些巨型的第三方平台,时常变换规则和算法,所以有很大的风险,同时,您要付给他们大量的平台使用费用,并且分出一定的利润 (比如,亚马逊收取15%的利润分成)。所以,作为一个新的电商发展方向,您也可以制作您自己的电商网站,利用WordPress以及插件Ecommerce就能够轻松搞定,不用再受第三方平台的挟制了。

WordPress 介绍

WordPress 是什么?WordPress是一种使用PHP语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设WordPress。您可以使用WordPress搭建一个的独立博客,也可以把 WordPress 当作一个内容管理系统 (Content Management System,简称CMS 平台),总之,WordPress 功能强大,几乎可以搭建任何类型的网站。

为什么选择WordPress?

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

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

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

  • WordPress拥有大量的网页主题可供选择: 您可以根据您的爱好和需求,选择不同的网页主题,包括电商、网络营销、教育、摄影、博客等等各个不同种类的网页。所以,网页的编写过程不是从无到有,而是在一个框架下进行添加和修改。您当前访问的网站【美国生活ABC】使用的是xMag Plug主题

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

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

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

那么WordPress 怎么用呢?如何创建一个WordPress 网站或者WordPress博客呢?我们为您提供了完整系统的WordPress建站教程,您可以按照以下三个步骤来创建您的WordPress 网站:

步骤一: 注册网站域名

网站域名注册 (Domain Registration)就是注册网站的名字,网站域名是网站的唯一标识符,比如,谷歌的网站域名就是google.com,您目前所访问的网站域名是howlifeusa.com。那么如何才能注册即经济又有保障的网站域名呢?请考虑彼得给您的几个建议:

  • Namecheap: 您在这里可以找即经济又可靠的域名,有些域名只要$0.48/年,您可以在下面的搜索栏中查找您所喜爱的域名。注:有些国内的朋友会使用阿里云域名,这里提醒大家一下,阿里云域名解析常常出错,而且不稳定,所以不推荐。

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

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

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

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

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

  • ICANN联系方式审核: 在购买域名后的15天内,Namecheap会给您的注册邮箱发送一封确认邮件,您需要查看您的联系方式是否正确,如果正确,请点击确认链接,以最终完成注册。

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

Find a domain starting at $0.48

powered by Namecheap

步骤二: 申请虚拟主机

虚拟主机 (Web Hosting)是一个网络空间,用于存放网站的文字、图片和视频等内容,可以是当地的服务器,也可以是云空间 (比如亚马逊提供的AWS) 。您在申请虚拟主机的时候,请考虑以下几个方面:

  • 虚拟主机类型: 目前有两种,一种是共用IP地址的,另一种是独立IP地址的。如果您看重网站在谷歌SEO里面的排名,您可以考虑选择独立IP的虚拟主机。对于新手,共用IP的虚拟主机也完全能够满足您的需求。

  • 选择虚拟主机供应商 (SeohostSiteground): 目前,市面上有很多虚拟主机供应商,价格不同、服务的质量也是大相径庭。有的便宜、但是服务差、速度慢,有的贵,但也不能满足使用需求。有的提供在线答疑,而有的只能提供线下的技术支持,一般需要1到2天的回复时间,非常不方便,问题往往不能阐述清楚。作者使用过多个虚拟主机供应商,这里推荐两个给大家: SiteGroundSeohost

  • 虚拟主机和域名可以从不同的供应商购买: 你可以从Namecheap购买域名,而从Seohost购买虚拟主机,通过设置网站域名的DNS,就可以完成网站域名和虚拟主机的连接。

虚拟主机推荐

Seohost: 非常便宜,适合于WordPress初学者。$7.87/月可以管理5个不同IP地址的网站 (共享IP),优质客服,在线可以解决90%以上的客户问题,如果您希望编制多个网站,那么这个虚拟主机是您最好的选择。如果您希望为网站分配5个独立的IP地址,那么价格为$15.79/月。Seohost提供实时的在线答疑,您有任何的问题都能得到快速的解决。同时,Seohost允许您按月付费,所以,您可以按月试用这个虚拟主机服务,如果感觉不错,可以转成1年或者2年的服务,一次订阅的时间越长,越便宜。由于价格便宜,网站速度自然就不能和后面提到的SiteGround主机相比。本文作者的个人网页peterdzh.com就托管于Seohost主机。

Siteground: 属于Managed WordPress Hosting,点击了解什么是Managed WordPress Hosting?,兼顾价格和性能,适合于对网站加载速度要求高、对网站整体性能要求高的朋友们,可以说SiteGround是低价格、高性能的完美结合。目前SiteGround提供三种服务和价格:Startup、GrowBig和GoCeek,价格分别为$11.95/月,$19.95/月,$34.95/月,但是第一次使用的价格为$3.95/月,$5.95/月和$11.95/月,如果您一次订阅,最长可以享受3年的优惠价格。这里我们推荐GrowBigGoCeek,具体的原因您可以查看我们撰写的【WordPress速度优化2018:网页加载速度实现11秒到1秒的飞跃】。如果您希望使用独立的IP地址,那么每个月需要增加$4.5的花费。目前,您所访问的博客【美国生活ABC】托管于SiteGround主机。

WP Engine: 同样属于Managed WordPress Hosting,比Siteground价格要高出很多,最便宜的服务都需要$35/月。如果您对网站速度和性能要求极高,又不差钱,那么您可以选择这个主机。

步骤三: WordPress 建站

WordPress 是一个免费并且开源的网页编写应用平台,目前WordPress 版本是4.9.8,点击下载,截止2018年初,全世界有接近16,000,000个网站由WordPress支持和管理,大概占到全世界网站总数量的30%以上,您可以按照以下五个步骤来完成WordPress 搭建工作:

课程资料下载:如果您已经注册了课程,请点击下载课程使用资料

1. WordPress 安装

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

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

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

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

2. 设置WordPress主题 

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

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

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

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

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

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

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

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

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

3. 添加网页和博客

网页的内容主要是由网页 (Page)和博客页(Post)来展示,您可以使用自带的WordPress 网页编辑器来编写网页和博客页,它们的编写方式基本相同, 但是两者仍然还有所不同:

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

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

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

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

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

4. 设置菜单栏

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

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

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

5. 设置附加工具

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

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

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

6. 添加插件

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

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

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

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

WordPress 插件推荐

在我们为您准备的【WordPress网页设计A-Z】中文课程中,我们为您逐步介绍下面每种插件的使用方法,点击查看课程

  • 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,Bing中的排名。

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

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

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

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

WordPress高级主题

在我们为您准备的【WordPress网页设计A-Z】中文课程中,我们详细讲解了xMag Plus, One Page Express, Storefront等常用主题的使用方法点击查看课程
  • xMag Plus杂志类的WordPress主题,适用于任何的杂志、新闻、出版和评论类型的网站,您目前所访问的【美国生活ABC】使用的就是这个主题。

  • 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适合大学、教育机构的网站编写。

网站编写必备工具和资源

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

免费图片资源

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

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

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

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

图片制作工具

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

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

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

网站内容存储和管理工具

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

使用Youtube和Vimeo管理网站视频

  • Youtube:Google旗下的视频分享平台,主要针对普通的用户,完全免费,特点是流量大、内容丰富,是存放网站视频的最佳平台。开通Youtube账户

  • Vimeo:一个新兴的收费视频管理和存储平台,视频内容相对比较专业,视频质量也较高,虽然Vimeo主要是一个付费平台,但是也提供一个Basic的免费账户,不过存储空间有限制。开通Vimeo账户

总结

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

  • 使用Namecheap申请域名;

  • 注册Seohost或者SiteGround虚拟主机;

  • 在cPanel中安装并设置WordPress;

  • 选择合适的WordPress主题;

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

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

  • 使用附加小工具设置侧边栏;

  • 使用插件为网页添加多种功能。

如果您想了解如何一步一步的完成网站的搭建,请加入我们的中文课程【WordPress网页设计A-Z】,您可以试听WordPress建站教程,30天不满意无条件退款,课程限时优惠正在进行中,了解更多。如果您希望了解更多WordPress网页教学的内容,比如,WordPress加速和SEO优化,请 订阅【美国生活ABC】,我们会将最新的文章第一时间推送给您。

如果您有任何问题,请在文末”Leave a Reply“处留言,谢谢!

请给这篇文章打分,如果您喜欢这篇文章,请分享给您的朋友们。
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

Loading…

在美国获得工程学博士学位,曾经在美国大学任教,从事教学和科研工作 (已经发表的学术论文),目前投身少儿教育和在线教育领域。喜爱与家人、朋友共享美好时刻,热爱篮球、关注健康喜爱旅游跟踪新技术,特别关注儿童教育,目前投身于孩子的创造性解决问题能力少儿编程的培养之中,家长应该培养孩子的成长型思维方式 (Growth Mindset)、学会孩子应对关键对话 (Crucial Conversations),使孩子懂得成功依靠的是长期不间断的热情和坚持 (Grit)。

关于本站: 您正访问的个人博客【美国生活ABC】完全由WordPress制作和管理。该博客网站应用了系统的速度优化技术,网站加载速度从原先的11秒钟加速到1秒钟,请查看我们撰写的文章【WordPress速度优化2018:网站加载速度从11秒加速到1秒】。如果您希望制作专业网站,请查看我们编写的【WordPress网页设计A-Z】中文课程,一个星期之内,您就可以创建出您自己的网站了。不需要任何HTML,CSS,JavaScript或者PHP的编程经验,适合于网站搭建的初学者,以及已经了解WordPress,但希望再上一个台阶的朋友们。课程包含三种主要类型网站编写的实例:个人网站/博客、公司/品牌主站、电商网站。课程限时优惠正在进行中,查看更多

Leave a Reply

Your email address will not be published. Required fields are marked *