掌握WordPress的后台操作意味着更高的工作效率。如果你是刚搭建好一个WordPress网站但是无从下手,那么本教程就是专门为你量身定制的。
这篇WordPress后台基础操作教程会涉及我们WordPress后台面板各个选项卡的操作,会带你一步步掌握如何使用WordPress后台发布文章、创建页面、制作分类、设置主页等核心操作。
一、登录到WordPress后台
假设你的网站是(https://)example(dot)com/,那么WordPress的后台地址就是(https://)example(dot)com/wp-login.php,我们访问WordPress后台,输入管理员账号和密码进入到WordPress网站后台。
我们也可以使用WordPress插件来更改我们的默认后台登录地址来提升网站的完全性。
使用WPS Hide Login更改WP后台地址
我们可以安装WPS Hide Login这个插件来轻松改变WordPress登录地址。
在WordPress仪表盘中,搜索插件WPS Hide Login,选择安装,然后激活。
激活以后在Settings中找到WPS Hide Login。
在这里我们可以设置后台登录地址,以及设置访问错误WP后台后重定向到什么页面。
设置完保存即可,这个URL一定得记住哦。
至此,WordPress博客后台登录默认地址就更改完了。
忘记WP后台登录地址怎么办?
通过FTP进入到wp-content/plugins,找到wps-hide-login这个文件夹,删掉或者剪切粘贴至上一个文件夹,就能够将后台登录地址恢复至默认的wp-login.php。
二、更改永久链接
我们进入到后台除了熟悉后台操作,另外一件重要的事就是更改网站的永久链接。
永久链接就是指网站的链接结构。这些网址是文章、页面、分类和标签的唯一标识符,用于确保网站链接的长期稳定性和可访问性。
永久链接一旦设置,就不会随时间或内容更新而改变,确保用户和搜索引擎访问的是稳定的链接。
我们设置永久链接(Permalinks)是为了确保你的网站网址结构清晰、友好且易于管理。使用包含关键词的永久链接(比如 /category/keyword/)有助于搜索引擎理解页面内容,提高搜索引擎排名。
可能很多人会误解Slug跟永久链接的概念。Slug 是永久链接的一部分。
比如说:域名/blog/seo-tips/,seo-tips是slug,而 域名/blog/seo-tips/ 这是URL,也是永久链接(的一种结构)。
你可以这么理解,我们设置永久链接,就是在设置网站的URL结构。
WordPress如何设置永久链接?
登录WordPress后台,通过 Settings(设置) –> Permalinks(永久链接)即可进入修改永久链接的界面。
WordPress永久链接的格式有:
- 默认格式:如/p=123(不推荐,因为不具描述性)
- 日期和名称:如 /2024/08/18/sample-post/
- 月份和名称:如 /2024/08/sample-post/
- 数字:如 /archives/123
- 文章或页面名称:如 /sample-post/,推荐
- 自定义结构:如 /category/%category%/%postname%/
个人推荐使用文章或页面名称作为永久链接的结构,也就是图中的Post name选项。方便在我们在slug中后面添加关键词和描述性词汇,对SEO效果有所帮助,而且也可以让用户快速了解到我们这个网页是关于什么的。
清晰且带有描述性的永久链接相比于包含数字ID类的永久链接,能够让用户更容易理解页面的内容,便于记忆和分享。
三、WordPress仪表盘介绍
默认的WordPress后台仪表盘选项卡只有:Dashboard、Posts、Media、Pages、Comments、Appearance、Plugins、Users、Tools、Settings,其他的都是安装了WordPress主题或者插件后才会出来的选项卡。
DashBoard
Home里面显示网站的活动摘要,如近期发布的文章、近期评论、站点健康。
Updates里面是WordPress版本、主题、插件的更新汇总。在更新之前,推荐先备份网站,以防更新后出现问题。
Posts选项
Posts选项卡里面就是管理我们网站文章(All Posts, Add New Post)、分类(Categories)和tag(标签)的地方,
All Posts里面我们可以查看、编辑、删除和管理所有文章。
Add New Posts 可以创建新的文章,可以使用WordPress的编辑器添加文本、图片、视频等内容。有些主题默认是块级编辑器(个人用不习惯)。如果我们安装了Elementor插件,那就可以点击左边的 Edit with Elementor 按钮进入可视化编辑界面。
当我们点击Save Draft后,上面的界面就会多出该Post的Permalink(永久链接),我们可以在上面进行Slug的设置和优化。
点击Edit with Elementor进入可视化页面编辑界面后,可以通过拖拽组件的方式来进行页面制作。左边就是可用的组件,鼠标按住拖到右边的区域即可。
Categories
Categories里面可以管理文章的分类,帮助组织内容。我们新建分类的时候输入分类名点击保存就会自动帮我们生成分类的slug。Parent Category就是可以让我们选择父分类。比如我的Onpage SEO分类就是SEO分类下的子分类。
Tags
Tags为文章添加和管理标签,便于搜索和归档。Categories有层级结构,而Tags是没有的,这是Categories跟Tags的主要区别。你可以在Tags选项卡里面为你的文章添加标签(通常使用关键词添加标签),让读者找到他们感兴趣的相关话题。
Media
这个选项卡里面可以让我们存储和管理上传的媒体文件,如图片、视频、文档等
Add New Media File就是我们上传网站内容的地方。Bulk Optimize不是WordPress自带的而是安装EWWW这个图片压缩插件才有的选项。EWWW可以帮我们自动压缩上传的JPG图片(免费版本),压缩其他格式的图片需要Premium版本。
Pages
Pages这个选项卡里面可以新增页面、管理所有页面。
Pages跟Posts的区别是:
- Pages更多的用来制作页面内容不会发生太多变化的内容,比如公司介绍、加入我们、隐私政策、退还货政策等。
- Posts里面可以让用户发表评论,提高用户跟站长的互动性。
- Categories跟Tags只能对Posts进行分类,对Pages不行。
- Posts里面有日期和作者,Pages没有(默认没有,可以用Elementor修改)
Add New Page跟Add New Post的界面类似,区别是添加页面的时候不能够选择分类。
Comments
Comments标签栏里面可以让我们管理访客对文章和页面的评论,包括审核、回复、删除和标记垃圾评论。
Appearance
Themes
Appearance中的Themes就是我们管理WordPress主题的地方,进入左上角的Add New后可以在主题市场中搜索我们想要的WP主题,但是付费的主题在这里面是搜索不到的。
而且一般付费主题需要通过上传压缩包的方式来安装。
点击Add New Theme,然后点击Upload Theme,就能够出现上传主题压缩包的窗口。
Patterns
Patterns简而言之就是能够给网站添加可复用的自定义组件。个人比较少用,有了Elementor后可以替换掉这个功能了。
Customize
这个是WordPress中比较常用的功能之一。在这里我们可以添加、修改网站的外观,如颜色、字体、背景、LOGO、Footer、添加自定义CSS等。
这些设置的选项会根据WP主题的不同而不同。
Widgets
管理侧边栏、和Footer挂件的小工具。使用了Elementor后,Widgets小挂件用的也比较少了。
Menus
Menus就是导航菜单栏,也是比较常用的选项之一。你可以自定义创建多个菜单并决定它们在网站上的位置,比如头部导航、底部导航或侧边栏。
我们可以包含各种类型的链接,包括站内的页面、文章分类、自定义链接到外部网站,甚至是特定的帖子。
你可以轻松地拖放菜单项来重新排序,以及对菜单项进行编辑、删除或新增子项(下拉菜单)。
清晰、有逻辑的导航结构可以帮助访问者更好地理解网站结构,快速找到他们感兴趣的内容。良好的导航菜单也是谷歌站内SEO的关键部分,有助于搜索引擎更好地理解网站内容和层次。
直观的菜单设计可以减少访问者的点击次数,快速导航到目标页面,提高网站的整体访问效率和询盘转化率。
Plugins
WordPress插件是扩展和增强WordPress网站功能的工具,通过安装插件,用户可以在不更改任何代码的情况下添加新功能或改善现有功能。插件是WordPress的核心模块,并且赋予了WordPress新的活力。
WordPress插件库中有成千上万种可以供我们选择,但是一般在搭建外贸B2B网站的过程中,并不需要太多的复杂插件。
Installed Plugins中我们可以看到我们在网站中安装的所有插件。
点击Add New Plugin中就可以在插件市场中搜索我们需要的插件,付费插件跟付费主题一样,需要从他们的官网中下载并通过压缩包的方式上传安装。
Plugin File Editor,可以让我们对插件代码进行编辑。除非你懂,不然建议不要碰这里面的东西。
Users
Users选项卡对应的是WordPress中的用户功能,是管理网站访问权限和控制不同用户能进行哪些操作的重要部分。
在WordPress中,用户角色和权限管理是通过预设的角色来实现的,每个角色都有固定的权限集,这些权限定义了用户在网站上可以执行的操作。
WordPress中的用户分类有:
- 管理员(Administrator):对网站有完全的控制权,可以管理其他用户、更改设置、安装插件和主题。此角色适用于网站所有者和主要开发者。
- 编辑者(Editor):能管理和发布包括其他用户的文章在内的所有内容。此角色适用于负责内容管理和审核的用户。
- 作者(Author):可以发布和管理自己的文章,但不能访问其他用户创建的内容。适合只负责写作而不需要进行内容审核或网站管理的用户。
- 贡献者(Contributor):可以写作和管理自己的文章,但不能直接发布。他们的文章需要由具有发布权限的用户(如编辑者)审核和发布。此角色适合需要内容审查流程的环境。
- 订阅者(Subscriber):只能管理自己的个人资料,没有发布或管理内容的权限。通常用于需要注册才能评论或接收更新的用户。
Tools
这个选项卡里面的功能用的比较少,有些插件安装以后入口会在这个选项卡里面,比如EWWW图片压缩插件。
Import跟Export用的比较少,如果是网站迁移一般用不到这两个功能。我一般使用插件来做网站迁移。
Site Health里面可以分析网站的配置和环境,提供有关网站性能和安全问题的详细报告,并给出改进建议。也是用的比较少。
Settings
Settings选项则包含了多个子菜单,涵盖了网站的全局配置和行为。这边的选项一般是在建站之处就设定后,后面一般就不会再动的了。在这个选项卡里面,General、Reading、Discussion和Permalinks是我们常会进行一些全站配置的模块。
General
设置网站的基本信息,如网站标题、标语、WordPress地址、站点地址、管理员电子邮件、时区、日期和时间格式。我们在网站建立之处的时候需要设置Site Title、Tagline、Site Icon、WordPress Address和Site Address(URL需要设置成https版本,可以手动设置也可以使用Really Simple SSL来设置),其他保持默认即可。
Writing
配置发布内容时的默认设置,包括默认的文章类别和文章格式、链接转换等。
Reading
我们WordPress网站主页默认是展示我们的文章Post,在Reading这里可以设置每一页至多展示多少篇文章。Reading这里还可以让我们设置你想要的页面作为网站的主页。
Discussion
管理评论相关的设置,如是否允许评论、如何通知、评论必须满足的条件、评论的审核等。
Media
设置媒体文件(如图片)的处理方式,包括文件尺寸和组织方式。
Permalinks
更改网站的URL结构,这对于SEO非常关键,建议设置基于名称的URL(Post Name),可以让URL结构对搜索引擎更友好。
Privacy
帮助网站管理员创建隐私政策页面,并管理用户数据的处理方式。下面的页面截图中红色框起来其他功能的是安装插件才有的。
四、发布文章
块级编辑器(Block Editor)
现在WordPress 安装的版本都会默认是块级编辑器(Block Editor),在块级编辑器里面可以快速添加各种元素。
经典编辑器(Classic Editor)
使用Classic Editor进行文章发布(可以在插件市场里面安装)。
使用块级编辑器和经典编辑器在WordPress发布文章的步骤一般为:
- 登录WordPress后台。
- 鼠标移动到Posts选项上 –> 点击Add New Post
- 输入标题,在文章编辑器处填写内容。
- 为文章添加类别或标签。不勾选分类会选择归属在默认分类中。
- 写好后可以点击Preview预览文章发布后的样子。Save Draft可以将当前文章保存为草稿。点击Publish即可发布内容。
Elementor编辑器
Elementor是一个可视化页面编辑器,跟Block Editor类似,能够以拖动组件的方式来进行页面的搭建。但是在功能、响应式设计、组件模块等各方面都比Block Editor强大。Elementor需要在插件市场中安装。
使用Elementor编辑器的步骤:
- 登录WordPress后台。
- 鼠标移动到Posts选项上 –> 点击Add New Post
- 点击Edit with Elementor进入Elementor可视化编辑界面
- 拖动组件,进行页面编辑。
- 为文章添加类别或标签、标题。Elementor编辑器里面不能直接编辑Slug。
- 点击Publish即可发布内容。
WordPress发布新文章界面的字段说明
标题
这是文章的标题(Title)。它将显示为页面的顶部和SEO搜索结果的主标题。
标题中可以用任意连字符,但是标题中使用的特殊字符只有 “-” 和 “\_” 会生成到Slug里面去,其他的特殊字符会被自动转换。
推荐阅读:如何撰写高点击率标题
Slug
域名后面的这一段就称之为Slug:
在Slug中使用对应的关键词会对SEO有一定的积极影响。
但需要注意的是,使用Classic Editor的新建文章的时候默认没有让你更改Slug的地方。这里需要点击一下Save Draft保存一下或者点击Publish发布后才会出现。
或者可以在屏幕选项中调出来,然后拖动到右侧边栏中,这样每次Add New Post的时候就可以直接编辑Slug。
Slug如果不进行手动编辑的话,WordPress是会默认把网站标题当做Slug的。
WordPress网站里面,标题可以使用相同的,但是Slug不行。Slug是一种唯一标志,如果标题相同的两篇文章,另外一篇会以“-2”结尾。有三篇相同的,另外两篇会以“-2”,“-3”结尾。
文章编辑区域
这是撰写文章内容的主要区域。文章编辑区域也是上传文件的一个入口,你可以在这里添加文本、链接、图片、视频和其他媒体类型。
常用文章编辑快捷键
- Ctrl + c 复制
- Ctrl + v 粘贴
- Ctrl + a 选择全部
- Ctrl + x 剪切
- Ctrl + z 撤销
- Ctrl + y 重做
- Ctrl + b 加粗
- Ctrl + i 斜体
- Ctrl + u 下划线
- Ctrl + k 插入链接
- Alt + Shift + c 居中布局
- Alt + Shift + u 无序列表
- Alt + Shift + o有序列表
- Alt + Shift + m 插入图片
- Alt + Shift + 1 Heading 1
- Alt + Shift + 2 Heading 2
- Alt + Shift + 3 Heading 3
- Alt + Shift + 4 Heading 4
- Alt + Shift + 5 Heading 5
- Alt + Shift + 6 Heading 6
更多快捷键可以查看这篇文章。
Categories(类别)和Tag(标签)
类别和标签的区别是类别有层级结构(有父类别子类别),而标签是没有的。每篇文章必须要归属于一个类别,不设置的话就会归属到默认类别。但是文章可以不归属于任何一个标签。
修订版本(Revision)
可以看到以前修改过的版本,需要保存或者发布后才会保存下来。找到所需要的版本可以点击ReStore恢复。
Featured Image
设置文章图片的区域
这些就是在发布文章中最常见的会涉及到的功能和字段。
五、页面教学
文章跟页面是Wordpres中最主要的两种内容形式,文章(Posts)跟页面(Pages)的区别是:
- Pages更多的用来制作页面内容不会发生太多变化的内容,比如公司介绍、加入我们、隐私政策、退还货政策等。
- Posts里面可以让用户发表评论,提高用户跟站长的互动性。
- Categories跟Tags只能对Posts进行分类,对Pages不行。
- Posts里面有日期和作者,Pages没有(默认没有,可以用Elementor修改)
与发布文章的流程类似,想要在Wordpres中发布页面,只需要:
- 登录WordPress后台。
- 鼠标移动到Pages选项上 –> 点击Add New Page
- 输入标题,在页面编辑器处填写内容。点击Edit with Elementor可以进入可视化编辑,需要安装Elementor插件。
- 设置Slug。可以参考这篇文章来设置一个SEO友好的Slug。
- 为页面添加父页面(可选)。比如说我有个页面是SEO,URL是:(https://)ecomools(dot)com/seo,我希望给这个页面增加一个子页面Onpage SEO(Slug默认是onpage-seo),那么就可以在页面属性(Page Attributes)中的Parent选择SEO页面,选择发布。发布后我这个子页面的路径就是(https://)ecomools(dot)com/seo/onpage-seo
- 页面编辑好后可以点击Preview预览页面发布后的样子。Save Draft可以将当前页面保存为草稿。点击Publish即可发布内容。
使用块级编辑器(WP默认编辑器)发布页面
使用经典编辑器(Classic Editor)发布页面
这个编辑器需要在插件市场中安装,在Plugins –> Add New Plugin中搜索Classic Editor,安装激活。激活以后按照上面的步骤进入到页面编辑器就是以下界面:
Astra Settings是我安装这个Wordpress主题 – Astra才有的设置。
使用Elementor可视化编辑器发布页面
使用Elementor进行可视化编辑的界面如下:
Elementor页面制作的教程可以看这篇Elementor容器教程。虽然标题是写容器和布局,但是里面也有很详细的步骤来讲述页面制作。
快速克隆页面或文章
WordPress中复制文章和页面的方法一般有两种:1)手动打开文章或页面一个个复制,考验的是我们的匠心精神;2)通过插件的方式,一键复制。我选择后者。
我们通过安装“Duplicate Post”这个插件来进行页面和文章的快速克隆。
- 登录WP后台
- 鼠标移动至Plugins选项卡,点击Add New Plugin
- 在搜索框搜索Duplicate Post,选择Inisev这个作者的Duplicate Post插件,安装激活。其他两个插件Yoast Duplicate Post, Duplicate Page也是可以使用的。
- 然后找到你想要复制的文章和页面,鼠标移动至标题处,就会发现多了一个Copy的选项。点击即可复制页面或文章。
- 如果你想复制页面和文章的时候只复制部分内容(比如说不要标题和Slug),那么可以点开左侧选项卡中的Copy & Delete Posts中调整。
将特定页面设置为主页
方法如下:
- 登录WP后台。
- 进入Settings(设置)–> Reading (阅读)–> Your homepage displays (你的主页显示)–> 在Hompage(主页)中选择你想作为主页的页面即可。
- 点击保存。返回你的网站主页即可看到设置成功。
六、上传内容
WordPress支持上传的文件类型
图片
- .jpg
- .jpeg
- .png
- .gif
- .ico
文档
- .doc, .docx
- .ppt, .pptx, .pps, .ppsx
- .odt
- .xls, .xlsx
- .psd
音频
- .mp3
- .m4a
- .ogg
- .wav
视频
- .mp4, .m4v
- .mov
- .wmv
- .avi
- .mpg
- .ogv
- .3gp
- .3g2
通过WordPress仪表盘上传文件
WordPress中最常见的上传方式就是通过WP后台仪表盘来上传。在仪表盘中有三个地方可以让我们上传文件。
Media选项卡
- 登录到WordPress后台。
- 在左侧菜单中点击“Media”>“Library”。
- 点击页面顶部的“Add New Media File”按钮。
- 可以拖放文件到上传区域,或点击“选择文件”按钮,从你的计算机选择文件进行上传。
- 上传完成后,文件将保存在媒体库中,可以在任何需要的地方使用。
文件编辑器
- 文章编辑器里面也可以上传文件,在创建或编辑文章时,点击内容编辑器中的“添加媒体”按钮,或者按快捷键Shift+Alt+M即可打开WordPress的文件资源管理面板
- 点击最左侧的Upload File,然后拖放文件或使用“Upload File”按钮上传。
- 上传后,可以选择如何插入文件到文章或页面中,例如作为图片、链接或媒体播放器的一部分
页面编辑器
跟文章编辑器一样,我们也可以在页面编辑器中来上传文件。操作流程跟页面编辑器一模一样。
通过FTP上传文件至WordPress
这种方式一般用的比较少,但是有时候需要上传大文件的时候可能会需要用到FTP的方式来上传。
1. 准备FTP客户端
- 首先准备一个FTP客户端,我们可以用FileZilla、Cyberduck。
- 获取你的网站FTP登录凭证:FTP服务器地址、FTP用户名和对应密码。
2. 连接到服务器
- 打开FTP客户端,输入FTP服务器地址、用户名和密码进行连接。
3. 上传文件
- 连接成功后,你会看到本地文件(你的电脑)和远程文件(网站服务器)。
- 在本地文件区域找到要上传的文件。
- 在远程文件区域导航到wp-content/uploads文件夹。这是WordPress存储所有媒体文件的默认位置。
- 将文件从本地区域拖到远程区域的uploads文件夹中。耐心等待上传完毕。
4. 在WordPress注册上传的文件
- 通过FTP上传的文件不会自动出现在WordPress媒体库中。为了能够在WordPress中使用这些文件,可以安装Media from FTP这款插件来进行媒体文件的注册。
七、管理分类让网站结构更清晰
我们在WP仪表盘介绍这篇文章里面初步认识了Categories(类别)和Tags(标签)。类别和标签的区别是类别有层级结构(有父类别子类别),而标签是没有的。每篇文章必须要归属于一个类别(不设置的话就会归属到默认类别),但是文章可以不归属于任何一个标签。类别和标签使用得当的话,可以让用户更容易地浏览我们的网站。
Categories(类别)
类别是一种分层分类法,可以让我们建立树状的结构,允许我们有父类别和子类别。
我们通过 WP后台 –> Posts –> Categories 可以进入到类别界面。
这个界面分为“添加新类别”和“类别表”两部分。
每个新类别包含四个信息:Name(类别名称)、Slug(类别固定链接)、Parent Category(父类别)和Description(描述)。
- Name(类别名称):类别名称必须唯一。
- Slug(类别固定链接):类别固定链接也必须唯一,用于URL中。
- Parent Category(父类别):如果你想将此类别设置为子类别,可以在此下拉菜单中选择父类别。例如,我有个“Onpage SEO”的类别,它是“SEO”类别中的子类别。我在新增类别的时候就可以在Parent Category中选中“SEO”,点击“Add New Category”就可以为“SEO”类别创建一个子类别“Onpage SEO”。需要注意的是,归属于“Onpage SEO”类别下的文章,也都属于“SEO”类别
- 描述:类别描述是可选的。一些主题利用类别描述,其他则不,所以有无描述可能会改变类别在你的网站上的显示方式。即使你的网站主题不使用它们,你仍可能会发现它们在管理角度上有用。
如何管理Categories(类别)
右侧的“类别表”中可以看得到我们当前网站的所有类别,以及每个类别下的文章有多少。如果将鼠标移到某个类别上,则会出现一组选项,允许我们编辑、快速编辑或删除该类别(默认类别不可删除,但是可以更改名称和Slug)。
如果需要更改默认类别,可以通过“Settings”–>“Writing”中进行更改。
如果需要将类别转换成标签,可以安装Category to Tag Converter,可以点击这里安装。
Tags(标签)
Tags(标签)可以相关的文章归档到一起,并且一般使用关键词命名,可以让读者快速了解文章是关于什么的。标签(Tags)分类会比类别更加具体,一篇文章可以有多个类别,也可以有多个标签。标签可以放置在文章右侧的侧边栏中。
添加类别可以在
1) “Post” –> “Tags”中添加;
2)也可以在文章编辑页面的右侧“Tags”中去添加,每个标签之间用英文逗号隔开,或者每输入一个标签按一下回车即可将文章归属到特定标签中。
如果你网站有使用标签分类法,可以点击“Choose from the most used tags”中选择最常用的标签。
八、侧边栏设置
ordPress侧边栏(Sidebar)是网站页面上用于展示各种小工具和内容的区域。它通常位于页面的左侧或右侧,但具体位置可以根据主题的设计而变化,有些主题甚至支持在底部或顶部展示侧边栏。侧边栏的主要作用是提供一个方便的位置来展示非主要内容,如导航链接、文本、图片、搜索框、广告、最新文章列表等。
除了主题默认自带的侧边栏,使用Elementor Pro的模板(Template)功能,可以在侧边栏实现更多的功能如添加动画、渐变背景和高级排版选项,提升侧边栏的视觉吸引力和用户交互体验。
个人认为,使用Elementor Pro来搭建侧边栏最有用的设置当属条件逻辑显示功能,可以根据访客的行为或所在页面类型、所属分类来决定显示哪些侧边栏内容。
WordPress侧边栏功能
- 导航:提供链接到网站的主要部分,如分类目录、特定页面或外部链接,以帮助用户导航网站。
- 功能增强:放置各种小工具,如搜索框、最近的帖子、最近的评论、日历或社交媒体链接。
- 广告:展示广告或赞助链接,是网站变现的常用位置。
- 互动:放置订阅表单、调查问卷或用户登录表单,增加用户参与。
- 个性化内容:展示定制内容或信息,如用户个人资料信息、天气更新或个性化的欢迎消息。
WordPress如何管理和自定义侧边栏(默认方式)
注意:我是用的是Astra主题,如果你使用的是其他主题,那么界面以及选项会有不一样的地方。但是设置管理侧边栏的步骤都是共通的:
- 编辑侧边栏。通过Appearance(外观)>Widgets(小工具)进入到小工具编辑模块编辑侧边栏。
- 管理侧边栏。通过通过 Appearance(外观)> Customize (自定义)> Sidebar (侧边栏)管理侧边栏的展示方式和宽度。
编辑侧边栏
1. 登录WP后台,点击 Appearance(外观)>Widgets(小工具)进入小工具编辑模块。显示如下:
其中Main Sidebar就是我们编辑侧边栏的地方。将可用的组件拖放到侧边栏区域或从侧边栏中移除它们。大多数组件都有自己的配置选项,如标题、显示数量、特定内容等。点击组件内的下拉菜单可以访问和修改这些设置。修改完成后,点击Update。打开有侧边栏的页面,刷新即可看到效果。如果满意,就可以保存更改。
管理侧边栏的展示方式
通过 Appearance(外观)> Customize (自定义)> Sidebar (侧边栏) 来访问小工具管理模块。
以Astra主题为例,这边可以管理侧边栏的展示方式(左侧、右侧还是不显示侧边栏)以及侧边栏的宽度。具体的侧边栏设置选项会根据主题的不同而不同。选择你希望的侧边栏展示方式,点击Published后,刷新页面即可看到更改。
使用Elementor Pro管理侧边栏(推荐)
尽管使用Elementor来搭建网站需要额外的学习成本,但是这个插件有强大的设计功能,如动画、渐变背景和高级排版选项,可以提升网站的美观和专业性,还可以增强网站的实用性和互动性。
但是想要使用Elementor来自定义侧边栏,得使用他们的付费版本Elementor Pro。以下是具体步骤:
1. 登录WP后台。点击WP左侧侧边栏的 Templates –> Theme Builder。
2. 点击Add New Template。你如果是为文章新建侧边栏,就选择Single Post;如果你想为页面新建侧边栏,就选择Single Page,选择完毕以后输入模板的名称,进入到可视化编辑页面。我们这边选择Single Post。
3. 为模板新增容器。点击+号,新增容器。
4. 选择容器的布局方式。我们选择Flexbox。
5. 选择布局结构。是两列布局还是三列布局或者任意布局。自己选择即可,我们这边用两列布局作示范。
6. 调整小容器。选择完布局结构以后,Elementor生成了三个容器,一个大容器,大容器里面有左右两个小容器。鼠标移动至右侧小容器,点击左上方的设置,调出容器设置选项,我们在这里调整侧边栏的宽度。
额外说明:
容器(Container)是一个比较新的布局元素,旨在提供更高的灵活性和控制力来构建复杂的页面布局。容器元素是对原有的“节”(Section)和“列”(Column)布局系统的一种增强,提供了更细致的布局控制和更强大的设计能力。
容器允许你在一个单一的、更加灵活的元素中创建多个行和列,而不需要像以前那样为每一行创建一个新的“节”
调整右侧小容器宽度至35%,可以根据实际情况自行调整。左侧的容器选项还可以让我们选择容器内元素的水平排列方式、垂直排列方式等,自行探索,我们这边只讲设置侧边栏。
7. 设置大容器的排列方式。点击大容器设置,选择居中排列。
8. 填充左侧容器元素。设置大容器的排列方式后,点击左上角“+”号, 可以让我们选择需要填充至页面的元素。因为我们现在编辑的是Posts的模板,所以要将标题(Post Title)和内容(Post Content)放置到左侧容器中(你也可以放置在右侧容器,那么左侧容器就放侧边栏)。不然的话,你将模板发布并应用至全部文章后,你就会发现你的所有Post都没有标题和内容。
9. 填充侧边栏位置元素。填充完Post的内容后,右侧容器现在其实就是我们的侧边栏,我们可以根据自己的需要将左侧元素拖拽至右侧容器中。
我这里选择放置Call to Action组件至侧边栏,这里已经初步完成了侧边栏的元素填充。
10. 继续调整右侧侧边栏容器。打开右侧侧边栏容器的选项,再次对容器进行你想要的细微调整。调整宽度、排列方式或者磁吸效果(Advanced –> Motion Effects处设置)等。
11. 设置右侧容器的条件逻辑显示。设置侧边栏在什么情况下显示,什么时候隐藏。
可以根据文章的分类,作者,标题等条件来进行单独或者组合条件设置。
12. 设置Post模板的条件逻辑展示。点击右上侧的下箭头,选择Display Conditions(注意,这个是Post模板的展示条件,第12步是右侧容器的展示条件,可以组合使用。)
我们这边显示在所有的Post中使用该模板,然后点击保存,点击Publish发布该模板。然后所有的文章的侧边栏就设置好了。因为我已经有设置Post模板,所以下方黄字会显示有冲突。
现在所有的文章侧边栏都会变成我刚刚设置的模板,而且刚刚只有CTA元素的侧边栏只会在Onpage SEO中显示。其他类目的文章则不会有该侧边栏。你可以根据你的想法来自定义侧边栏。
如果你在不同的类目中需要展示不同的侧边栏,可以使用模板的条件展示功能来达到这个效果,唯一缺点就是可能需要针对不同的类目文章制作不同的文章模板。
九、菜单栏设置
WordPress的导航栏是决定网站结构很重要的一部分。一个直观的菜单导航栏不仅能够使得用户能够快速理解网站的结构,提升浏览效率和用户满意度,还能改善网站的整体结构和搜索引擎优化表现。
WordPress如何设置导航菜单栏?
登录WP后台,通过Appearance –> Menus即可进入到WordPress的菜单设置界面。点击create a new menu。
我们刚搭建好WordPress的时候默认每新建一个页面都会显示在主菜单里面,这是因为我们没有给菜单栏做设置。我们创建一个新的菜单导航栏,不要勾选Automatically add new top-level pages to this menu就不会出现这样的情况了。
我们在此处需要做的事情只有两件:
- 将想要的元素添加至导航菜单栏。从左侧的选项中选择我们想要添加到导航菜单栏的元素,如果这块选项是灰色的话,那么先给这个导航菜单栏命名,点击Create Menu即可正常选择。
- 设置导航菜单栏的显示位置。我们一般选择Primary Menu即可。
我们可以选择添加至导航菜单栏的元素会根据我们安装的主题和插件不一样而不同,比如安装了多语言插件的话,会多出一个Language Switcher(语言切换器)的元素在里面让我们选择。安装了Woocommerce的话,会多出产品、产品类别、产品标签等。
这里可以特别说明的是Custom Links这个选项。这个选项可以让我们填写任意锚文本,跳转至任何链接。
如何创建二级导航菜单栏?
菜单栏是可以有层级结构的,可以让我们创建一级导航,二级导航。实现起来也很简单。
比如说我这里有两个选项,我想要“WordPress设置主页”成为“WordPress侧边栏”的子栏目,只需要用鼠标点击“WordPress设置主页”往右拖动。
一直拖动到出现一个子级虚线框,松开鼠标即可。
前端效果就是这样子:
该WordPress后台操作系列教程出自于Ecomools
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。