WordPress建站入门教程:如何创建菜单和设置前端导航菜单?

前面我们跟大家分享了WordPress如何上传安装WordPress主题,但是启用主题后前端没有看到有导航菜单,这是因为我们还没有创建菜单和设置导航菜单。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第1张-boke112百科(boke112.com)

JianYue主题导航菜单和右上角菜单

今天boke112百科就继续跟大家分享WordPress站点如何创建菜单和设置前端导航菜单,具体步骤如下:

1、登录进入WordPress后台 >> 点击左侧导航菜单“外观 – 菜单”>> 在“菜单名称”中输入名称,如导航菜单,并在“显示位置”中勾选“导航主菜单”,最后点击【创建菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第2张-boke112百科(boke112.com)

特别说明:显示位置中的位置,各个主题不一样,具体勾选哪一个菜单,请根据实际使用的WordPress主题来定,本文是以JianYue主题为例。

2、将一些分类目录、首页等菜单项添加到第1步创建的菜单中。比如将某分类目录添加到菜单,只需要在分类目录中勾选相应的分类,然后点击【添加至菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第3张-boke112百科(boke112.com)

同理,想要添加类似“本站首页”的链接,则点击“自定义链接”,在URL中输入首页URL地址,在链接文字中输入“本站首页”或“首页”之类的名称,然后点击【添加至菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第4张-boke112百科(boke112.com)

完成菜单项的添加后,记得点击【保存菜单】按钮。此时刷新前端网页即可看到有导航菜单了。

3、(可选)如果想要菜单项在新标签打开,或者带上title属性和nofollow标签,则只需要在编辑菜单时点击右上角的【显示选项】按钮,然后勾选“链接目标”、“title属性”和“链接关系”,最后点击一下【显示选项】按钮收起选项。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第5张-boke112百科(boke112.com)

接着点击相应的菜单项,勾选“在新标签页打开链接”,在“链接关系”中输入nofollow,在title属性中输入相应的内容,最后点击【保存菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第6张-boke112百科(boke112.com)

4、(可选)如果还想在菜单项前面添加图标,因为JianYue主题已经集成了WordPress官方图标库,所以只需要参考『WordPress前端如何使用跟后台一样的Dashicons图标字体?』一文第2、第3步自行添加图标即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第7张-boke112百科(boke112.com)

如果你所使用的主题没有集成图标字体,可以参考『WordPress站点使用阿里巴巴矢量图标库Iconfont的详细教程』一文添加。

5、(可选)菜单中的菜单项上下位置是可以调整的,只需要将鼠标移动到想要调整顺序的菜单项,按住鼠标左键往上或往下拖动到合适位置松开,最后点击【保存菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第8张-boke112百科(boke112.com)

6、(可选)菜单中的菜单项默认都是一级菜单,可以设置为二级菜单、三级菜单等,只需要将鼠标移动到想要设置的菜单项,按住鼠标左键往左或往右拖动到合适位置松开,最后点击【保存菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第9张-boke112百科(boke112.com)

7、(可选)JianYue主题还有一个右上角的菜单,所以设置完导航菜单外,还需要点击“创建一个新菜单”,菜单名称可随意,如右上角菜单,勾选显示位置中的“右上角菜单”,并点击【创建菜单】按钮。之后添加菜单项方法跟上文操作一样。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第10张-boke112百科(boke112.com)

8、(可选)如果创建的菜单超过1个,那么想要管理某个菜单,添加菜单项,则需要点击“选择要编辑的菜单”旁边的选择框,然后点击选择想要编辑的菜单,并点击【选择】按钮,然后就可以添加/移除菜单项、调整菜单项上下左右的顺序,最后点击【保存菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第11张-boke112百科(boke112.com)

9、(可选)有时候我们需要删除一下菜单项,那么只需要进入编辑菜单页面,点击想要移除的菜单项,并点击“移除”,最后点击【保存菜单】按钮即可。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单?-第12张-boke112百科(boke112.com)

其他主题还会有页脚菜单、侧边栏菜单等,不管是创建新菜单,还是往菜单中添加菜单项,或是管理菜单、移除菜单项,方法都是一样的,这里就不一一展开说了。

WordPress建站入门教程:如何创建菜单和设置前端导航菜单? - boke112百科前面我们跟大家分享了WordPress如何上传安装WordPress主题,但是启用主题后前端没有看到有导航菜单,这是因为我们还没有创建菜单和设置导航菜单。 [caption id='' align='aligncenter' width='720'] JianYue主题导航菜单和右上角菜单[/caption] 今天icon-default.png?t=N7T8https://boke112.com/post/12082.html 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/522507.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于SVM模型的网络入侵检测模型训练与评估(NSL-KDD数据集)

