新手的网页设计 – WORDPRESS 第三章 WordPress Backend

登入WordPress

一些小提示:

大家都可能会有点乱,因为感觉都好像在做Login而已。这里我就解释下,我们之前一直在create的Account到底是什么用的。

第一次Create的是Exabytes的Login

主要是让你能检查和Renew你的Domain和Shared Hosting用的。其次也是可以你能登入进去你的Shared Hosting Server的。让你能在你的网站安装或删除WordPress,创建或删除 Domain‘s Email,更改PHP的Version等。

第二次Create的登入网站WordPress的Back End

这是让你可以设计你的网站Username和Password,或者大家都说的Website Backend,网站后台等这些名字。这是用来设计网站,安装新功能在你的网站,更新Homepage/Contact Us 等的图片或内容,上载新产品,检查订单等这些的功能。

登入网站的Backend

想要登入网站的Backend,其实只需要在你的domain name后面加上 /wp-admin(如下图)。比如我的网站的Url是shennyq.com,那就在后面加上 /wp-admin -> 就是 shennyq.com/wp-admin 就会看到下面这个WordPress Admin Login的画面了。然后输入我们在做WordPress Instllation时创建的User Name和Password。

WordPress Backend

登入后,这是第一个会看到的画面。这里就是让你开始设计的网页和设定你的网站的后台。这里就是我们网站的Backend,或有些人会说WordPress Backend, WordPresss Dashboard等其他类似的名字。

这里就是我们用来设计,管理,设定我们的网站的地方了。

*PS:接下来会讲解大部分的人是如何使用WordPress来设计网站的。这里要注意的是,每个人都每个人的做网页设计的方法,而我的方法都是会使用免费的东西来做网站的。

WordPress 的Admin Bar

WordPress的Admin Bar,是如图下红色线条上面的那条Bar。在Admin Bar里,你可以注意到有【WordPress的Logo】, 【屋子的Icon + My Blog】(My Blog这个字是Site Title来的。如果发现到你的不是My Blog也不用担心,因为是可以更换的。),【Comment Icon + 0】【+ New】,然后去到最右手边那里的【Howdy, admin + Profile Picture】。这些在Admin Bar里的 Menu 其实都是左手边那里的Menu(白色格子里的Menu)里都可以找到的。所以Admin Bar就有点类似于快速键一样的功能。

注意:当有安装了某些Plugin,Admin bar里的Menu会显示该Plugin功能的快速键
  • WordPress Logo – 是Redirect你回来WordPress Backend的快速键
  • 屋子Icon + My Blog(Site Title) – Redirect你去网站的Front End,就是Visitor会看到的页面。
  • Comment + 0 – 这个是通知你的网站有多少个新的Comment 留言和Redirect你去Comment那里
Comments Page Layout
  • + New – 快速创建新的 Page,Post,User,Media,etc(安装某些Plugin后,这里也会有可能出现该Plugin的选项)
  • Howdy Admin + Profile Picture – 登出WordPress Backend和快速导入去User Setting那里。
WordPress Menu – Dashboard

Dashboard 主要是用来显示或展现给你看整个网站的Overall的东西。比如有什么新的Comments,有什么新的Updates,网站的健康度,Google Analytics(要安装Plugin),最后一次在网站里做了什么,等其他的新的Information。

Dashboard里的第二个选项- Updates。这里是告诉你WordPress,Theme,Plugins是否有更新的版本。也可以在这里直接更新WordPress,theme,Plugins的Version。

WordPress Menu – Post

Posts简单来说主要是用来写 Blog / Information Sharing / 日常分享 等这些属于分享类的文章用的,而且是可以归类的(Categorize的),可以让浏览者参与留言,讨论的。就比如你们现在在阅读的这篇文章,都是用Posts来做的。那如果你们觉得我写的好的好或有什么地方需要改善的,都可以在下面留言的哦。

但是Posts却不适合用来做Home Page, Contact Us Page, About Us, Terms & Policy等这些用来告诉浏览者关于你的公司,行业,规矩的资讯

  • All Posts – 显示你全部的Posts。这里做删除或更改Post内容的地方
  • Add New – 加入新的Post,和黄色格子的【Add New】是一样的功能
  • Categories – 加入、删除,更改Post的Categories
  • Tags – 加入,删除 Tags
WordPress Menu – Media

这里是显示你全部的图片,其他文件(如pdf文件,音乐文件等其他文件。一些文件需要安装相关的Plugin后才可以上载,如APK 文件)。在这里你可以上载文件,删除文件,或图片Cropping和Resize。

这里要说明一下,你可以直接在Posts/Pages/Products里上载图片的,而且那些图片也是可以在Media那里找到的。所以你不需要在Media那里上载了图片了然后又回到Post/Page/Products那里inserts图片。

WordPress Menu – Page

Page的使用方法是和Post差不多的,只不过Page是用来告诉浏览者关于你公司是卖什么的(Home Page),关于公司的创业史(About Us),联络方式(Contact Us Page),最近有做什么Promotion(Home Page的Banner)吗,你们的Policy(Terms & Condition, Privacy Policy, Shipping Policy, Refund & Return Policy) 等这些的资料。

