当前位置: 首页 > news >正文

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 

相关文章:

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

前面我们跟大家分享了WordPress如何上传安装WordPress主题,但是启用主题后前端没有看到有导航菜单,这是因为我们还没有创建菜单和设置导航菜单。 JianYue主题导航菜单和右上角菜单 今天boke112百科就继续跟大家分享WordPress站点如何创建菜单和设置前端…...

Rust:为 Trait 定义默认的方法

当你提到“指定 trait 的实现”并使用 :: 符号时,你可能是指在某些情况下,你想直接通过 trait 而不是具体的类型来调用方法。这在 trait 提供了默认方法实现时尤其有用,因为你可以不依赖任何具体的类型实现来调用这些方法。 然而&#xff0c…...

掌握Redis,看完这篇文章就够了

一,数据库的配置 内存数据库 MySQL与mongodb都是以文件的形式存储在磁盘上的 redis数据在内存中,操作内存的速度远远高于磁盘并且redis数据最终也可以存储在磁盘上 redis的存储结构为简直存储数据库类似于python中的字典的存储方式 redis的服务器与客户…...

烟火识别检测摄像头-火焰烟雾智能检测预警系统---豌豆云

火焰烟雾智能检测预警系统利用现场已有的监控摄像头,火焰烟雾智能检测预警系统对监控区域内的烟雾和火焰进行识别。 这种识别技术不仅准确率高,而且速度快,能够在短时间内对大量的视频数据进行处理和分析。 同时,该系统还能够动…...

js【详解】Promise

为什么需要使用 Promise ? 传统回调函数的代码层层嵌套,形成回调地狱,难以阅读和维护,为了解决回调地狱的问题,诞生了 Promise 什么是 Promise ? Promise 是一种异步编程的解决方案,本身是一个构…...

八股文-持续更新......

文章目录 SpringSpringBootDubboMQMysqlNettyRedis并发ZookeeperMybatisElasticsearchLinux微服务ZookeeperMybatisElasticsearchLinux...

Redis 大key和热key问题及处理

一、说说什么是Redis、及特点? Redis是一个基于内存存储数据运行并支持持久化、使用key/value形式存储的高性能的nosql数据库,适合用于存储频繁访问,数据量较小的场景下。 特点: 支持数据持久化:可以将内存中的数据保…...

SpringBoot中RestTemplate 发送http请求

SpringBoot中RestTemplate 发送http请求 引入fastjson <!--fastjson--> <dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>2.0.47</version> </dependency>创建配置文件 新建c…...

HTTP有什么缺陷,HTTPS是怎么解决的

缺陷 HTTP是明文的&#xff0c;谁都能看得懂&#xff0c;HTTPS是加了TLS/SSL加密的&#xff0c;这样就不容易被拦截和攻击了。 SSL是TLS的前身&#xff0c;他俩都是加密安全协议。前者大部分浏览器都不支持了&#xff0c;后者现在用的多。 对称加密 通信双方握有加密解密算法…...

OWASP Top 10 网络安全10大漏洞——A02:A02:2021-加密机制失效

10大Web应用程序安全风险 2021年top10中有三个新类别、四个类别的命名和范围变化&#xff0c;以及一些合并。 A02&#xff1a;A02:2021-加密机制失效 上升一个位置&#xff0c;当前top2&#xff0c;以前称为敏感数据泄露&#xff0c;是一种状况而不是根本原因。更新后的类别…...

2024-3-11-C++作业

1>试编程 要求&#xff1a; 提示并输入一个字符串&#xff0c;统计该字符中大写、小写字母个数、数字个数、空格个数以及其他字符个数 源代码: #include <iostream>using namespace std;int main() {string s;cout << "请输入字符串&#xff1a;"…...

Spring Boot 实现文件本地以及OSS上传

Spring Boot 实现文件上传 Maven依赖 <dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>3.15.1</version> </dependency>上传到本地 package yang.controller;import java.…...

如何选择一家优秀的APP开发公司?

在移动应用市场的激烈竞争中&#xff0c;选择一家合适的APP开发公司至关重要。然而&#xff0c;仅仅选择了一家公司并不足以确保项目的成功。本文将为您详细介绍选择好APP开发公司后&#xff0c;还应该注意的关键因素&#xff0c;并引入虎克技术公司的以往合作客户的过程中给出…...

【美团笔试】20240309—春招、暑期实习实习笔试

【美团笔试】20240309—春招实习笔试真题 文章目录 【美团笔试】20240309—春招实习笔试真题1. 小美的MT2. 小美的数组询问3. 小美的平衡矩阵(前缀和)4. 小美的区间删除5. 小美的朋友关系参考1. 小美的MT MT 是美团的缩写,因此小美很喜欢这两个字母。现在小美拿到了一个仅由…...

4-LINUX--文件操作命令

一、文件查看命令 1. cat 1.1 查看文件内容&#xff0c;示例如下&#xff1a; 1.2 合并文件&#xff0c;示例如下&#xff1a; 1.3 往文件中写入数据&#xff0c; Ctrld 是结束输入&#xff0c;示例如下&#xff1a; 2. more 当一个文件的内容超过一个屏幕能显示的行数…...

