Farbauswahl für Posts und Seiten

Ich möchte den WordPress-Posts und -Seiten im Admin-Menü Farbauswahl hinzufügen. Ich habe diesen Code für die Farbauswahl:

add_action( 'admin_enqueue_scripts', 'add_color_picker' ); function add_color_picker( $hook ) { if( is_admin() ) { // Add the color picker css file wp_enqueue_style( 'wp-color-picker' ); // Include our custom jQuery file with WordPress Color Picker dependency wp_enqueue_script( 'custom-script-handle', plugins_url( 'custom-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true ); } } 

Und js Code

 (function( $ ) { // Add Color Picker to all inputs that have 'color-field' class $(function() { $('.color-field').wpColorPicker(); }); })( jQuery ); 

Meine Frage ist, wie kann ich diesen Code verwenden, um die Metabox mit Farbauswahl zu jedem Admin Post oder nur Seite hinzuzufügen?

Solutions Collecting From Web of "Farbauswahl für Posts und Seiten"

Ich habe die Lösung für Denis Žoljoms Post gefunden

1) – Ich habe die metabox so hinzugefügt

add_action (‘add_meta_boxes’, ‘mytheme_add_meta_box’);

 if ( ! function_exists( 'mytheme_add_meta_box' ) ) { function mytheme_add_meta_box(){ add_meta_box( 'header-page-metabox-options', esc_html__('Header Color', 'mytheme' ), 'mytheme_header_meta_box', 'page', 'side', 'low'); } } 

2) – den Farbauswahl-Stil und das Skript in die Warteschlange stellen

 add_action( 'admin_enqueue_scripts', 'mytheme_backend_scripts'); if ( ! function_exists( 'mytheme_backend_scripts' ) ){ function mytheme_backend_scripts( $hook ) { wp_enqueue_style( 'wp-color-picker'); wp_enqueue_script( 'wp-color-picker'); } } 

3) – Erstellen Sie einen HTML-Container für die Farbauswahl, einen Beschreibungstext und das Eingabefeld

 if ( ! function_exists( 'mytheme_header_meta_box' ) ) { function mytheme_header_meta_box( $post ) { $custom = get_post_custom( $post->ID ); $header_color = ( isset( $custom['header_color'][0] ) ) ? $custom['header_color'][0] : ''; wp_nonce_field( 'mytheme_header_meta_box', 'mytheme_header_meta_box_nonce' ); ?>  

< ?php esc_attr_e('Choosse a color for your post header.', 'mytheme' ); ?>

< ?php } }

4) - Speichern Sie die Meta-Box

 if ( ! function_exists( 'mytheme_save_header_meta_box' ) ) { function mytheme_save_header_meta_box( $post_id ) { if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { return; } if( !current_user_can( 'edit_pages' ) ) { return; } if ( !isset( $_POST['header_color'] ) || !wp_verify_nonce( $_POST['mytheme_header_meta_box_nonce'], 'mytheme_header_meta_box' ) ) { return; } $header_color = (isset($_POST['header_color']) && $_POST['header_color']!='') ? $_POST['header_color'] : ''; update_post_meta($post_id, 'header_color', $header_color); } } add_action( 'save_post', 'mytheme_save_header_meta_box' ); 

Yeeeeeh))) Hoffe das wird jemand anderem helfen;)