ロト君のサイト

ロト君のサイトby lotokunn

L'sCore ロト君のサイトへようこそ!


WordPress Functions.php カスタム項目追加

2017.10.23

皆さんこんにちは!こんばんは!!ロト君です。
今回は前回からの続きで、WPのfunctions.phpにカスタム項目を追加したいと思います。

1-1.使うファイル
まず、編集するファイルは下記のfunctions.phpです。

編集ツールは以前紹介した、『SublimeText3』を使いました。

1-2.カスタム項目の記述
カスタム項目はこんな下記の様に記述します。

</pre>
/* オリジナル項目 */
function my_theme_customize_register( $wp_customize ) {
// セクション
$wp_customize->add_section( 'my_theme_origin_scheme', array(
'title' => 'オリジナルの項目',
'priority' => 200,
));

// Text セッティング
$wp_customize->add_setting( 'my_theme_options[originText]', array(
'default' => '',
'type' => 'option',
'transport' => 'postMessage',
));
// Text コントロール
$wp_customize->add_control( 'my_theme_options_origin_text', array(
'settings' => 'my_theme_options[originText]',
'label' => 'テキスト入力',
'section' => 'my_theme_origin_scheme',
'type' => 'text',
));

// Checkbox セッティング
$wp_customize->add_setting( 'my_theme_options[originCheckbox]', array(
'default' => false,
'type' => 'option',
'transport' => 'refresh',
));
// Checkbox コントロール
$wp_customize->add_control( 'my_theme_options_origin_checkbox', array(
'settings' => 'my_theme_options[originCheckbox]',
'label' => 'オリジナル項目を表示する',
'section' => 'my_theme_origin_scheme',
'type' => 'checkbox',
));
// =============================
// = Image Upload =
// =============================
$wp_customize->add_section('themename_color_scheme', array(
'title' => 'プロフィール画像アップロード', 'themename',
'priority' => 120,
));
$wp_customize->add_setting('themename_theme_options[face_img]', array(
'default' => '',
'capability' => 'edit_theme_options',
'type' => 'option',
));
$wp_customize->add_control( new WP_Customize_Image_Control($wp_customize, 'face_img', array(
'label' => 'プロフィール画像', 'themename',
'description' => 'プロフィール画像を表示します。250px以上の正方形を推奨します。',
'section' => 'themename_color_scheme',
'settings' => 'themename_theme_options[face_img]',
)));
}
add_action( 'customize_register', 'my_theme_customize_register' );
?>
<pre>

上記のものを使うためには下記の様にhtmlを記述します。

<?php
$options = get_option('my_theme_options'); // キーの前半部分([]の前)を変数に格納
if ( $options['originCheckbox'] ) : ?>
<div class="origin-text">
<p><?php echo esc_html($options['originText']); ?></p>
</div>
<?php endif; ?>

上記のものから分かる様に、

<?php echo esc_html($options['originText']); ?>

で、呼び出しを行います。
画像も同様に、

<?php echo esc_html(get_option('themename_color_scheme')['face_img']); ?>

で行います。

以上です。では、今回はここまでで!(>ω<)ノシ

参考URL
https://firegoby.jp/archives/5226



Hello!!

皆さんこんにちは!こんばんは!!ロト君です。

このサイトは私が興味を持ったモノやコトについて掲載をしていくサイトです。

主にパソコン関係やアニメ・ゲーム等について掲載すたいと思いますので、
どうぞ宜しくお願い致します!

コメント等はTwitter等を活用して頂けると有り難いです!!

Twitter:ロト君@lotokunn

lotokunn.com by lotokunn

2016-2018 / Thanks for 2 years.