浏览器缓存 四种缓存分类 两种缓存类型

浏览器缓存 本文主要包含以下内容&#xff1a; 什么是浏览器缓存按照缓存位置分类 Service WorkerMemory CacheDisk CachePush Cache 按照缓存类型分类 强制缓存协商缓存 缓存读取规则浏览器行为 什么是浏览器缓存 在正式开始讲解浏览器缓存之前&#xff0c;我们先来回顾一…...

html5cssjs代码 003 50以内的乘法算式

html5&css&js代码 003 50以内的乘法算式 一、代码二、解释 综合应用代码示例。50以内的乘法算式。 一、代码 <!DOCTYPE html> <html lang"en"> <head><title>20以内的乘法</title><meta charset"UTF-8"><…...

安全先行,合规的内外网文件摆渡要重点关注什么?

内外网隔离在政府、军工部门、科研单位等已成为很常见的网络安全建设措施&#xff0c;内外网隔离是一种网络安全措施&#xff0c;用于保护内部网络免受外部网络的攻击和威胁。 内外网隔离的目的在于限制内外网之间的通信和数据交换&#xff0c;但网络隔离后&#xff0c;仍有数据…...

python:牛客NP9---16进制数字大小

文章目录 一、题意描述输入描述&#xff1a;输出描述&#xff1a; 二、代码1.代码的实现2.读入数据 总结 一、题意 描述 计算的世界&#xff0c;除了二进制与十进制&#xff0c;使用最多的就是十六进制了&#xff0c;现在使用input读入一个十六进制的数字&#xff0c;输出它的…...

【惠友小课堂】你玉米几几呀?关爱青少年骨骼健康,助力“神兽”成长

玉 米 几 几 “你玉米几几呀”这是什么梗&#xff1f;怎么突然火了&#xff1f; 起因是一位来自云南的网友有金记录真实生活&#xff0c;在社交媒体平台上发布了一则视频&#xff0c;视频中字幕“玉米六六”实际上是对“一米六六”身高的一种谐音替换&#xff0c;这种创意表…...

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 &#xff08;1&#xff09;连接查询&#xff08;JOIN&#xff09; 内连接&#xff08;INNER JOIN&#xff09;&#xff1a;返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异&#xff0c;它们的数据同步要求既要保持数据的准确性和一致性&#xff0c;又要处理好性能问题。以下是一些主要的技术要点&#xff1a; 数据结构差异 数据类型差异&#xff…...

页面渲染流程与性能优化

页面渲染流程与性能优化详解&#xff08;完整版&#xff09; 一、现代浏览器渲染流程&#xff08;详细说明&#xff09; 1. 构建DOM树 浏览器接收到HTML文档后&#xff0c;会逐步解析并构建DOM&#xff08;Document Object Model&#xff09;树。具体过程如下&#xff1a; (…...

ffmpeg(四):滤镜命令

FFmpeg 的滤镜命令是用于音视频处理中的强大工具&#xff0c;可以完成剪裁、缩放、加水印、调色、合成、旋转、模糊、叠加字幕等复杂的操作。其核心语法格式一般如下&#xff1a; ffmpeg -i input.mp4 -vf "滤镜参数" output.mp4或者带音频滤镜&#xff1a; ffmpeg…...

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院查看报告小程序

一、开发环境准备 ​​工具安装​​&#xff1a; 下载安装DevEco Studio 4.0&#xff08;支持HarmonyOS 5&#xff09;配置HarmonyOS SDK 5.0确保Node.js版本≥14 ​​项目初始化​​&#xff1a; ohpm init harmony/hospital-report-app 二、核心功能模块实现 1. 报告列表…...

sqlserver 根据指定字符 解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

C++中string流知识详解和示例

一、概览与类体系 C 提供三种基于内存字符串的流&#xff0c;定义在 <sstream> 中&#xff1a; std::istringstream&#xff1a;输入流&#xff0c;从已有字符串中读取并解析。std::ostringstream&#xff1a;输出流&#xff0c;向内部缓冲区写入内容&#xff0c;最终取…...

AI书签管理工具开发全记录(十九):嵌入资源处理

1.前言 &#x1f4dd; 在上一篇文章中&#xff0c;我们完成了书签的导入导出功能。本篇文章我们研究如何处理嵌入资源&#xff0c;方便后续将资源打包到一个可执行文件中。 2.embed介绍 &#x1f3af; Go 1.16 引入了革命性的 embed 包&#xff0c;彻底改变了静态资源管理的…...

C# 求圆面积的程序(Program to find area of a circle)

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

学校时钟系统,标准考场时钟系统,AI亮相2025高考,赛思时钟系统为教育公平筑起“精准防线”

2025年#高考 将在近日拉开帷幕&#xff0c;#AI 监考一度冲上热搜。当AI深度融入高考&#xff0c;#时间同步 不再是辅助功能&#xff0c;而是决定AI监考系统成败的“生命线”。 AI亮相2025高考&#xff0c;40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕&#xff0c;江西、…...