说明:一般来说网站头部有一个导航菜单,有时候由于某些因素我们需要给登陆和未登陆用户分别显示不同的菜单项,这里说下方法。...1、创建两个菜单 先进入WordPress后台-外观-菜单中,创建两个菜单,菜单名称分别设置成:已登陆和未登录,并给这两个菜单分配不同的菜单项。...2、确定菜单位置名称 开始下一步前,我们需要知道菜单位置名称,也就是theme_location参数的值,用文本编辑器打开当前主题目录中的header.php,搜索wp_nav_menu一般都能找到这个值...添加执行代码 最后,在当前主题的functions.php添加以下代码即可: function ludou_nav_menu_args($args = '') { // 下面的top改成第2步获取到的菜单位置名称...} } return $args; } add_filter('wp_nav_menu_args', 'ludou_nav_menu_args'); 这样设置后未登录和登录的菜单就不同了
如果让登录用户与未登录浏览者,显示不同的菜单,可以通过下面的代码实现: 将下面代码添加到当前主题函数模板functions.php中: if( is_user_logged_in() ) { $args...两个菜单,用于登录状态下和普通浏览者显示的菜单。...如果主题有多个菜单,可以通过下面的代码在指定菜单位置显示不同的菜单: function wpc_wp_nav_menu_args( $args = '' ) { if( is_user_logged_in...'; } } return $args; } add_filter( 'wp_nav_menu_args', 'wpc_wp_nav_menu_args' ); 也可以利用上面的方法,让不同的用户角色显示不同的菜单内容...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
有很多功能,同时在【转换】和【添加】两个菜单中都存在,而且,通常来说,它们得到的结果列是一样的,只是在【转换】菜单中的功能会将原有列直接“转换”为新的列,原有列消失;而在【添加】菜单中的功能,则是在保留原有列的基础上...但是,最近竟然发现,“合并列”的功能,虽然在大多数情况下,两种操作得到的结果一致,但是他们却是有本质差别的,而且一旦存在空值(null)的情况,得到的结果将有很大差别。...当然,要学会修改,首先要对各类操作比较熟悉,同时,操作的时候,也可以多关注一下步骤公式的结构和含义,这样,随着对一些常用函数的熟悉,慢慢就知道在哪里改,怎么改了。
在 Windows 10 上为 WPF 窗口添加模糊特效(就像开始菜单和操作中心那样) 发布于 2017-10-01 16:14...倒是发现了一个可以让 Win32 桌面程序做出类似 Windows 10 开始菜单和操作中心那种模糊效果的方法。 写这篇文章并不意味着我推荐大家这么去做,只是希望将方法总结出来,作为一个研究点而已。...本文提供了一个完整的用于在 Windows 10 上实现模糊特效的 C# 类,没有放到 GitHub 也没有其他类型的开源。如果需要直接拿走就好。 ---- ? ? 为什么不推荐使用?... 实现原理——SetWindowCompositionAttribute WindowBlur 类内部用到了微软从未开放的 API,叛逆者 也已经证实这就是微软在开始菜单和操作中心中用到的...---- 参考资料 如何评价微软在 Build 2017 上提出的 Fluent Design System?
这个功能在网络上一搜是一大把代码,本来也不想在这里再累赘的,但为了丰富本站 DeveWord .com 的“无插件”系列,只得。。。面包屑导航不仅仅是给访客使用,同时也是给搜索引擎一个抓取的路线图。...小小介绍面包屑导航 使用谷歌搜索的可能知道,某些搜索结果中的地址不是单纯的url ,而是一个导航分类菜单。在谷歌搜索中,这个叫做“路径”,也是隶属结构化数据的一部分。...Jeff 在本站DeveWord.com 部署这个面包屑导航也很久了,但是一直在搜索结果中不出现“路径”,即使是使用了微数据标注也是如此。一直很纳闷,现在也不知如何解决。...进入正题吧,在WordPress免插件仅代码实现面包屑导航需要你做的是: 一、定义面包屑导航函数 在主题的functions.php 文件下加入以下代码: function dw_breadcrumb(...二、 调用面包屑导航函数 在你需要显示面包屑导航的地方加入以下代码即可: 代码来源:英文原文,感谢原作者。
(这个插件有免费版本和付费版本,这里我们使用的是免费的版本) 一.Yoast SEO向导配置 当你安装好Yoast seo插件后,左侧菜单选项会出现一个‘SEO’的菜单选项,点击这个菜单,我们进入到Yoast...meta box出现在WordPress编辑器的下面(它的确切位置取决于您的其他插件和主题)。如果你正在使用新的WordPress block编辑器,你也可以在右边栏找到它。...有三种不同的方式来与元盒互动: 1.这个部分可以设置文章的关键词,预览在谷歌搜索结果中显示的样子,文章可读性分析(文章的逻辑性和阅读体验)和seo分析(关键词密度,子标题使用,图片ALT属性,文章内链和外链等...这包括主页、单个文章、归档和分类的几个选项。 1. General-dashboard 这个仪表盘页面会显示一些seo问题和消息通知。出现的问题后面一般会有文章教程,让我们更好的理解问题和改正问题。...五、Yoast seo仪表板Tool设置 Yoast SEO自带了一些非常强大的内置工具: 导入和导出 从其他SEO插件中导入设置,并导出您的设置以便在(另一个)博客上重复使用。
前言 WPML是WordPress的一个插件。简单来说,插件扩展了基本的WordPress CMS功能。在我们的情况下,WPML让WordPress支持多语言。 请注意!...它是完整的 使用WPML,你可以翻译页面、文章、自定义类型、分类、菜单甚至主题文本。 它兼容性强 每个使用WordPress API的主题或插件都可以与WPML一起运行多语言。...WPML多语言CMS 核心插件将WordPress转换为多语言。它添加了基本的翻译控件并允许翻译内容。 WPML媒体翻译 此插件允许在不同的语言中使用WordPress图库。...你可以控制每种语言显示哪些图像。 WPML字符串翻译 字符串翻译插件允许直接从WordPress中翻译界面字符串,而无需使用.mo文件。...WPML CMS导航 CMS导航插件添加了一些导航元素,你可以在构建网站时使用它们。包括面包屑、下拉菜单和侧边栏导航。
(1)顶部菜单布局 即:顶部导航菜单 + 内容区域。 这种方式布局简单,但缺点很明显,菜单都挤在顶部导航区域,在菜单项越来越多时就放不下了,很难处理,可扩展性不强。...(3)混合菜单布局 其实和侧边菜单布局大同小异,还是属于侧边菜单布局的范畴。 只不过这样布局的话,面包屑导航就不适合和顶部放一行了,只能另起一行。...对于侧边栏菜单和面包屑导航,element和antd都有相应的组件可以直接使用,其他的手写实现。 三、css布局 良好的css布局代码才能保证页面布局的稳定性。...flex布局有个特性是:只对一个子元素设置flex: 1属性时,该子元素默认会撑满父容器的剩余空间。...(例如:/nest/nest1/nest11),再通过/分隔成多段子路由,和上述getRouteMetaMap方法取到的映射数据匹配,获取子路由的title标题组合成面包屑(多级菜单 / 二级菜单1 /
主题简介: Archtek汉化中文版wordpress企业主题。...主题特色: 响应式布局,自动适应各种分辨率的屏幕 自带8种小工具 原生态支持作品集、团队、幻灯片、证书等类型的文章 面包屑导航 支持风格、颜色等自定义 首页幻灯片证书滑块 谷歌地图 支持PC字体和谷歌网络字体切换...支持WordPress自定义和单独主题设置 支持Visual composer 更多的特色,你可以亲自去查看,相信会给你带来更多的惊喜。...Archtek汉化中文版后台的英文基本上已经汉化了,包括一些提示性的英文都已经汉化了,相信大家使用起来是没有障碍的。...样式定制器选项,大家可以对全局、站点背景、页眉、菜单、首页幻灯片、页面介绍、页脚、页脚条、菜单、其他、小工具等进行设置。
1、CSS3和SVG文字背景动画,超酷的文字特效 这是一款基于CSS3和SVG的文字特效,文字的背景可以定义一些动画特效,在背景动画播放的同时,我们还可以选中文字。...本示例让文字背景展示水波和火焰的动画特效。 ?...4、基于Bootstrap的CSS3面包屑菜单 面包屑菜单以嵌入到网站中,帮助用户在网站中实现各级目录的跳转。...这款面包屑菜单沿用了bootstrap的风格,利用CSS3特性,让菜单项进行圆角处理,整体变得很圆润。 ?...6、HTML5/CSS3 3D下拉折叠菜单 3D子菜单 这是一款很有特色的CSS3菜单,该菜单不仅拥有下拉菜单的特点,而且下拉的子菜单还拥有3D的折纸效果,看起来蛮酷的。 ?
新建菜单 添加菜单项 发布到顶部菜单 5.小部件、侧边栏 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件(小部件自带配置,可在添加的时候填写),添加后默认在文章页面的右侧边栏显示。...关闭之前主题自带的小工具 拖入document主题的小部件 保存修改 不保存的话,会显示之前主题的小部件导致样式错乱 6.邮箱SMTP配置 wordpress自带的邮件发送服务不太友好,你可以在主题选项开启主题自带的邮件服务...导航栏搜索 上一篇、下一篇文章 一键回到顶部 主题色、阅读模式切换 文章点赞、踩 文章浏览、评论、发布时间、作者信息显示 4....增加文章顶部的面包屑导航。 修复因为QQ、微信浏览器不支持16进制透明颜色导致阴影失效的BUG。...20220724更新 首页变成两栏显示 优化了大屏和小屏显示的字体大小 调整了移动端的UI样式 下滑阅读时自动隐藏导航栏,上滑时自动显示。
Breadcrumb (Breadcrumb trail),中文成为“面包屑路径”是应用于网站或者网络程序上的,帮助用户找到自身位置的二级导航标记。...他起源于 Hansel and Gretel 的传说,孩子们为了能够找到回家的路,将面包屑撒在路上,并顺着找到了家。和传说中一致,面包屑路径在现实中也帮助我们找到自己的起始页。 ?...一个决定是否使用面包屑路径的很好的办法是规划一个站点地图或者表示网站导航结构的图表,然后再来决定面包屑路径是否能够改善用户在栏目内和不同栏目间的导航体验。...面包屑路径往往是一个网站的额外的特点,他不应该取代菜单导航,而且往往应该作为菜单导航的一种辅助和补充。它是一种次级的、很舒服的特性,帮助用户确定自己的位置,并且作为菜单导航的一个有效补充。...一个原则就是,用户浏览页面时,不能第一眼就被面包屑路径所吸引。 应该放在什么地方?面包屑路径通常放置在页面的中上部,如果是水平导航,一般放在主菜单的下边。
"END", //英文 MENU_TYPE_NULL,//菜单类型 NULL,//菜单函数,功能菜单才会执行,有子菜单的不会执行 }; 这个菜单列表有什么特点和要求呢...第2个孙菜单 第2个子菜单 第3个子菜单 第3个1级菜单 第4个1级菜单...第5个1级菜单 结束节点 ------------------------------------------------ 第2个1级菜单有3个子菜单,子菜单是2级菜单,其中第1个子菜单下面又有2个孙菜单...FONT_SONGTI_1616, 2); -第1个参数是在哪个LCD上显示菜单, -第2个是菜单列表, -第3个是菜单长度, -第4个四字体, -第5则是行间距 注意: 运行这个菜单需要有...总结 类似菜单在我开发的产品上已经推广使用。 经测试,可以明显减少测试程序代码量,节省程序空间。 并且易于修改和维护。
) 关注“活期储蓄”产品 在“我的关注”菜单里也存在“活期储蓄”产品 从上面的描述中不难发现,“活期储蓄”产品既可以从“负债类理财产品”菜单进入,也可以从“我的关注”菜单进入。...这就带来了两个问题: 当进入“活期储蓄”产品详情页面的时候,高亮哪个导航菜单 当进入“活期储蓄”产品详情页面的时候,面包屑导航怎么显示 从用户角度来说自然是我从哪里点进去的就高亮哪个菜单,面包屑也真实的反应...前端处理,分别针对导高亮和面包屑处理 思路分析 在进入详情页面的行为中增加标记(我使用 sessionStorage 标记,标记信息包括路径path、title,path用于高亮导航,title用于面包屑展示...) 在离开详情页的时候移除标记(通过路由守卫实现,目的是标记不会带来别的副作用) 根据标记修正菜单高亮、面包屑展示 代码实现 分析完之后发现写代码就跟玩一样,没有什么技术含量,就不贴代码了...有一点需要注意: 在上面思路分析中,当进入详情页,刷新页面,可能会存在时序问题,具体就是面包屑组件里标记信息不能及时同步,这里我采用的是在data上面定义属性signTitle承接sessionStorage
在动态渲染左侧导航栏菜单的时候,一级菜单出来了,但是二级菜单和一级菜单是一样的。...里面加上下面一行代码即可 import 'font-awesome/css/font-awesome.min.css' 动态渲染了菜单导航栏之后,点击子菜单进不去里面的页面,这是因为没有在menus.js...也上加个面包屑,方便我们去使用,ElementUI里面为我们提供了面包屑 ?...这个面包屑应该是点了哪个菜单项,显示的就是哪个,所以要把面包屑的源代码改一下: ...写好之后所有页面都会显示“欢迎来到微人事”,这样是不行的,我们可以在div里面使用v-if判断一下,是点击首页的时候再显示“欢迎来到微人事” <div class="homeWelcome" v-if=
由林雍岷精心打造的WordPress SEO系列教程教你如何通过个人的努力每天为网站带来1000位访客,WordPress SEO系列教程教你做网站排名和网站访问速度优化。...WordPress网站在搜索引擎中获得好排名需要做的一切事情: 配置Yoast; Search Console; 研究长尾关键词; HTML网站内容导航。 这是我们可以在页面SEO上做的其中一些事情。...浏览你的内容类型,分类法和存档选项卡,然后选择不在搜索结果中显示这些内容。...面包屑 面包屑是你通常会在内容顶部看到的导航文本。 ? 它们也出现在搜索结果中… ? 在Yoast中启用面包屑(SEO → Search Appearance → Breadcrumbs)… ?...然后将此代码添加到你希望面包屑显示的任何地方。最常见的位置是header.php,single.php或page.php。如果你需要帮助,请参见此处的Yoast面包屑教程。
,仅仅是为了生成层级菜单。...此时就出现了一个问题,因为 keep-alive 是在 Layout 上处理的,所以超过两级以上的路由都会变得难以处理,也没有一个相对完美的解决方案。...原有的面包屑导航是通过 route.matched 可以获取到嵌套路由每一层级的信息,而当路由被处理成两级后,也就无法通过 route.matched 进行显示了,所以在处理路由数据的同时,也需要处理面包屑导航的信息...通过图片可以看到,这种方案也还是有一定的限制,就是路由被处理成二级后,多级嵌套关系不存在了,也就是不能在 Empty 里写任何代码,因为都会被忽略掉,只保留顶级和最深层的底级两个路由。...当然通过实际情况考虑,这种限制并没有大问题,因为在后台系统里,本身模块相对独立,即便侧边栏导航菜单是嵌套层级关系的,在右侧内容展示区域,几乎都是独立模块展示,无需嵌套。
通过链接 你可以编辑已有的页面并创建一个链接到你的新页面(无论是在wiki模式或WYSIWYG模式)。由此产生的链接旁边会显示一个问号,其显示为不存在的页面。只需点击链接就能创建当前页面的子页面。...请注意:上述描述在wiki主页上创建新页面时(即点击首页加号图标),是一个例外情况。在这种情况下,默认是创建顶级页面,而不是当前页面(主页)的孩子页面。...复制 如果你想创建现有页面的副本,那么你必须导航到该页面(在查看模式下访问该页面),然后从页面菜单中选择复制操作(位于页面标题的右侧)。 ? 这将带你到复制页面向导,你可以指定副本的名称和新的位置。...你可以使用面包屑导航到新的页面或旧页面。 移动/重命名 如果要重命名或移动现有页面,你需要导航到该页面(在查看模式下访问该页面),然后从页面菜单中选择重命名操作(位于页面标题的右侧)。 ?...限制 目前仍有重命名上的一些限制: 反向链接必须开启(它们默认打开,但如果你已经把它们关闭,重命名操作将不会重命名反向链接) 位于XObject对象和翻译内容的反向链接目前没办法重命名。
,显示其中的子菜单,我们可以在el-menu中添加一个属性unique-opened 或者也可以数据绑定进行设置(此时true认为是一个bool值,而不是字符串) :unique-opened=“true...,在main的主体结构中添加一个路由占位符 制作好了Welcome子级路由之后,我们需要将所有的侧边栏二级菜单都改造成子级路由链接 我们只需要将el-menu的router属性设置为true就可以了,..." 8.完成用户列表主体区域 新建用户列表组件 user/Users.vue 在router.js中导入子级路由组件Users.vue,并设置路由规则 当点击二级菜单的时候,被点击的二级子菜单并没有高亮...(复制面包屑代码,在element.js中导入组件Breadcrumb,BreadcrumbItem) B.使用element-ui卡片组件完成主体表格(复制卡片组件代码,在element.js中导入组件...) 而渲染操作列时,也是使用作用域插槽来进行渲染的, 在操作列中包含了修改,删除,分配角色按钮,当我们把鼠标放到分配角色按钮上时 希望能有一些文字提示,此时我们需要使用文字提示组件(复制文字提示组件代码
,显示其中的子菜单,我们可以在el-menu中添加一个属性unique-opened 或者也可以数据绑定进行设置(此时true认为是一个bool值,而不是字符串) :unique-opened=”true...Home.vue,在main的主体结构中添加一个路由占位符 制作好了Welcome子级路由之后,我们需要将所有的侧边栏二级菜单都改造成子级路由链接 我们只需要将el-menu的router属性设置为true...+subItem.path” 8.完成用户列表主体区域 新建用户列表组件 user/Users.vue 在router.js中导入子级路由组件Users.vue,并设置路由规则 当点击二级菜单的时候,被点击的二级子菜单并没有高亮...B.添加面包屑导航 在Rights.vue中添加面包屑组件展示导航路径 C.显示数据 在data中添加一个rightsList数据,在methods中提供一个getRightsList方法发送请求获取权限列表数据...在Roles.vue中添加面包屑组件展示导航路径 C.显示数据 在data中添加一个roleList数据,在methods中提供一个getRoleList方法发送请求获取权限列表数据,在created
领取专属 10元无门槛券
手把手带您无忧上云