所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

WordPress页面 :如何新增+编辑页面? (详解+页面设计)

这是一篇完整的 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 文字和图片的呈现,主要由文章页面,这两者所组合而成。 也可参考 文章和页面差别。

「WordPress文章」,指的是一系列的网站文章,因为数量通常比较多,所以可将这些文章分类排序,例如运动用品店会分享运动相关的文章内容。

「WordPress页面」,通常指的是品牌官网首页、关于我们、服务内容、联络我们等 .. ,有特定功能的页面。

简单来说,文章和页面是不同的种类,所以在新增或编辑之前,记得要选对唷:)


2. 新增标题和区块功能

前往 WordPress 后台 > 页面 > 添加页面,会看到 WordPress 默认的 Gutenberg 古腾堡 文章编辑器,可以用它编写内容。

首先,填入想命名的页面主题。

新增区块功能

然后点击左上角新增区块,里面有多种功能可选取,这里先选择段落功能。

WordPress 页面 :新增文本编辑功能
新增文字编辑功能

接着,点击刚新增的区块,就可以自由编辑文字。

在侧边栏的区块 标签也可调整字体大小、颜色等功能,如下图。

WordPress页面 :编辑文字区块
编辑文字区块
  • 新增任一个功能区块后,在侧边栏选取区块 分页,这里会显示可调整的细节项目,可以善加使用唷。

每个区块都有额外功能,像是在前后方插入区块、编辑 html 程序码、新增至可重复使用块、删除区块等 .. ,如下图。

WordPress页面 :区块功能
区块功能

WordPress 编辑器支持常规常用快捷键,像是 Ctrl+C(复制)、Ctrl+V(粘贴)等 ..,然后按下 Delete 即可删除区块。

新增版面配置

WordPress 编辑器也有版面配置功能,内建有几种样式设计,可依照自己需求选取使用。

WordPress页面 :新增版面配置
新增版面配置

这就是简单的区块编辑器操作教程,可以试着玩玩看,很方便的:)


3. 添加图片 / 影片

网页图片和视频也是常见的文章内容,这边简单示范教程。

新增图片

首先,点击左上角新增区块,可利用搜索字段或是往下滚动寻找,找到图片功能。

WordPress页面 :新增图片
WordPres页面 :新增图片

有不同的插入图片方法,像是上传媒体库从网址插入媒体,这几种显示方法。

WordPress页面 :新增图片

这边用媒体库 当教程示范,可以用它来上传文档,直接选取图片或把图片直接拖放到区块中,皆可以完成上传。

WordPress页面 :使用媒体库功能,上传图片
使用媒体库功能,上传图片

当图片上传完成,可填写相关信息,这会有助于图片的 SEO 优化,填写完成后就选取送出。

WordPress页面 :编辑媒体库图片信息
编辑媒体库图片信息

接着,可以变更图片对齐方式、新增图片链接、图片尺寸等多种设定。

WordPress页面 :编辑网站图片样式+信息
编辑网站图片样式+信息

这样就完成图片新增啰。

新增影片

WordPress 区块编辑器,同样支持多种影片格式,像是 Youtube、Vimeo .. 。

复制想要新增 Youtube 的网址贴至下图字段,确认后嵌入,就可以新增 Youtube 视频啰!

WordPress 页面 :新增 Youtube 视频
添加 Youtube 视频

也可以使用视频功能上传影片文档,或是用链接方式嵌入影片。

WordPress页面 :新增视频
新增视频
  • 视频文档通常比较大,建议把文档放置在 Youtube 等视频流平台,然后用链接方式嵌入至网站上,会比较省空间唷:)
  • 复制影片链接,直接贴至 WordPress 编辑器上,系统会自动添加视频功能。

4. 页面设定

当编辑好了网站页面,我们需要做一些页面设定,这样可更进入状况。

点击右手边的侧边栏 内容 标签,这里可设定整个页面的相关信息,这个和区块 标签不同,区块分页是编辑单一区块。

WordPress页面 :状态及可见度
状态及可见度

状态和可见度

「可见度」有公开、私密、受密码保护这几种,「 发布 」可自由指定文章发布日期,可当排程使用。

WordPress页面 :状态和可见度
状态和可见度

永久链接、精选图片

设定页面的永久链接,有点像是帮页面取名字一样,建议都用英文命名对SEO排名比较好。

