twentyseventeen覚書

      2017/02/03

WordPressテーマのtwentyseventeenについてメモするところがほしくて自分用覚書エントリ。増えたり減ったり。

Twenty Seventeenテーマ配布先

Twenty Seventeen

WordPress version 4.7以上。
(Twenty Seventeen requires at least WordPress version 4.7. You are running version 今使っているWPのバージョン. Please upgrade and try again. とか表示されるので先に本体をアップデートしておく。)

functions.php

load_theme_textdomain

テーマ翻訳ファイルを読み込む
関数リファレンス/load theme textdomain

add_theme_support

テーマやプラグインが特定のテーマ機能をサポートすることを許可する。

  • post-formats(投稿フォーマット)
  • post-thumbnails(投稿サムネイル)
  • custom-background(カスタム背景)
  • custom-header(カスタムヘッダー)
  • automatic-feed-links(フィードリンク)
  • html5(HTML5)
  • title-tag(Title タグ)

関数リファレンス/add theme support

register_nav_menus

ナビゲーションメニュー機能を使う

	register_nav_menus( array(
		'top'    => __( 'Top Menu', 'twentyseventeen' ),
		'social' => __( 'Social Links Menu', 'twentyseventeen' ),
	) );

関数リファレンス/register nav menus

実際にナビゲーションメニューを表示したい箇所には

	<?php wp_nav_menu( array(
		'theme_location' => 'top',
		'menu_id'        => 'top-menu',
	) ); ?>

menu_idでid属性を付与できるけど、menu_classも使えたのでクラス属性がほしい場合はmenu_classを使用するメモ。
複数のclassが必要な場合は半角スペースで間をあける(文字列として出力されるので)

'menu_class'        => 'nav text-center',

他にもいろいろある
container_classに入れたい値がなぜかmenu_classの方に反映されてしまう症状に遭ったんだけど、
'menu'=> '', ←このパラメータで表示したいメニュー指定したら改善されたので併せてメモ。

wp_enqueue_style

CSSスタイルファイルを読み込ませる

	wp_enqueue_style( 'twentyseventeen-ie8', get_theme_file_uri( '/assets/css/ie8.css' ), array( 'twentyseventeen-style' ), '1.0' );
	wp_style_add_data( 'twentyseventeen-ie8', 'conditional', 'lt IE 9' );

関数リファレンス/wp enqueue style

ブックマーク

New Functions, Hooks, and Behaviour for Theme Developers in WordPress 4.7
Theming with Twenty Seventeen
Twenty Seventeen: Merge Proposal for 4.7

 - WordPress