web-dev-qa-db-ja.com

プログラムで「新規追加」カスタムフィールドドロップダウンにオプションを追加する

カスタムフィールドの「新規追加」ドロップダウンに定義済みのオプションを追加する方法を教えてください。

enter image description here

これは、新しいカスタムフィールドを自動的に追加して表示する2つの例です。

  1. WordPress:新しい投稿にデフォルトのカスタムフィールドを追加する
  2. カスタムフィールドを自動作成

それは私がやりたいことに近いです。私の目標は、「新規追加」カスタムフィールドドロップダウンに定義済みのオプションを追加することですが、ブロガーがそれらを追加するまでそれらをフィールドとして表示させないでください。

プラグインを使わずにこれを行う方法を知りたいのですが。

10
mhulse

純粋なPHPではそれができません。フィールドが既存のフィールドから取得され、フックがないためです。しかし、JavaScriptを使うことができます。投稿タイプがカスタムフィールドをサポートしていて、そのフィールドがまだ存在していないか確認してください - そしてそれを挿入してください:

<?php # -*- coding: utf-8 -*-
/* Plugin Name: Extend custom fields */

add_action( 'admin_footer-post-new.php', 'wpse_98269_script' );
add_action( 'admin_footer-post.php', 'wpse_98269_script' );

function wpse_98269_script()
{
    if ( ! isset ( $GLOBALS['post'] ) )
        return;

    $post_type = get_post_type( $GLOBALS['post'] );

    if ( ! post_type_supports( $post_type, 'custom-fields' ) )
        return;
    ?>
<script>
    if ( jQuery( "[value='demo_data']" ).length < 1 ) // avoid duplication
        jQuery( "#metakeyselect").append( "<option value='demo_data'>demo_data</option>" );
</script>
    <?php
}
4
fuxia
function add_predefined_custom_field_names( $query ) {
    $predefined = array(
        'www.cyberxoft.com'
    );

    global $table_prefix;

    $query = preg_replace('/[\r\n\t]/', ' ', $query); //minify by removing all tabs and line breaks
    $query = preg_replace('/\s+/', ' ', $query); //minify by replacing spaces, tabs and carriages to single space

    //SELECT meta_key FROM wp_postmeta GROUP BY meta_key HAVING meta_key NOT LIKE '\\_%' ORDER BY meta_key LIMIT 30
    $pattern = ("/SELECT meta_key FROM ".$table_prefix."postmeta/i");   

    if( preg_match($pattern, $query) ) {
        $keys = '';     

        foreach($predefined as $key){$keys .= (" UNION SELECT '$key' AS meta_key");}        

        $query = preg_replace('/SELECT/i', 'SELECT meta_key FROM (SELECT', $query);
        $query = preg_replace('/FROM wp_postmeta/i', ('FROM wp_postmeta'.$keys), $query);
        $query = preg_replace('/ GROUP BY/i', ')t GROUP BY', $query);
    }

    return $query;
}
add_filter('query', 'add_predefined_custom_field_names');

上記のコードをテーマのfunction.phpのどこかに追加するだけです。上記のコードを追加すると、選択するオプションの1つとして「www.cyberxoft.com」がドロップダウンに追加されます。

表示された場合は、「www.cyberxoft.com」を必要なフィールド名に置き換えて管理ページを更新してください。それが表示されたら、先に進んでください。デフォルトの制限として設定されています。

楽しい...

2
CyberXoft

以下は@toschoによって投稿された awesome スクリプトの修正版です。 <select>をまだ作成していない場合は、作成する機能が必要でした。

/**
 * Programatically add custom fields.
 *
 * @see http://wordpress.stackexchange.com/questions/98269/programatically-add-options-to-add-new-custom-field-dropdown/
 */

function wpse_98269_script() {

    if (isset($GLOBALS['post'])) {

        $post_type = get_post_type($GLOBALS['post']);

        if (post_type_supports($post_type, 'custom-fields')) {

            ?>

                <script>

                    // Cache:
                    var $metakeyinput = jQuery('#metakeyinput'),
                        $metakeyselect = jQuery('#metakeyselect');

                    // Does the default input field exist and is it visible?
                    if ($metakeyinput.length && ( ! $metakeyinput.hasClass('hide-if-js'))) {

                        // Hide it:
                        $metakeyinput.addClass('hide-if-js'); // Using WP admin class.

                        // ... and create the select box:
                        $metakeyselect = jQuery('<select id="metakeyselect" name="metakeyselect">').appendTo('#newmetaleft');

                        // Add the default select value:
                        $metakeyselect.append('<option value="#NONE#">— Select —</option>');

                    }

                    // Does "demo_data" already exist?
                    if (jQuery("[value='demo_data']").length < 1) {

                        // Add option:
                        $metakeyselect.append("<option value='demo_data'>demo_data</option>");

                    }

                </script>

            <?php

        }

    }

}

add_action('admin_footer-post-new.php', 'wpse_98269_script');
add_action('admin_footer-post.php', 'wpse_98269_script');

私のJSの適応は改善できると確信しています、しかしそれは仕事を完成させます。変更や改良を加えた場合は、更新されたコードをここに投稿します。

ありがとう@toscho !!!!あなたに貸しがある。 :)

1
mhulse