从图片里也可以发现到,Pages是只有【All Pages】Add New】,没有【Categories【Tags的。所以Page是不可以做分类的而Post却可以做分类的。

WordPress Menu – Appearance

Appearance翻译成中文就是样貌的意思。这里是让我们管理我们所下载的Themes,包括寻找新的Theme,更新我们Theme的Version,或也可以在Dashboard-> Updates里做。

一个网站可以下载很多个Themes,但是同一个时间只能和必须Activate 1个 theme。WordPress是不能同时Activate 2个Themes的。

注意看上图的白色框里的选项里面只有2个选项而已。这里我要说的是Appearance 里面的选项是会根据不同的Theme有不同的选项。

Appearance – Twenty Twenty Theme

现在我Activate Twenty Twenty的Theme了,然后会发现到Appearance的选项从本来的2个变成了【Theme】,【Customize】,【Widgets】,【Menu】,【Background】,【Theme File Editor】。因为每个Theme都有自己的强点和弱点,所以这样也导致了每个Theme都会有自己的设定。

注意;如果是新手用来做自己网站的,不要一直换Themes。因为每换一次,有很大的可能是需要去学习新的Theme要如何使用。如果非要换theme的话,去找一些youtube里有很多人用来做教学的theme来使用。

现在我Activate Twenty Twenty的Theme了,然后会发现到Appearance的选项从本来的2个变成了【Theme】,【Customize】,【Widgets】,【Menu】,【Background】,【Theme File Editor】。因为每个Theme都有自己的强点和弱点,所以这样也导致了每个Theme都会有自己的设定。

因为每个Theme都有自己的Apperance 选项,所以这里我就大概解释通常我们都会动到的几个选项而已。

  • Customize是客制化整个网站的地方。而且每个Themes的Customization也是不一样的。有些Theme是没有的做Header Setting而有些是有的。
  • Menu – 这里是给你创建Menu的地方。你可以设定你的Menu里的排法次序和该显示什么Page/ Post Category / Product Category / 或Custom URL。创建好了后可以把设置这个Menu在Header还是Footer。
  • Theme File Editor – 这个是给会Coding的人去动的。通常是用来修改或加入一些需要用到Coding的功能。
  • Widget – 多数都是用在Side Bar或Footer那里的。甚至有些Theme还可以用在Header那里的。Widget的作用就是你可以在这里设定或设计个别的Widget。然后再把这些Widget放进去Footer/ Side Bar里的。
WordPress Menu – Plugin

Plugin,在WordPress中文叫外挂,也可以想象这是需要去寻找的小帮手。而这些小帮手可以有效的帮助我们完善网站的功能。

比如: 我需要做一个可以收费和卖东西的Ecommerce 网站,在原有的WordPress里我们是找不到这些功能的,所以我们可以通过寻找Plugins来加载这两个功能进去我们的网站里。通过安装Woocommerce(让我们的网站拥有Ecommerce的功能的)和一个Payment Gateway的plugin,我们的网站就是一个完善的Ecommerce 网站了。而且这些Plugin还是免费的和只需要点击安装就可以了。

  • Installed Plugins – 已安装了的Plugins,可以在这里Deactivate,Activate,删除和Updates Plugin的Version。
  • Add New – 寻找我们需要的plugin。
  • Plugin File Editor – 不需要动。
WordPress Menu – Users

顾名思义就是Edit Users的地方。这里可以让你加或删除新的Users。比如这个网站需要让员工来管理,可是又不能给他们这个Main的User account。那么可以来这里Create 一个新的WordPress Back End User Account给他们。

除了Back End的User account,这里还可以edit或Create Customer/Subcriber等这些login不进来Back End的User Account的。

  • All Users – 显示网站所有的Users,Adminstrator可以在这里删除,更改或增加新的User Accounts。
  • Add New – 增加新的User Accounts,包括新的Adminstrator,Editor,Contributor,Subscriber,Author。
  • Profile – 这里是更改你自己的User Profile。
WordPress Menu – Settings

Settings -这是一个我们不需要很常去动到的地方。通常在刚开始弄网站时会用到而已,主要是设定哪个Page为Home Page,哪个Page是用来显示我们所写的Post Lists。

  • General – 用来更改我们网站的Site Title,Tag Line,是否开放给浏览者在我们的网站注册用户,时间日期的格式,WordPress Backend的语言设定,和Time Zone。
  • Writing – 主要是设定我们Post的Default 格式和Category。
  • Reading – 设定我们的主页是要显示Page还是Latest Post,如果是主页要显示Page,我们可以选择哪个Page为我们的Home Page。设定哪个Page是显示我们的Post List,该Page要显示几个Post List等。
  • Discussion – 设定浏览者是否可以留言和留言的设定。
  • Media -设定网站里显示Thumbnail,Medium Size和Large Size的图片 default Pixel size。
  • Permalink – 更改网站的靜態連結的规格(domain.com/permalink)。Permalink就是我们domain后面的那个Post Link URL,比如我的Post的Permalik URL是 shennyq.com/[Post Cagetory]/Post title
  • Privacy – 设定哪个Page是你的Privacy Page。
Final

到这里我们就可以开始尝试自己动手制作自己的网站了。

Leave a Reply

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