首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网站的菜单栏应该怎样布局?看看这些建议

其实仅当您的网站目标是让访问者与您联系时,才需要加上一个,否则可以将该链接放入在不关键的网站菜单中。...无限滚动的存档页面,带有指向文章的链接(至少加上摘录并以滚动方式加载更多文章) 列表中的一百个类别(为什么这么多!) 带有子菜单和子子菜单的菜单等 我们为什么不建议采用呢?...通过每个链接,访客都可能从网站的主要目标转移了注意力。 如果您确实有充分的理由要加上多个子菜单,那么请监视菜单获得的点击次数,并在需要时进行调整。...在大多数情况下,为子菜单项创建良好的目标页面会更加好。 完美的菜单 当然,没有“完美菜单”的模型了。它在很大程度上决定您的站点以及您的业务目标。...无论如何,在优化菜单时您应该问两个关键问题: 我的网站的最佳菜单结构是怎样的? 菜单中至少应包含哪些菜单项?

1.2K00

woocommerce shortcode短代码调用

id– 产品的帖子 ID。 menu_order– 菜单顺序,如果已设置(首先显示较小的数字)。 popularity– 购买次数。...为此,我们将使用 Post ID(在创建产品页面时生成)以及 order 和 orderby 命令。由于您无法从前端看到 Post ID,因此 ID#s 已叠加在图像上。...如果我想展示所有适合寒冷天气的装备,包括这些共享配件,我会将术语从 更改为 .NOT INwarmcold 场景 7 – 仅显示带有标签“连帽衫”的产品 [products tag="hoodie"]...ASCDESCorderbyASC 产品类别方案示例 仅显示顶级类别 想象一下,您只想在页面上显示顶级类别并排除子类别,那么可以使用以下短代码。...当您使用其他短代码(如 )并希望用户获得有关其操作的一些反馈时非常有用。

