LoginSignup
6
7

More than 5 years have passed since last update.

Wordpressのheadは4行で

Last updated at Posted at 2016-12-06

先に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に記載していましたが、管理面などをみても、
管理画面で管理できたり、動的に出力されると言うのはメリットが多いように思います。

ぜひ活用してみてはいかがでしょうか

6
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
7