简介 针对网络安全领域的NSL-KDD数据集进行分类任务的预处理和模型训练、以及超参数调优。 数据预处理 读取并解析数据集;检查并删除指定列(outcome)的缺失值;对类别型特征(protocol_type, service, flag&#xff0…

13 OpenCv自定义线性滤波

文章目录 卷积算子示例 卷积 卷积是图像处理中一个操作,是kernel在图像的每个像素上的操作。Kernel本质上一个固定大小的矩阵数组,其中心点称为锚点(anchor point) 把kernel放到像素数组之上,求锚点周围覆盖的像素乘积之和(包括锚…

JavaWeb——015 Maven高级(分模块设计与开发、继承与聚合、私服)

Maven高级 目录 Maven高级1. 分模块设计与开发1.1 介绍1.2 实践1.2.1 分析1.2.2 实现 1.3 总结 2. 继承与聚合2.1 继承2.1.1 继承关系2.1.1.1 思路分析2.1.1.2 实现 2.1.2 版本锁定2.1.2.1 场景2.1.2.2 介绍2.1.2.3 实现2.1.2.4 属性配置 2.2 聚合2.2.1 介绍2.2.2 实现 2.3 继承…

IP定位技术在金融风控中的应用研究

随着金融科技的快速发展,金融行业的风险也呈现出多样化、复杂化的特点。金融风控作为保障金融安全的重要手段,其面临的挑战也日益加剧。在这样的背景下,IP定位技术作为一种先进的信息技术手段,正逐渐成为金融风控领域的重要工具。…

STM32day3

1.思维导图 1.总结任务的调度算法,把实现代码再写一下 /* Definitions for myTask02 */ osThreadId_t myTask02Handle; uint32_t myTask02Buffer[ 64 ]; osStaticThreadDef_t myTask02ControlBlock; const osThreadAttr_t myTask02_attributes {.name "myTa…

spring对IOC的实现

Ioc控制反转 控制反转是一种思想。 控制反转是为了降低程序耦合度,提高程序扩展力,达到OCP原则,达到DIP原则。 控制反转,反转的是什么? 将对象的创建权利交出去,交给第三方容器负责。将对象和对象之间关系…

硬盘温度过高会怎么办?机箱温度多少算正常?

硬盘温度 硬盘在使用过程中,断电很容易导致数据丢失,但如果温度过高,也可能对硬盘造成损坏。 硬盘的温度是决定电脑能否正常使用的重要因素。 如果长时间读取和存储数据,硬盘的温度会升高。 那么,硬盘的正常温度是多少…

代码随想录day16 栈与队列:前 K 个高频元素(leetcode347)

题目要求:给定一个非空的整数数组,返回其中出现频率前 k 高的元素。 思路:我们需要使用map来统计整个数组中元素出现的频率,然后再根据统计好的频率去排序,取得频率前K高的元素。我们不必使用快排实际上我们使用优先级…

Open CASCADE学习|表面着色显示模型

模型表面着色具有如下作用: 视觉增强:通过为模型表面添加着色,可以使其更加生动和逼真,提高视觉体验。 信息区分:在复杂的模型中,不同的部分或组件可能需要通过不同的颜色来区分,以便更清晰地…

20 卷积层里的填充和步幅【李沐动手学深度学习v2课程笔记】

1. 填充和步幅 在上下左右分别填充一些0 2. 代码实现 2.1 填充 我们创建一个高度和宽度为3的二维卷积层,并在所有侧边填充1个像素。给定高度和宽度为8的输入,则输出的高度和宽度也是8。 import torch from torch import nn# 为了方便起见,…

Xilinx 7系列 FPGA硬件知识系列(九)——FPGA的配置

目录 1 .1配置模式 1.1.1 主模式 1.1.2 从模式 1.2 7种配置模式 1.2.1 主串配置模式 1.2.2 从串配置模式 ​编辑1.2.3 主并配置模式 1.2.4 从并配置模式 1.2.5 JTAG配置模式 ​编辑1.2.6 主SPI配置模式 ​编辑1.2.7 主BPI配置模式 1.2.8 FPGA BPI加载时间…

【牛客】VL74 异步复位同步释放

描述 题目描述: 请使用异步复位同步释放来将输入数据a存储到寄存器中,并画图说明异步复位同步释放的机制原理 信号示意图: clk为时钟 rst_n为低电平复位 d信号输入 dout信号输出 波形示意图: 输入描述: clk为时…