gpt4 book ai didi

css - 创建一个 Wordpress 元框来控制每个帖子/页面的配色方案

转载 作者:行者123 更新时间:2023-11-28 09:14:03 25 4
gpt4 key购买 nike

我目前正在研究如何创建一个带有选择标签的 WordPress 元框,用于控制每个帖子/页面的配色方案。我想创造一种情况,我可以使用 if 语句加载一个额外的 CSS 文件,该文件使用 functions.php 中的 wp_enqueue_style 函数覆盖原始 CSS 文件的颜色。

到目前为止,我使用了 WordPress codex 中的以下代码来添加元框并从 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;
}
?>

如果我决定将输入标签替换为带有颜色选项的选择标签,我将很难弄清楚如何更改代码逻辑,这些颜色选项将决定使用哪个 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;
}
?>

最佳答案

假设到目前为止一切正常,您只想用选择替换输入[type=text],您的选择标签将如下所示:

//... 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 函数,它比较两个值,如果值匹配,会将选定的属性添加到选项中。

关于css - 创建一个 Wordpress 元框来控制每个帖子/页面的配色方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26368515/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com