Naoki-Kosuge
7/26/2019 - 12:25 PM

【WordPress】functions.php

<?php

# 基本設定
function theme_setup() {

    # ページのタイトルを出力
    add_theme_support( 'title-tag' );

    # アイキャッチ画像
    add_theme_support( 'post-thumbnails' );

    # ナビゲーションメニュー
    register_nav_menus( [
        'primary' => 'メイン',
    ] );

    # 編集画面用のCSS
    add_theme_support( 'editor-styles' );
    add_editor_style( 'editor-style.css' );

    # グーテンベルク由来のCSS(theme.min.css)
    add_theme_support( 'wp-block-styles' );

    # 埋め込みコンテンツのレスポンシブ化
    add_theme_support( 'responsive-embeds' );
}

add_action( 'after_setup_theme', 'theme_setup' );


# ウィジェット
function theme_widgets() {

    register_sidebar( [
        'id'            => 'sidebar-1',  # 『Twenty Nineteen』と同じ
        'name'          => 'サイドメニュー',
        'before_widget' => '<section id="%1$s" class="widget %2$s"',
        'after_widget'  => '</section>',
    ] );
}

add_action( 'widgets_init', 'theme_widgets' );


# CSS
function theme_enqueue() {

    # テーマのCSS
    wp_enqueue_style( 'theme-style', get_stylesheet_uri(),
        []/*, date( 'U' )*/ );  # `date( 'U' )`はキャッシュの影響を受けなくするための開発用途のコードです。
}

add_action( 'wp_enqueue_scripts', 'theme_enqueue' );