Создайте мета-поле Wordpress для управления цветовой схемой каждого сообщения / страницы

В настоящее время я изучаю, как создать мета-поле WordPress с тегом select для управления цветовой схемой каждого сообщения / страницы. Я хочу создать ситуацию, в которой я могу использовать операторы if для загрузки дополнительного файла CSS, который перезаписывает исходные цвета файла CSS с помощью функции wp_enqueue_style в functions.php.

До сих пор я использовал следующий код из кодекса WordPress для добавления мета-блока и вывода значения из get_post_meta. Код в настоящее время представлен в виде плагина.

Код мета-блока: http://codex.wordpress.org/Function_Reference/add_meta_box

<?php

/**
 * Adds a box to the main column on the Post and Page edit screens.
 */
function myplugin_add_meta_box() {

	$screens = array( 'post', 'page' );

	foreach ( $screens as $screen ) {

		add_meta_box(
			'myplugin_sectionid',
			__( 'My Post Section Title', 'myplugin_textdomain' ),
			'myplugin_meta_box_callback',
			$screen
		);
	}
}
add_action( 'add_meta_boxes', 'myplugin_add_meta_box' );

/**
 * Prints the box content.
 * 
 * @param WP_Post $post The object for the current post/page.
 */
function myplugin_meta_box_callback( $post ) {

	// Add an nonce field so we can check for it later.
	wp_nonce_field( 'myplugin_meta_box', 'myplugin_meta_box_nonce' );

	/*
	 * Use get_post_meta() to retrieve an existing value
	 * from the database and use the value for the form.
	 */
	$value = get_post_meta( $post->ID, '_my_meta_value_key', true );

	echo '<label for="myplugin_new_field">';
	_e( 'Description for this field', 'myplugin_textdomain' );
	echo '</label> ';
	echo '<input type="text" id="myplugin_new_field" name="myplugin_new_field" value="' . esc_attr( $value ) . '" size="25" />';
}

/**
 * When the post is saved, saves our custom data.
 *
 * @param int $post_id The ID of the post being saved.
 */
function myplugin_save_meta_box_data( $post_id ) {

	/*
	 * We need to verify this came from our screen and with proper authorization,
	 * because the save_post action can be triggered at other times.
	 */

	// Check if our nonce is set.
	if ( ! isset( $_POST['myplugin_meta_box_nonce'] ) ) {
		return;
	}

	// Verify that the nonce is valid.
	if ( ! wp_verify_nonce( $_POST['myplugin_meta_box_nonce'], 'myplugin_meta_box' ) ) {
		return;
	}

	// If this is an autosave, our form has not been submitted, so we don't want to do anything.
	if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
		return;
	}

	// Check the user's permissions.
	if ( isset( $_POST['post_type'] ) && 'page' == $_POST['post_type'] ) {

		if ( ! current_user_can( 'edit_page', $post_id ) ) {
			return;
		}

	} else {

		if ( ! current_user_can( 'edit_post', $post_id ) ) {
			return;
		}
	}

	/* OK, it's safe for us to save the data now. */
	
	// Make sure that it is set.
	if ( ! isset( $_POST['myplugin_new_field'] ) ) {
		return;
	}

	// Sanitize user input.
	$my_data = sanitize_text_field( $_POST['myplugin_new_field'] );

	// Update the meta field in the database.
	update_post_meta( $post_id, '_my_meta_value_key', $my_data );
}
add_action( 'save_post', 'myplugin_save_meta_box_data' );

Вывод значения: http://codex.wordpress.org/Function_Reference/get_post_meta

<?php 
$my_data = get_post_meta( $post->ID, '_my_meta_value_key', true );
// check if the custom field has a value
if( ! empty( $my_data ) ) {
  echo $my_data;
} 
?>

Мне сложно понять, как изменить логику кода, если я решу заменить входной тег тегом select с параметрами цветов, которые будут определять, какой файл CSS будет использоваться для перезаписи исходного файла.

Спасибо за уделенное время!

Обновлять

Следуя совету patnz, я изменил вывод значения на следующее и заставил его работать. Теперь я начну интегрировать это в свою тему. Спасибо!

<?php 
$my_data = get_post_meta( $post->ID, '_my_meta_value_key', true );
// check if the custom field has a value
if( $my_data == val1 ) {
  echo $my_data;
} elseif ($my_data == val2) {
  echo $my_data;
}
?>


person user85047    schedule 14.10.2014    source источник


Ответы (1)


Предполагая, что пока все работает, и вы просто хотите заменить input [type = text] на select, ваш тег select будет выглядеть примерно так:

//... continued from code above

// JUST REMOVE INPUT TAG - // echo '<input type="text" id="myplugin_new_field"...

 echo '<select id="myplugin_new_field" name="myplugin_new_field">';
 echo '<option value="">- select a value -</option>';
 echo '<option value="val1" '.selected("val1",esc_attr( $value )).'" >Value 1</option>';
 echo '<option value="val2" '.selected("val2",esc_attr( $value )).'" >Value 2</option>';
 echo '</select>';
  • selected () - это функция WordPress, которая сравнивает два значения и добавляет выбранный атрибут к опции, если значения совпадают.
person patnz    schedule 14.10.2014
comment
Спасибо! Я последовал вашему совету, внес изменения в вывод и заставил его работать. - person user85047; 15.10.2014