如果没看到网址设定字段,可先点击 储存草稿,就可设定网址了。

设定精选图片,这是页面的封面图片,有些 WordPress 主题主题 会显示,而有些不会显示,这依照你的主题主题规划而定。

WordPress页面 :永久链接+精选图片
永久链接+精选图片

讨论和页面属性

设定讨论,可以设定是否开放给访客在页面下留言,通常在 WordPress页面形式不太会开启,WordPress文章形式比较会开放留言。

页面属性功能,我个人是比较少用,这有点像是设定页面菜单层级,建议直接到 WordPress 插件 > 菜单功能,在这里设定比较方便。

WordPress 页面 :讨论和页面属性
討論和頁面屬性

以上就是简单的页面设定,帮助你打好基础。


5. 设定 WordPress Seo

wordpress seo 网站优化

辛苦设计的网站页面,我们希望能被Google、Bing等浏览器搜寻,然后进行网站排名。

此时可以安装 WordPress Seo 插件,像是 Yoast、Rank Math 都是知名的 WordPress Seo 插件,请参考 WordPress 插件安装 可协助你安装。

这边用Yoast当简单范例,当插件安装完成后,在页面编辑的下方,会出现Yoast相关功能。

Yoast Seo 优化工具

你可以设定焦点关键词,然后对此进行页面优化,只要让 Yoast 尽量都保持在绿灯的情况下,就是一个好的 SEO 页面唷:)


6. 存储草稿 / 预览 / 发布页面

编写页面过程中,可善用 储存草稿,能帮助你保存辛苦作业的成果。

预览功能,可让你针对不同设备设备,进行调整和观看。

最右边的点点符号,可调整工作区块内容,也可调整成自己喜欢的版型。

WordPress页面 :存储草稿、预览、发布、额外功能
储存草稿、预览、发布、额外功能

如果都确认没问题,点击 发布 按钮,就可顺利发出页面啰。

但此时,我们前台网站没有看到刚发布的页面,原因是还没将此页面加入至菜单中,下一章节进行介绍。


7. 将页面新增至网站菜单

这章节示范如何将页面,新增至菜单中。

前往 WordPress 外观 > 菜单,新增一个菜单名称,然后放置在 Primary Menu 主菜单中,然后点击建立菜单。

新增菜单
新增菜单
  • 不同主题主题的预设菜单位置,可能放置在网站的不同地方,所以需指定你的菜单要出现的地方,通常 Primary Menu 指的是网站主菜单。

然后,选取刚新增的页面 > 新增至菜单中,最后储存菜单。

编辑菜单
编辑菜单
  • 菜单内容可用拖放排序位置,也可排父子层级。

回到前台网站,会发现主选单出现了刚新增的页面,点击前往也确实呈现。

网站菜单+页面,顺利出现

恭喜,到这步骤你已经顺利新增了第一个 WordPress 网站页面,请参考 WordPress 后台教程,能掌握更多功能。

接下来,你可能想制作不同类型的网站,像是 博客建立、官网形象网站、购物网站搭建 .. ,参考链接可帮助你完成。


8. 页面管理面板

当新增了多个网站页面,你需要一个地方能让一次性管理。

前往,WordPress 页面 >全部页面,可批次管理全部页面,也可个别管理页面。

WordPres页面 :管理多个网站页面
管理多个网站页面

这可以让你一目了然整个网站页面状况,帮助网站主掌握自己的网站。


9. WordPress 页面编辑器

WordPress 页面编辑器插件

WordPress 页面编辑器,是个可让你定制网站页面的强大插件,适合设计个人形象或公司品牌网站,请参考 WordPress 最佳页面编辑器,可协助你选择。

优良的 WordPress 页面编辑器有更多种区块功能,比 WordPress 默认编辑器 Gutenberg 能力更加强大。

还有多种现成网站样板和区块版型,可一键快速套用,如果你的网站是开店平台,想设计购物网站页面,也能帮助你完成。

WordPress 页面编辑器,对长期经营的网站主,算是基本配备。

除非你的主题主题原来就有内建页面编辑器(请参考 WordPress 最佳主题主题,有完整介绍),就不需额外添购此功能。

不然的话,假如你有多的预算,WordPress 最佳页面编辑器应该会对你有所帮助。

原文链接:https://www.itaoda.cn/blog/10396.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

× 发送
微信扫一扫

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板