ナビゲーションをスキップする
ホーム » WPML ドキュメンテーション » 開発者情報 » サイトへのナビゲーション要素の追加 WPML CMS Navigationアドオン

サイトへのナビゲーション要素の追加 WPML CMS Navigationアドオン

Nikoletta
更新済み
12月 4, 2024

WPML CMS Navigationは、多言語サイトを構築する際にナビゲーション要素を提供するアドオン・プラグインです。

アドオンはパッケージに含まれています。 WPML Multilingual CMSパッケージに含まれています。

WPML CMS Navigation プラグインで追加できるナビゲーショナル・エレメントは以下の通りです：

パンくず

ユーザーがサイトの構造を理解する手助けをする。

ドロップダウンメニュー

特定のセクションに素早くアクセスできる

サイドバー

ユーザーが閲覧しているページに関連するページを表示する。

テーマにナビゲーション要素を追加する

各要素を使用するには、1行の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'); ?>ヘッダ.php
サイドバー<?php do_action('icl_navigation_sidebar'); ?>サイドバー.php

サイドバーナビゲーションもWordPress ウィジェットとして提供されます。外観 → ウィジェットページのウィジェットコントロールからアドオンしてください。

ナビゲーション要素のカスタマイズ

アドオンのグローバル設定をカスタマイズするには、WPML → Navigationに進みます。パンくずの軌跡を区切るシンボルなど、基本的な設定を調整できます。

また、WordPress エディターや CSS を使って様々なカスタマイズを施すこともできる。

1.WordPress エディタでナビゲーション要素をカスタマイズする

WordPress エディターでページを編集しているとき、下にスクロールしてラベルの付いたセクションを見つける。 CMS Navigation.

WordPress エディターを下にスクロールし、ナビゲーション設定のセクションを見つける。

このセクションでは、サイドバーに表示する内容をカスタマイズできます。できます：

  • 現在のページを除外する
  • 子ページの表示・非表示
  • ページを表示するセクションを指定する

2.CSSでナビゲーション要素の外観をカスタマイズする

ナビゲーション要素にはデフォルトの外観があり、CSSを使ってカスタマイズすることができます。

./wp-content/plugins/wpml-cms-nav/res/cssに移動し、2つのファイルを探します：

  • cms-navigation-base.css：これはドロップダウンメニューの機能を担っているので、変更してはいけません。
  • cms-navigation.css：これは、あなたのカスタマイズを追加するためにコピーして変更することができるファイルです。

以下の手順に従ってほしい：

  1. 2つ目のファイル、cms-navigation.cssをプラグインディレクトリからコピーし、テーマのディレクトリに置きます。
  2. wp_head()を呼び出し、コピーを読み込みます。これでプラグインのCSSファイルが読み込まれます。
  3. CSSのカスタマイズを新しいファイルに適用します。