1. HOME
  2. ブログ
  3. 東京.のさくっとホームページ.制作のサイト.制作の小技
  4. wordpress
  5. テーマのカスタマイズ
  6. TCD NANOテーマの管理画面をカスタマイズする
TECHNIQUES

ホームページ作成の小技

テーマのカスタマイズ

TCD NANOテーマの管理画面をカスタマイズする

東京のHP制作会社 さくっとホームページ制作

WordPress用テーマの「TCD NANO」の管理画面にちょっとだけ設定項目追加したいことがあるかと思います。その際に追加する方法を簡単に説明したいと思います。

新規に管理メニューを追加する

新規に管理メニューを追加したい場合は、「admin」フォルダの「theme-options.php」のファイルの中に管理画面用のPHPファイルを追加します。

※PHPファイルは「/admin/inc」のフォルダ配下に置きます。

フォルダ配下に置きます

・load Modulesが行113あたりから開始するので追加したいメニューの位置に新しいメニューファイルを入れます。

例:新メニュー(newmenu.php)を追加する場合

新メニュー(newmenu.php)を追加する場合

これで、基本的にな設定ができました。次にメニューの中にのファイルを用意します。

新メニューの設定画面を用意する

基本的にNANOのテーマにメニューを表示するので、他の管理メニューと同じような作りで準備すると修正箇所も少なくオリジナルの設定画面が追加されます。

先頭部分でタブの定義を行っています。重複不可

// Add default values
add_filter( 'before_getting_design_plus_option', 'add_newmenu_dp_default_options' );

// Add label of newmenu tab
add_action( 'tcd_tab_labels', 'add_newmenu_tab_label' );

// Add HTML of newmenu tab
add_action( 'tcd_tab_panel', 'add_newmenu_tab_panel' );

// Register sanitize function
add_filter( 'theme_options_validate', 'add_newmenu_theme_options_validate' );

タブのメニュー名設定

function add_newmenu_tab_label( $tab_labels ) {
    $tab_labels['newmenu'] = '新メニュー';
    return $tab_labels;
}

 

・設定画面内容

/* 設定画面内容... */
function add_newmenu_tab_panel( $options ) {
    global $dp_default_options;
    ?>
    <div id="tab-content-newmenu">
        <?php // Header newmenu ?>
        <div class="theme_option_field cf">
            <h3 class="theme_option_headline">新メニュー</h3>

            <h4 class="theme_option_headline2">タイトル</h4>
            <textarea id="dp_options[use_newmenu_text]" class="large-text" cols="50" rows="10" name="dp_options[use_newmenu_text]"><?php echo esc_textarea( $options['use_newmenu_text'] ); ?></textarea>
            <input type="submit" class="button-ml ajax_button" value="<?php echo __( 'Save Changes', 'tcd-w' ); ?>">

        </div>

    </div>
    <?php
}

そうすると下記の様のメニューが追加されます。

メニューが追加

 

あとは値が保存できる、呼び出しができることを確認します。

 

データの呼び出しについて

「$dp_options = get_design_plus_options();」で呼び出します。$dp_optionsに格納されますので値を利用すればOKです。

TCD+オリジナルカスタマイズを行ったときは、追加メニューを作らずにこのようにTCDのメニュー内に追加することも可能なので後で見返したときも設定が見やすいかと思います。

 

※「TCD NANOテーマの管理画面をカスタマイズする」記事に関しての問い合わせ、サポートは行っておりませんのでご了承ください。

 

関連記事