ie-excel

エクセル・マクロでie操作

WordPress ヘッダーを作る

2021/07/25

</head>まで

header.phpの内容

<!DOCTYPE html>
  <html <?php language_attributes(); ?> class="no-js no-svg">
    <head>
      <meta charset="<?php bloginfo( 'charset' ); ?>">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <?php if ( is_home() || is_front_page() ): ?>
        <meta name="description" content="<?php bloginfo('description'); ?>" />
      <?php endif; ?>
      <?php wp_head(); ?>
    </head>

HTML5を宣言

<!DOCTYPE html>

今回構築するサイトはHTML5であることを宣言します。

htmlタグを定義

<html <?php language_attributes(); ?> class="no-js no-svg">

htmlタグを定義します。
以下の関数で、言語を設定。

言語を設定
language_attributes()

上記の結果、日本語サイトであれば「lang="ja"」が設定されます。

文字コードを設定

bloginfo( 'charset' )

ビューポートを設定

<meta name="viewport" content="width=device-width, initial-scale=1">

サイトの説明を設定

<?php if ( is_home() || is_front_page() ): ?>
  <meta name="description" content="<?php bloginfo('description'); ?>" />
<?php endif; ?>

トップページの場合のみ、サイトの説明を表示するようにしています。

titleやcss、RSSなどは以下の通りfunctions.phpでセットアップします。

functions.phpの内容

add_action( 'after_setup_theme', 'ab_theme_setup' );
function ab_theme_setup()
  { add_theme_support( 'title-tag' );
  wp_enqueue_style( 'ab-style', get_stylesheet_uri() ); 
  add_theme_support( 'automatic-feed-links' ); 
  add_theme_support(
    'html5', 
    array( 'comment-form', 'comment-list', 'gallery', 'caption', )
    );
  }

タイトル表示を設定する

add_theme_support( 'title-tag' );

スタイルシートを設定する

wp_enqueue_style( 'ab-style', get_stylesheet_uri() );

html5をサポートする

add_theme_support(
  'html5',
  array( 'comment-form', 'comment-list', 'gallery', 'caption', 
  ) 
);

RSSを設定する

add_theme_support( 'automatic-feed-links' );

-テーマを作成する