11.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PowerBI 2020二月更新 真增量刷新全面普及

    IT: 显示组织IT资产,显示各种资产类别及其可用性量,可以将其分解为特定资产。 运营: 以层级格式显示制造过程,其中包含要生产产品的组件或成分及其各自的数量。...这种类型的分析可以帮助将重点放在上游环境上,应该首先考虑进行流程改进。 何时使用此图表: 当您的过程具有允许对属性进行分割的数据时,例如位置,班次,物料类型等。...X-bar控制图 当您要分析每个子组包含多个测量值的数据的过程稳定性时,可以使用x形控制图。此图表类型用于子分组数据,其中每个子分组由两个或多个值组成。此图表上绘制的点是子组数据的平均值(x线)。...X条和范围控制图 当您要分析每个子组具有多个值的数据的过程稳定性和可变性时,可以使用x-bar和范围控制图。此图表类型用于子分组数据,其中每个子分组由两个或多个值组成。...图表 当您要分析具有单位事件不符合项的数据的处理行为时,可以使用u型图。u型图是一种属性控制图,用于在不同大小的子组中收集的数据。

    5.1K20

    Material Design — 菜单(Menus)

    菜单(Menus) Material Design链接:菜单 ? 菜单 菜单的形式是在短暂的动作条上展示选项列表。 菜单出现在与按钮,操作或其他控件的交互中。...单个菜单项状态 某些app状态可能会导致只有一个菜单项的情景菜单。 例如,当使网页上的文本高亮时,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ?...具有动态内容的菜单可能具有其他行为,例如:将先前使用的字体放在菜单的顶部;订单可以根据用户操作进行更改。 菜单嵌套 菜单项可以显示嵌套的子菜单。...理想情况下,嵌套的层级都需要做显示,因为很难用嵌套多层的子菜单进行导航。 ? 菜单项例子 不可用的操作 将操作显示为不可用(如置灰)而不是将其删除,让用户知道它们可以在正确的条件下存在。...·简单菜单也应该应该显示在其触发元素上,而不是下面(如下图)。 ? ·菜单宽度取决于字符串长度,在移动设备上定义为56dp单位的倍数。

    5.8K100

    Cloudera Manager管理控制台主页

    当集群数超过该属性的值时,仅显示集群摘要信息。 ? 汇总列表-集群状态页面的链接列表。单击“自定义”以跳到“ 管理” > “设置” >“其他” >“完整显示的最大集群数” 属性。...单击折线图、堆栈区域图、散点图或条形图,以将其展开为全页视图,并带有图例以显示单个图表实体以及更细粒度的轴分区。 ? ? 默认情况下,仪表板的默认时间范围为30分钟。...默认情况下,对话框中仅显示不良运行状况测试结果。要显示关于健康测试结果,请点击还显示ñ有关的问题(一个或多个)链接。...单击命令链接以显示有关命令和子命令的详细信息。 ? ? ?...自动登出 为了安全起见,Cloudera Manager在30分钟后会自动注销用户会话。您可以更改此会话注销时间。 单击 管理>设置。 单击 类别>安全性。 编辑会话超时属性。

    2.1K20

    WordPress 初学者词汇表(术语解释)

    Category and Tag (类别和标签) 当您在 WordPress 网站上创建博客文章(或其他部分的文章)时,您可以选择组织您的内容。为了可视化,类别是您帖子的主要分组。...WordPress 为撰写博客文章的作者、发表评论的读者、在您的产品上发表评论的客户等使用头像。 可以在 WordPress 仪表板的设置 > 讨论下启用头像。...除了父主题之外,还使用子主题来显示自定义。当您想对主题(实际代码)进行核心更改时,您需要使用子主题来继续更新您的父主题。...当您将鼠标悬停在主菜单链接上时,如果您看到其下方出现其他链接,即Dropdown Menu(下拉菜单),这是展示支持信息和链接的好方法。...例如,Elementor主题包括在各种设备上隐藏或显示行的选项。这是一项独特的响应功能,您可以使用它在桌面上显示滑块但在移动设备上隐藏(因为滑块在小屏幕上很难看到,您可以选择显示照片)。

    7.2K20

    UI自动化 --- UI Automation 基础详解

    对UI逻辑结构有贡献但本身不可交互的UI项例如有列表视图的标题、工具栏、菜单和状态栏。 仅用于布局或装饰目的的非交互项不会在控件视图中显示。...窗口的功能和状态 WindowPattern WindowPatternIdentifiers 根据类别分组 这里只列举根据标识分组,除此之外还有按显示特征分组,按元素类型分组,按交互类型分组,按对模式的支持分组等...ScrollPattern IScrollProvider 用于可滚动的控件。 例如,一个控件其所具有的滚动条在控件的可视区域中存在的信息超过了可被显示的信息时,便处于活动状态。...事件 说明 属性更改 当 UI 自动化元素上的某个属性或控件模式更改时引发。 例如,如果客户端需要监视应用程序的复选框控件,它可以注册来侦听 ToggleState 属性上的属性更改事件。...当桌面上有新 UI 项变得可见、隐藏或删除时,结果便发生更改。 全局桌面更改 当与客户端相关的的全局操作发生时引发,例如当焦点从一个元素转换到另一个元素、或窗口关闭时。

    3.2K20

    最新iOS设计规范五|3大界面要素:控件(Controls)

    iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。...使用子菜单来管理复杂性。子菜单是情境菜单的菜单项,显示逻辑相关命令的二级菜单。为子菜单提供直观的标题来描述它们的内容,这样用户就可以预测子菜单的命令而不必全部显示出来。...简洁、以行动为导向的标题也使用户可以跳过他们在当前语境下不需要的子菜单。 将子菜单保持在一个层级。...当网络加载时间超过几秒时,才显示此加载器。加载很快的情况下不要显示此加载器,因为它可能会在用户注意到它之前就消失了。...在文本输入框中显示必要的提示,以帮助用户更好的输入。当输入框中没有其他文本时,文本输入框可以包含占位符文本。 适当时侯,在文本输入框的右端显示“清除”按钮。

    8.6K30

    推荐超好用的 6 款 Laravel Admin 管理模版

    图片 Laravel Admin 管理后台模板的不同类型 在搜索引擎中粗略搜索,你会得到大概 20多种 Laravel Admin 模板的选项,尽管它们表面上看起来很相似,但实际上在用途和架构存在着很大差异...当您的团队有非开发人员时,一个可视化的编程平台会是一个不错的选择,但这些软件包通常局限在通用功能上。这种类型的后台模板的例子是 Voyager 和 Backpack DevTools。...Post,一个新类会显示在您项目的 app/Nova 目录中,不仅如此,它还会自动显示在 Nova 模板中供您使用。...通常大多数 Laravel 模型在 Nova 中工作无需任何额外的配置,但您可以定义具体的细节,如字段如何被编辑等。 此外,Nova 另一个值得关注的特点是允许您在一个或多个模型上执行自定义任务。...Argon 还为 Laravel 后端提供了一些基本的 CRUD 实体,包括用户、角色、类别和项目。

    7.7K41

    【元数据管理】Atlas术语(Glossary)

    4.1 术语菜单(Terms) 创建一个新术语 单击术语表名称旁边的省略号(...)会显示一个弹出式菜单,允许用户在术语表中创建术语或删除术语表 - 如下所示。 ?...4.2 分类视图(Category) 当切换开关处于Category时,左侧面板将列出所有术语表以及类别层次结构。 ?...4.2.1 类别菜单(Category) 单击Category旁边的省略号...将显示类别上下文菜单。 创建新类别 ? 创建子类别或删除类别 ?...点击terms标签旁边的+ ? 这两个操作都将显示下面的结果,按照屏幕上的提示完成术语分配。 ?...7.2.4 删除操作(DELETE) 删除术语表 - 删除锚定到给定词汇表的所有类别和术语。如果已为实体分配任何术语,则会阻止此删除。 删除术语 - 仅当术语未与任何实体关联/分配时才删除该术语。

    2.8K20

    2020年网站首屏设计:最佳实践和例子

    如果首屏唤起了良好的情感共鸣,观众觉得它有价值,那时你的首屏才已经满足了基本的设计要求。...呼吁行动放置在一个具有战略意义的位置是一个完美的机会,能敦促用户采取行动,从而提高您的转化率。 ?...汉堡包菜单是三条条纹的小图标,点击时显示完整的菜单。当设计师需要专注于主屏幕时,它们就使用这种方法。 从网站可用性的角度来看,这是一个很好的选择。 这样的菜单来自移动设计,用户已经很熟悉了。...汉堡包菜单适用于促销网站,其中主要重点是使用照片或视频高质量地展示产品。 对于在线商店,这个选项可能不太合适,因为对于消费者来说,有一个购物车、选定的产品和快速访问的搜索字段是很重要的。 ?...Skate Store Versatility Case 响应式的首屏设计 首屏不仅应正确显示在网站的桌面端,还应正确显示在移动端上。

    2K10

    WordPress 6.1 正式版已发布,最全新功能图文介绍

    Twenty Twenty-Three 具有极简风格,是具有完整站点编辑功能的块主题。它将带有十种样式变体,用户可以在站点编辑器中选择。 它还将附带四种不同风格的字体。...例如,列表块中的项目将是它们自己的块。这将允许您简单地上下移动它们而无需编辑。 同样,当使用 引用Quote 块时,用户可以设置不同的引用和引用块样式。...改进的导航块 WordPress 6.1 带有改进的导航块,使您可以轻松地从块设置中创建和选择菜单。 用户还可以为子菜单使用设计工具,并将它们的样式与父菜单项不同。...首先,“始终打开列表视图”允许您在编辑帖子时显示列表视图。 第二个新选项是“显示按钮文本标签”,它显示文本而不是按钮上的图标。...从这里,您可以选择要在其中使用新模板的项目。 例如,如果您选择类别模板,那么您会看到一个弹出窗口。 现在您可以选择是否要将新模板应用于所有类别或特定类别。

    4.7K30

    使用 Laravel 5.5+ 更好的来实现 404 响应

    现在,当抛出 404 异常时,Laravel 会显示一个漂亮的 404.blade.php 视图文件,你可以自定义显示给用户 UI,但在该视图中,你无权访问 session,cookie,身份验证(auth...在 laravel 5.5.10 中,我们有一个新的 Route::fallback() 方法,用于定义当没有其他路由与请求匹配时 Laravel 回退的路由。...'; }); 所以,现在我们可以使用具有正常页面和页脚的应用布局,来替代简单的 404 视图,同时还能给用户显示一条友好的提示信息。... @stop 当 Laravel 渲染这个回退(fallback)路由时,会运行所有的中间件,因此当你在 web.php 路由文件中定义了回退路由时,所有处在 web 中间件组的中间件都会被执行...API 接口说明 现在当你点击 /non-existing-page 时,你会看到在回退路由中定义的视图,甚至当你点击 /api/non-existing-endpoint 时,如果你也不想提供这个接口

    2.2K20

    Unity基础教程系列(新)(一)——游戏对象和脚本(Creating+a+Clock)

    仅当您针对旧硬件或旧图形API时。OpenGL ES 2.0和WebGL 1.0不支持线性空间,此外,在旧的移动设备上,伽玛比线性空间快。...2.3 创建时钟部件 钟面的外圈通常带有标记,以帮助指示其显示的时间。这被称为时钟外围部件。让我们使用小块来指示12小时制的小时数。...可以通过Edit / Duplicate完成,也可以通过键盘快捷键或层次结构窗口中的上下文菜单来执行此操作。副本将显示在层次结构窗口中原始文档的下方,也是Clock的子级。...就像Unity检测到我们的字段一样,它也检测到此Awake方法。当组件具有Awake方法时,Unity在唤醒时将在该组件上调用该方法。这是在播放模式下创建或加载后发生的。...这样可以缩短代码,但只有在声明变量时可以从分配给变量的类型中推断出变量的类型时才有可能。另外,只有在语句中明确提到类型时,我才这样做,在这里就是这种情况。 ?

    4.3K20

    【MFC拓展库】上海道宁与BCGSOFT合作为您带来专业的Micrisoft Windows开发业务组件

    迄今为止,BCGSoft在全球已经有10000多家客户,BCGSoft 和我们的产品在ComponentSource畅销出版商和畅销产品中名列前茅。...它不仅仅是一个新控件 - 它是一种新的用户界面理念。功能区控件将传统的工具栏和菜单替换为选项卡式组(类别)。每个选项卡在逻辑上分为面板,每个面板可能包含各种控件和命令按钮。...在状态栏、应用程序按钮、后台视图和突出显示的GUI元5、素中使用强调色。...用户可以简单地在工具栏和菜单之间拖放按钮。“文件”或“编辑”等所有类别都是从应用程序资源自动构建的。自定义机制允许修改工具栏/菜单项的外观,更改项文本/图标,甚至使用库的图像编辑器创建/修改图像。...您可以选择日期范围并在每日、每周或每月视图中显示它们。复制/粘贴操作完全拖放支持(您可以在一天内拖动约会或将它们放在日期选择器控件上)。

    5.6K20

    【译】W3C WAI-ARIA最佳实践 -- 表单

    如果行为仅适用于某些类型的项目,例如menuitem 元素,则使用特定的角色名称。 3. 子菜单,也称为弹出菜单,是具有 menu 角色的元素。 4....+ Enter: - 当焦点位于一个具有子菜单的 menuitem 上时,打开子菜单并将焦点放在其子菜单的第一个项目上。 - 否则,激活该项目并关闭菜单。...- (可选):当焦点位于一个具有子菜单的menuitem上时,打开子菜单并将焦点放在其子菜单的第一个项目上。...- (可选):当焦点在menuitem 中一个 menubar上时,打开其子菜单,并将焦点放置在子菜单的最后一个项目上。...- 当焦点在 menu 的一个具有子菜单的 menuitem 上时,打开子菜单并将焦点放置在其第一个项目上。 - 当焦点在一个 menu 中的不具有子菜单的项目上时,执行以下3个操作: 1.

    8.3K30

    网工必备网络排错管理工具之IP_MAC地址工具

    重新获取IP地址 1.3. ipconfig命令参数(详细) 在使用ipconfig命令时,如果不带参数,将只显示简单的IP地址配置信息,如果配合参数使用,还可以实现其他的一些管理功能。...如果未指定DHCP 类别ID,则会删除当前类别ID。 /?:在命令提示符下显示帮助。...,其节点类型默认为“可再分”,如果想对此网段做进一步的子网划分,可在此网段节点上单击右键,在弹出的右键菜单中选择“Divide Subnet(划分)”菜单项,即可对网段进行划分。...2.3 子网自动划分功能 在可再分类型的节点上,单击右键,在弹出的右键菜单中选择“Divide Subnet(划分)”菜单项,弹出如下(左)对话框: 选择“自动划分”后,点击“下一步”按钮,在弹出的对话框中输入...”,如下所示: 2.5 删除功能 在欲删除的的节点下单击右键,在弹出的右键菜单中选择“Delete(删除)”菜单项,可删除指定的子网,同时也会删除此子网下的所有子节点代表的子网。

    3.3K40

    网工必备网络排错管理工具之IP_MAC地址工具

    重新获取IP地址 1.3. ipconfig命令参数(详细) 在使用ipconfig命令时,如果不带参数,将只显示简单的IP地址配置信息,如果配合参数使用,还可以实现其他的一些管理功能。...如果未指定DHCP 类别ID,则会删除当前类别ID。 /?:在命令提示符下显示帮助。...,其节点类型默认为“可再分”,如果想对此网段做进一步的子网划分,可在此网段节点上单击右键,在弹出的右键菜单中选择“Divide Subnet(划分)”菜单项,即可对网段进行划分。...2.3 子网自动划分功能 在可再分类型的节点上,单击右键,在弹出的右键菜单中选择“Divide Subnet(划分)”菜单项,弹出如下(左)对话框: 选择“自动划分”后,点击“下一步”按钮,在弹出的对话框中输入...”,如下所示: 2.5 删除功能 在欲删除的的节点下单击右键,在弹出的右键菜单中选择“Delete(删除)”菜单项,可删除指定的子网,同时也会删除此子网下的所有子节点代表的子网。

    2.4K11

    你会在浏览器中打断点吗?我会!

    有条件的代码行 只在满足限定条件时,在指定地方触发断点 记录点 在不暂停代码运行的情况下向控制台输出日志 DOM 在更改或删除特定 DOM 节点或其子节点时触发断点 XHR 当 XHR URL 包含某个字符串模式时触发断点...上面的代码中表示,当i>3时候,才会触发断点,此时我们可以通过Watch来查询我们想知道的的数据信息,并且还可以在Block和Local也会显示当前断点上下文中的数据信息。...组具有上下文菜单。...并且这是一种「子上而下」的搜索方式。我们可以通过调用栈就能把调用路线很清晰的把握住。 5. 事件监听器断点 当我们希望在事件被触发后运行的事件监听器代码上暂停时,请使用事件监听器断点。...DevTools 显示了一系列事件类别,比如 Animation。 勾选其中一个类别,以便在该类别的任何事件触发时暂停,或展开该类别并选择特定的事件。 创建事件监听器断点。

    57810
    领券