ブログ

WordPressでメニューに連番のclass名をつける方法のメモです。

個々のメニューにCSSを適用させたい時に便利ですね。

add_fillterを使ってclassを追加することができる。

function add_nav_menu_custom_class( $sorted_menu_items ) {
	$num = 1;
	foreach ( $sorted_menu_items as $key => $sorted_menu_item ) {
		$sorted_menu_items[$key]->classes[] = '任意の名前' . $num;
		if ( $num == 1 ) {
			$sorted_menu_items[$key]->classes[] = 'menu-item-first';
		} elseif ( $num == count( $sorted_menu_items ) ) {
			$sorted_menu_items[$key]->classes[] = 'menu-item-last';
		}
		$num++;
	}
	return $sorted_menu_items;
}
add_filter( 'wp_nav_menu_objects', 'add_nav_menu_custom_class' );

上のコードの任意の名前に連番の前につけたい文字を入力しをfunction.phpに貼付ければOKデス。

1番から連番で”任意の名前1″,”任意の名前2″・・・・という具合でclassが付与されていきます。

Crazy Boneはユーザーのログイン履歴を表示するプラグイン。
日時、ステータス(ログインしたかどうか)、IPアドレス、ユーザーエージェント(相手の端末やブラウザ情報)などがチェックできる便利なプラグインです。

「Regenerate Thumbnails」はサムネイル画像を一括でサイズ変更できるプラグインです。

テーマを変更した時等、ワンクリックで全ての画像サイズを変更できる。

Save Editor Scroll Position

「Save Editor Scroll Position」は投稿画面のスクロールの位置をそのままにできるプラグインです。

プラグインを使用する

「GD Custom Posts And Taxonomies Tools」というプラグインを使用します。

有効化するとウィジェットエリアに「gdTT Terms List」と「gdTT Terms Cloud」という項目が追加されサイドバーにカスタム分類を表示できる。

やりたいことはこのプラグインで完結するのですが、プラグインに依存していますので、もう一つ、PHPで作成する方法をご紹介します。

PHPとプラグインを使用する

phpファイルに直接書き込んでも良いのですが、サイドウィジェットでPHPを使えるようにする「Executable PHP widget」というプラグインを使います。

Executable PHP widgetをインストール

Executable PHP widgetを有効化すると、ウィジェットエリアに「PHP Code」が追加されます。この中ではPHPが使用できる様になります。

PHPコードを貼り付け

<ul>
<?php wp_list_categories(
array('title_li' => '', 'taxonomy' => 'タクソノミー名をここに入れる')
); ?>
</ul>

テンプレート内でタクソノミーを表示

リンク付きでタクソノミーを表示

「表示の前」、「セパレーター」、「表示の後」は任意、不要の場合は削除します。

<?php
$taxonomy = タクソノミー名をここに入れる;
echo get_the_term_list( $post->ID, $taxonomy, '表示の前','セパレーター','表示の後' );
?>

リンクなしでタクソノミーを表示

<?php
$terms = get_the_terms( $post->ID, 'タクソノミー名をここに入れる' );
          echo "表示の前";
     foreach ( $terms as $term ) {
          echo "".$term->name."";　//li等があれば""の間に入れる
     }
          echo "表示の後";
?>