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 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

java-抢红包一些简单概念

抢红包,比如微信中抢红包,红包金额分配使用的是二倍均值算法。 二倍均值拆包: 拆包要求:所有人抢到的金额之和等于红包总额,每个人最少抢到 0.01 元,每个人抢到的红包金额不要相差太大二倍均值法:假设红包总金额是X&…

2024最新版正规视频影视系统源码/APP+H5视频影视源码

全新魅思V20正规视频影视系统源码,APPH5视频影视源码。会员花费三千购入的,具体搭建教程放压缩包了! 有兴趣的下载自行研究吧,搭建一共要用到3个域名,可以拿二级域名搭建。

奖励建模(Reward Modeling)实现人类对智能体的反馈

奖励建模(Reward Modeling)是强化学习中的一个重要概念和技术,它主要用于训练智能体(如AI机器人或大型语言模型)如何更有效地学习和遵循人类期望的行为。在强化学习环境中,智能体通过尝试不同的行为获得环境…

4月9日至10日Hack.Summit 2024亚洲首秀:Web3开发者齐聚香港数码港

Hack.Summit() 是一系列 Web3 开发者大会。本届活动将于 2024 年 4 月 9 日至 4 月 10 日在香港数码港举行。自十年前首次举办以来,此次会议标志着 Hack.Summit() 首次在亚洲举办,香港被选为首次亚洲主办城市,这对 Hack VC 和该地区都具有重要…

【Servlet】Servlet 详解(使用+原理)

文章目录 1. Servlet 介绍1.1 什么是 Servlet1.2 Servlet 的主要工作 2. Servlet 程序创建步骤2.1 创建项目2.2 引入依赖2.3 创建目录2.4 编写代码2.5 打包程序2.6 部署程序2.7 验证程序 3. 使用 Smart Tomcat 进行部署3.1 安装 Smart Tomcat3.2 配置 Smart Tomcat3.3 使用 Sma…

React-Redux中actions

一、同步actions 1.概念 说明:在reducers的同步修改方法中添加action对象参数,在调用actionCreater的时候传递参数,数会被传递到action对象payload属性上。 2.reducers对象 说明:声明函数同时接受参数 const counterStorecre…

【Python】科研代码学习:三 PreTrainedModel, PretrainedConfig

【Python】科研代码学习:三 PreTrainedModel, PretrainedConfig 前言Models : PreTrainedModelPreTrainedModel 中重要的方法 tensorflow & pytorch 简单对比Configuration : PretrainedConfigPretrainedConfig 中重要的方法 前言 HF 官网API 本文主要从官网AP…

乐高EV3硬件编程

文章目录: 一:软件 1.软件下载安装 2.软件的使用 二:乐高EV3电子元器件介绍 1.针对不同的版本 2.组合起来看 3.元器件栏 绿色部分:动作 橙色部分:流程控制 黄色部分:传感器 红色部分&#xff1…

【PyTorch】进阶学习:探索BCEWithLogitsLoss的正确使用---二元分类问题中的logits与标签形状问题

【PyTorch】进阶学习:探索BCEWithLogitsLoss的正确使用—二元分类问题中的logits与标签形状问题 🌈 个人主页:高斯小哥 🔥 高质量专栏:Matplotlib之旅:零基础精通数据可视化、Python基础【高质量合集】、Py…

Python爬虫——scrapy-4

免责声明 本文章仅用于学习交流,无任何商业用途 部分图片来自尚硅谷 meta简介 在Scrapy框架中,可以使用meta属性来传递额外的信息。meta属性可以在不同的组件之间传递数据,包括爬虫、中间件和管道等。 在爬虫中,可以使用meta属…

储能系统---交流充电桩(三)

一、充电模式及其功能要求 关注公众号 --- 小Q下午茶 新国标在标准 GB/T 18487.1-2015《电动汽车传导充电系统 第1部分:通用要求》中规定了 4 种充电模式,下面将对这 4 种充电模式及其功能要求进行介绍。 1.1 、模式 1 模式 1 是指在充电系统中应使用…

一次电脑感染Synaptics Pointing Device Driver病毒的经历,分享下经验

没想到作为使用电脑多年的老司机也会电脑中病毒,周末玩电脑的时候突然电脑很卡,然后自动重启,奇怪,之前没出现这个情况。 重启后电脑开机等了几十秒,打开任务管理器查看开机进程,果然发现有个Synaptics Po…

LeetCode 2482.行和列中一和零的差值

给你一个下标从 0 开始的 m x n 二进制矩阵 grid 。 我们按照如下过程,定义一个下标从 0 开始的 m x n 差值矩阵 diff : 令第 i 行一的数目为 onesRowi 。 令第 j 列一的数目为 onesColj 。 令第 i 行零的数目为 zerosRowi 。 令第 j 列零的数目为 zer…

用于审核、优化和跟踪的 18 种顶级 SEO 工具

DIY SEO工具 需要自己动手 (DIY) SEO 工具吗?以下是帮助您自己实现 SEO 目标的最佳工具: SEO Checker: 最适合评估和提高 SEO 性能。Google Analytics 4:最适合跟踪 SEO 结果。Moz Pro:最适合…

清华大学1748页CTF竞赛入门指南,完整版开放下载!

CTF是一种针对信息安全领域的经济性挑战,旨在通过解决一系列的难题来寻找隐藏的“flag”。CTF比赛战队一般是以高校、科研单位、企业、信息安全从业者或社会团体组成。对于网安爱好者及从业者来说,拥有“CTF参赛经验”也是求职中的加分项。 前几天分享的…

C++ Qt开发:QFileSystemWatcher文件监视组件

Qt 是一个跨平台C图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍如何运用QFileSystemWatcher组件实现对文件或…

分享axios+MQTT简单封装示例

MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,该协议构建于TCP/IP协议上,由IBM在19…

git fatal: detected dubious ownership in repository at ‘xxx‘ 彻底解决方法

前言 在 windows 重置后, git 仓库无法正常使用 git 的所有 命令,运行任何 git 命令,都会提示如下: $ git log fatal: detected dubious ownership in repository at D:/rk/rk3568/nanopi/uboot-rockchip D:/rk/rk3568/nanopi/u…

深入理解并发编程:解锁现代软件性能的关键

在当今快速发展的软件开发世界中,并发编程已经成为一种无法回避的重要议题。它涉及到如何在同一时间内处理多个任务,以此来提升应用程序的性能和响应速度。互联网服务的高并发需求以及多核处理器的普及使得并发编程成为了现代软件工程的一个核心组成部分…

瑞芯微RV系列-超级编码

参加开发者大会,逛了相应的workshop,对超级编码技术很感兴趣,RK做了很多事情,挺好的!!!