这是一篇完整的 WordPress 页面新增+编辑教程。
新手刚完成 WordPress 安装,正在学习 WordPress 后台操作,可能想新增网站页面,像是关于我们、服务项目等 .. ,却不知道从哪里着手?
还是想新增 WordPress 页面,却发现是新增成文章内容,跟你想的不一样?
这篇文章我会教你如何新增+设计自订的 WordPress页面 ,这是丰富网站的要点,如下。
- 1. WordPress 文章和 WordPress 页面,哪里不同?
- 2. 新增网站标题和区块功能
- 3. 添加图片 / 影片
- 4. 页面设定
- 5. 设定 WordPress Seo
- 6. 存储草稿 / 预览 / 发布页面
- 7. 将页面新增至网站菜单
- 8. 页面管理面板
- 9. WordPress 页面编辑器
- WordPress 学习资源
准备好了吗? 我们开始吧:)
1. WordPress 文章和 WordPress 页面,哪里不同?
WordPress 文字和图片的呈现,主要由文章和页面,这两者所组合而成。 也可参考 文章和页面差别。
「WordPress文章」,指的是一系列的网站文章,因为数量通常比较多,所以可将这些文章分类排序,例如运动用品店会分享运动相关的文章内容。
「WordPress页面」,通常指的是品牌官网首页、关于我们、服务内容、联络我们等 .. ,有特定功能的页面。
简单来说,文章和页面是不同的种类,所以在新增或编辑之前,记得要选对唷:)
2. 新增标题和区块功能
前往 WordPress 后台 > 页面 > 添加页面,会看到 WordPress 默认的 Gutenberg 古腾堡 文章编辑器,可以用它编写内容。
首先,填入想命名的页面主题。
新增区块功能
然后点击左上角新增区块,里面有多种功能可选取,这里先选择段落功能。
接着,点击刚新增的区块,就可以自由编辑文字。
在侧边栏的区块 标签也可调整字体大小、颜色等功能,如下图。
- 新增任一个功能区块后,在侧边栏选取区块 分页,这里会显示可调整的细节项目,可以善加使用唷。
每个区块都有额外功能,像是在前后方插入区块、编辑 html 程序码、新增至可重复使用块、删除区块等 .. ,如下图。
WordPress 编辑器支持常规常用快捷键,像是 Ctrl+C(复制)、Ctrl+V(粘贴)等 ..,然后按下 Delete 即可删除区块。
新增版面配置
WordPress 编辑器也有版面配置功能,内建有几种样式设计,可依照自己需求选取使用。
这就是简单的区块编辑器操作教程,可以试着玩玩看,很方便的:)
3. 添加图片 / 影片
网页图片和视频也是常见的文章内容,这边简单示范教程。
新增图片
首先,点击左上角新增区块,可利用搜索字段或是往下滚动寻找,找到图片功能。
有不同的插入图片方法,像是上传、媒体库、从网址插入媒体,这几种显示方法。
这边用媒体库 当教程示范,可以用它来上传文档,直接选取图片或把图片直接拖放到区块中,皆可以完成上传。
当图片上传完成,可填写相关信息,这会有助于图片的 SEO 优化,填写完成后就选取送出。
接着,可以变更图片对齐方式、新增图片链接、图片尺寸等多种设定。
这样就完成图片新增啰。
新增影片
WordPress 区块编辑器,同样支持多种影片格式,像是 Youtube、Vimeo .. 。
复制想要新增 Youtube 的网址贴至下图字段,确认后嵌入,就可以新增 Youtube 视频啰!
也可以使用视频功能上传影片文档,或是用链接方式嵌入影片。
- 视频文档通常比较大,建议把文档放置在 Youtube 等视频流平台,然后用链接方式嵌入至网站上,会比较省空间唷:)
- 复制影片链接,直接贴至 WordPress 编辑器上,系统会自动添加视频功能。
4. 页面设定
当编辑好了网站页面,我们需要做一些页面设定,这样可更进入状况。
点击右手边的侧边栏 内容 标签,这里可设定整个页面的相关信息,这个和区块 标签不同,区块分页是编辑单一区块。
状态和可见度
「可见度」有公开、私密、受密码保护这几种,「 发布 」可自由指定文章发布日期,可当排程使用。
永久链接、精选图片
设定页面的永久链接,有点像是帮页面取名字一样,建议都用英文命名对SEO排名比较好。
如果没看到网址设定字段,可先点击 储存草稿,就可设定网址了。
设定精选图片,这是页面的封面图片,有些 WordPress 主题主题 会显示,而有些不会显示,这依照你的主题主题规划而定。
讨论和页面属性
设定讨论,可以设定是否开放给访客在页面下留言,通常在 WordPress页面形式不太会开启,WordPress文章形式比较会开放留言。
页面属性功能,我个人是比较少用,这有点像是设定页面菜单层级,建议直接到 WordPress 插件 > 菜单功能,在这里设定比较方便。
以上就是简单的页面设定,帮助你打好基础。
5. 设定 WordPress Seo
辛苦设计的网站页面,我们希望能被Google、Bing等浏览器搜寻,然后进行网站排名。
此时可以安装 WordPress Seo 插件,像是 Yoast、Rank Math 都是知名的 WordPress Seo 插件,请参考 WordPress 插件安装 可协助你安装。
这边用Yoast当简单范例,当插件安装完成后,在页面编辑的下方,会出现Yoast相关功能。
你可以设定焦点关键词,然后对此进行页面优化,只要让 Yoast 尽量都保持在绿灯的情况下,就是一个好的 SEO 页面唷:)
6. 存储草稿 / 预览 / 发布页面
编写页面过程中,可善用 储存草稿,能帮助你保存辛苦作业的成果。
预览功能,可让你针对不同设备设备,进行调整和观看。
最右边的点点符号,可调整工作区块内容,也可调整成自己喜欢的版型。
如果都确认没问题,点击 发布 按钮,就可顺利发出页面啰。
但此时,我们前台网站没有看到刚发布的页面,原因是还没将此页面加入至菜单中,下一章节进行介绍。
7. 将页面新增至网站菜单
这章节示范如何将页面,新增至菜单中。
前往 WordPress 外观 > 菜单,新增一个菜单名称,然后放置在 Primary Menu 主菜单中,然后点击建立菜单。
- 不同主题主题的预设菜单位置,可能放置在网站的不同地方,所以需指定你的菜单要出现的地方,通常 Primary Menu 指的是网站主菜单。
然后,选取刚新增的页面 > 新增至菜单中,最后储存菜单。
- 菜单内容可用拖放排序位置,也可排父子层级。
回到前台网站,会发现主选单出现了刚新增的页面,点击前往也确实呈现。
恭喜,到这步骤你已经顺利新增了第一个 WordPress 网站页面,请参考 WordPress 后台教程,能掌握更多功能。
接下来,你可能想制作不同类型的网站,像是 博客建立、官网形象网站、购物网站搭建 .. ,参考链接可帮助你完成。
8. 页面管理面板
当新增了多个网站页面,你需要一个地方能让一次性管理。
前往,WordPress 页面 >全部页面,可批次管理全部页面,也可个别管理页面。
这可以让你一目了然整个网站页面状况,帮助网站主掌握自己的网站。
9. WordPress 页面编辑器
WordPress 页面编辑器,是个可让你定制网站页面的强大插件,适合设计个人形象或公司品牌网站,请参考 WordPress 最佳页面编辑器,可协助你选择。
优良的 WordPress 页面编辑器有更多种区块功能,比 WordPress 默认编辑器 Gutenberg 能力更加强大。
还有多种现成网站样板和区块版型,可一键快速套用,如果你的网站是开店平台,想设计购物网站页面,也能帮助你完成。
WordPress 页面编辑器,对长期经营的网站主,算是基本配备。
除非你的主题主题原来就有内建页面编辑器(请参考 WordPress 最佳主题主题,有完整介绍),就不需额外添购此功能。
不然的话,假如你有多的预算,WordPress 最佳页面编辑器应该会对你有所帮助。
原文链接:https://www.itaoda.cn/blog/10396.html,转载请注明出处。
评论0