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

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'); ?>	header.php
サイドバー	<?php do_action('icl_navigation_sidebar'); ?>	sidebar.php

サイドバーナビゲーションはWordPressウィジェットとしても提供されています。外観 → ウィジェットページのウィジェット管理から追加します。

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

アドオンのグローバル設定をカスタマイズするには、WPML → ナビゲーションに移動します。パンくずリストを区切る記号などの基本設定を調整できます。

また、WordPress エディタやCSSを通じてさまざまなカスタマイズを適用することもできます。

1. WordPress エディタを使用したナビゲーション要素のカスタマイズ

WordPress エディタでページを編集する際、下にスクロールしてCMS Navigationというセクションを見つけます。

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

• 現在のページを除外する
• 子ページを表示または非表示にする
• ページを表示するセクションを割り当てる

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のカスタマイズを適用します。