WPML

WPML CMS Navigation 是一款附加组件,可在构建多语言网站时提供导航元素。

该附加组件包含在您的 WPML Multilingual CMS 包中。

您可以使用 WPML CMS Navigation 插件添加的导航元素包括:

帮助用户在网站结构中进行导航

The breadcrumb trail on a tour page
The breadcrumb trail on a tour page

让用户快速访问特定部分

The drop-down menu, with a section open
The drop-down menu, with a section open

The section sidebar beside a tour page
The section sidebar beside a tour page

向主题添加导航元素

要使用每个元素,请使用单行 PHP 函数将它们添加到您的主题中。

PHP 代码添加位置
面包屑导航<?php do_action('icl_navigation_breadcrumb'); ?>header.php 或 single.php、page.php、archive.php、tag.php 以及 search.php
下拉菜单<?php do_action('icl_navigation_menu'); ?>header.php
侧边栏<?php do_action('icl_navigation_sidebar'); ?>sidebar.php

侧边栏导航也作为一个 WordPress 小工具提供。可以通过外观 → 小工具页面上的小工具控件进行添加。

自定义导航元素

要自定义该附加组件的全局设置,请前往 WPML → 导航。您可以调整基本设置,例如分隔面包屑导航路径的符号。

您还可以通过 WordPress 编辑器或 CSS 应用各种自定义。

1. 使用 WordPress 编辑器自定义导航元素

在 WordPress 编辑器中编辑页面时,向下滚动以找到标记为 CMS Navigation 的部分。

在 WordPress 编辑器中向下滚动以找到包含导航设置的部分
在 WordPress 编辑器中向下滚动以找到包含导航设置的部分

此部分允许您自定义侧边栏上显示的内容。您可以:

  • 排除当前页面
  • 显示或不显示其子页面
  • 分配一个部分以在该部分下显示页面

2. 使用 CSS 自定义导航元素的外观

导航元素具有默认外观,您可以使用 CSS 对其进行自定义。

转到 ../wp-content/plugins/wpml-cms-nav/res/css 以找到两个文件:

  • cms-navigation-base.css:此文件负责下拉菜单的功能,您不应对其进行修改。
  • cms-navigation.css:您可以复制并修改此文件以添加您的自定义。

请按照以下步骤操作:

  1. 从插件目录中复制第二个文件 cms-navigation.css,并将其放入您的主题目录中。
  2. 调用 wp_head() 并加载您的副本。这将加载插件 CSS 文件。
  3. 将您的 CSS 自定义应用到新文件。

作者:Amir · 最后更新时间:2024年12月2日