先にhead内に記載する内容を記述します
header.php
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<?php wp_head(); ?>
head内はこれだけでいいです。
タイトルタグを出力
function.php
<?php
function title_setup(){
// タイトル
add_theme_support( 'title-tag' );
}
add_action( 'after_setup_theme', 'title_setup' );
?>
これでタイトルタグが出力されます。
ホームでは「サイトタイトル - デスクリプション」、それ以外は「ページタイトル - ページタイトル」
また、header.phpにタイトルタグを記述した場合はそちらが優先されます。
これをつかって、特定のページのみ、任意のタイトルタグにすることも可能です
css, jsの読み込み
function
<?php
function original_enqueue_scripts() {
// cssの読み込み
wp_enqueue_style(
'style', // システムで使う名前
get_stylesheet_uri(), // style.cssを読み込む
array('before_style'), // 読み込む前に読み込まれるべきスタイル。システムで使う名前を入れる
filemtime( get_stylesheet_directory() . '/style.css' ) // バージョンの自動生成
);
// jsの読み込み
バージョン
wp_enqueue_script(
'bundle', // システムで使う名前
get_template_directory_uri() . '/js/bundle.js', // 読み込むjavascript
array( 'jquery' ), // 先に読み込むjavascript
'1.0.0', // バージョン
true // trueなら</body>の前に、falseならhead内に出力する
);
// 決まり文句として入れておこう
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'original_enqueue_scripts' );
?>
これで管理できます。wordpress自身が読み込むファイルとの順番などが調整できます。
キーワード、ディスクリプション、OGPなど
プラグインをつかおう!
ページごとに変えたほうが良いみたいだし、そんなの作ってたら大変だよ( ´Д`)
ファビコン
管理画面 > 外観 > カスタマイズ > サイト基本情報 > サイトアイコン
にいれたら、それがファビコンになります。
なにも設定いらないみたいですねぇ。
まとめ
いままで私も静的にheader.phpに記載していましたが、管理面などをみても、
管理画面で管理できたり、動的に出力されると言うのはメリットが多いように思います。
ぜひ活用してみてはいかがでしょうか