WordPress => カスタマイザのHello World

パラメーター

パラメータ	詳細
マイテム	あなたのテーマ（または子テーマ）の一意の識別子。これはあなたのテーマスラグになることができます

Hello Worldの例

カスタマイザの基本的な概念は、管理者が自分のサイトへの変更をプレビューして永続的に追加できることです。

次のものをコピーしてテーマのfunctions.phpファイルに貼り付けることができます。

My First Sectionと呼ばれるカスタマイザセクションを追加する
Hello World Colorというカスタマイザ設定を追加して、管理者が色を選択できるようにする
選択された色に対応する.hello-world CSSルールを追加し、何も選択されない場合はデフォルトで#000000設定します。設定は、 <head>最後の<style>タグに入れられます。


function mytheme_customize_register( $wp_customize ) {

    $wp_customize->add_section( 'my_first_section_id' , array(
        'title'      => __( 'My First Section', 'mytheme' ),
        'priority'   => 30,
    ) );

    $wp_customize->add_setting( 'hello_world_color' , array(
        'default'     => '#000000',
        'transport'   => 'refresh',
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'link_color', array(
        'label'        => __( 'Hello World Color', 'mytheme' ),
        'section'    => 'my_first_section_id',
        'settings'   => 'hello_world_color',
    ) ) );


}
add_action( 'customize_register', 'mytheme_customize_register' );


function mytheme_customize_css()
{
    ?>
    <style type="text/css">
        .hello-world { color: #<?php echo get_theme_mod('hello_world_color', '000000'); ?>; }
    </style>
    <?php
}
add_action( 'wp_head', 'mytheme_customize_css');

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

WordPress
カスタマイザのHello World

サーチ…

パラメーター

Hello Worldの例