WordPress页面教程【2021】

这篇WordPress页面教程介绍了以下内容:什么是页面,页面具备哪些功能,如何制做页面,如何将页面添加到网站菜单中,如何给页面添加SEO标题、关键词、描述。web

本文原文首发于:https://loyseo.com/wordpress-page-tutorial/编辑器

什么是WordPress页面

当你输入一个域名打开一个网站,一般进入的是网站首页,也叫作Home,这个Home即是一个页面。在使用WordPress进行外贸建站时,咱们常见的页面是:Home、Products、About us、Contact us、FAQ、Service…。wordpress

为了管理这些页面,请登陆你的WordPress网站后台,在左侧菜单中找到Pages,此栏目即是管理Pages(页面)的。布局

image 15 - WordPress页面教程

页面列表

首先,咱们进入All Pages页面,即全部页面列表,这里罗列了网站全部的页面,并提供了各项功能的操做入口。测试

image 17 - WordPress页面教程

下图所示的是筛选功能区域,咱们经常使用到的是对页面的批量操做与关键词筛选。网站

image 8 - WordPress页面教程

在全部页面列表中,咱们经常使用的是下述操做功能。ui

首先,你能够经过下图所示的三个入口按钮进入新增页面功能。url

image 16 - WordPress页面教程

其次,当你将鼠标悬停于某一页面之上,你将看到下方出现了操做项插件

image 3 - WordPress页面教程

  • Edit:点击它进入修改页面详情设计

  • Quick Edit:点它展开快速修改面板,能够修改页面的部分信息

  • Trash:点它能够删除当前页面

  • View:点它能够查看这个页面,就像你的网站用户查看到的同样

  • Edit with Elementor:若是你的页面使用的是Elementor编辑制做的,才会出现这个按钮;若是你使用的其余编辑器,此处也会出现相应的按钮,点击它能够可视化编辑当前页面的内容,它与上文的Edit功能有所不一样,Edit是进入WordPress默认内容的编辑,譬如发布状态、发布日期等。

如何配置页面列表中显示的列

在All pages页面右上方,点击screen options按钮能够展开一个配置面板,你能够在这里配置列表展现哪些列、每页展现的页面数量。由于安装某些插件时,会增长列表的字段,此时,这个功能就派上用场了。

image 4 - WordPress页面教程

如何批量修改、删除页面

在All pages页面上,选中你须要修改的页面

image 5 - WordPress页面教程

而后在Bulk action中下拉选中Edit,再点击Apply;若是选择move to trash,即是批量删除页面。

image 6 - WordPress页面教程

点击Apply后,将看到批量修改面板,批量修改的内容是有限的,经常使用的是修改文章的状态,修改后,点击update便可生效。

image 7 - WordPress页面教程

如何制做页面

咱们首先添加一个新页面

此图像的alt属性为空;文件名为image-16.png

点击添加页面按钮进入后,咱们能看到以下图所示的页面编辑器。

image 9 - WordPress页面教程

WordPress默认提供的页面编辑器叫作古腾堡编辑器,相比Elementor编辑器,它的易用性要差一些,可是,若是你的页面只是像写word文档同样放一些图文,对布局、设计要求很低,譬如:隐私政策、服务条款页面,那就用默认的古腾堡编辑器便可。

当你不用Elementor这种高大上的页面编辑器,你的网站速度会更快,毕竟,欲戴皇冠,必承其重,这种高大上的页面编辑器有较多的CSS、JS文件,增长便利的同时,也会增长页面的重量,固然,这也在可以接受的范围以内,只是对于追求极致速度的同窗来讲,你能够试试看是否可以熟练使用古腾堡编辑器来解决需求。(新手不建议尝试)。

同时,有些主题,譬如Astra,也提供了基于古腾堡编辑器的网站模板(即现成的一组网页),一键导入便可使用。

image 10 - WordPress页面教程

使用Elementor编辑器制做页面

若是你想使用Elementor编辑器制做页面,你须要先安装插件Elementor。当你新增或修改一个页面时,在页面顶部能看到Edit with Elementor按钮,点击它,便可使用Elementor编辑页面。

image 12 - WordPress页面教程

下图即是Elementor编辑页面的操做界面。

image 13 - WordPress页面教程

若是你想继续使用WordPress默认编辑器制做页面,那么请从页面列表中,点击Edit进入页面,你将看到下图,在顶部点击Back to WordPress Editor能够回到默认编辑器。

image 14 - WordPress页面教程

发布页面

页面内容制做完成后,咱们须要发布页面。

若是你使用WordPress默认编辑器,你将在页面右侧看到下图所示部分,这部份内容是没法用其余编辑器彻底替代的,即使你用Elementor编辑器制做的页面,你也能够在此处设置页面的发布信息。

下图中:

  • 点击1\齿轮按钮能够展开设置面板,

  • 点击2\document,这个标签页下的内容是当前页面的配置

  • 咱们主要关注的是3\-url slug,你能够理解它为网址,它的默认值=网页标题,若是你修改了网页标题,记得看下Slug是否与标题的核心一致,这有益于SEO。你固然不但愿看到标题是Contact us,而slug是faq吧。

  • 最后,在4中,咱们能够点击save draft保存草稿,这样用户看不到这个页面,也能够点击preview预览网页效果,当一切搞定,再点击publish发布页面。

  • 补充:

  • visibility表示可见性,默认是public,表示公开,一般保持默认便可,只有是公开的,才能是被用户查看的。它还包括了其余两个选项:私密、密码访问,这些都不经常使用到。

  • Featured image表示文章的封面图片,一般页面是用不上的封面图的,若是非要使用,一般是做为页面标题栏的背景图片,同时,还须要你所用的主题模板支持该功能。譬如,我会使用Elementor制做通用页面模板,而后在模板的标题栏的背景图中动态调用Featured image。

image 11 - WordPress页面教程

如何将页面添加到菜单

前提条件:页面必须是已经发布了的。

而后,你能够在WordPress菜单功能中加入这个页面,请查看: 如何在WordPress中制做导航菜单

如何给页面设置SEO标题、关键词、描述

推荐你安装插件Rank Math SEO,而后查看下方的两篇教程:

常见问题

页面与文章有什么不一样?

文章默认具有两种归类方法:1.分类(categories)、2.标签(tags),而页面没有。

文章一般用于发布新闻、博客、知识、资讯等内容,而页面是内容的聚合,若是页面是舞台,那么文章就是各位演员,页面上不只能够放文章,也能够放产品,放公司介绍等待。

为何商店SHOP页面不可用Elementor编辑

当你依据向导安装WooCommerce后,会自动在页面列表中添加一个Shop页面,以下图所示,我将页面名称改成了Products,在标题后方,你还能看到——shop page的标记。

image 19 - WordPress页面教程

一般,热门主题大多提供了商店页面模板,也提供了主题选项配置作一些修改,但若是你想彻底自定义商店页面,你能够像我同样,购买Elementor Pro来本身设计商店页面模板。 请查看教程:如何用Elementor制做Woocommerce产品列表【视频】

本文由专一于外贸建站的LOYSEO 发布

相关文章
相关标签/搜索