Heim >Backend-Entwicklung >PHP-Tutorial >Wordpress主题设置幻灯片功能设计?

Wordpress主题设置幻灯片功能设计?

WBOY
WBOYOriginal
2016-06-06 20:47:201785Durchsuche

开发一个主题,首页有一个幻灯片展示,#1、#2、#3 三张。
发布文章的时候,需要有一个勾选选项,勾选1、2或者3,会在首页的相应幻灯片显示;勾选4(默认)则不会显示。
尝试过wordpress的自定义字段(Custom Fields)但是好像不能实现,求提供思路和解决办法。

回复内容:

开发一个主题,首页有一个幻灯片展示,#1、#2、#3 三张。
发布文章的时候,需要有一个勾选选项,勾选1、2或者3,会在首页的相应幻灯片显示;勾选4(默认)则不会显示。
尝试过wordpress的自定义字段(Custom Fields)但是好像不能实现,求提供思路和解决办法。

<code>    <?php /* Fire our meta box setup function on the post editor screen. */
add_action( 'load-post.php', 'sola_post_meta_boxes_setup' );
add_action( 'load-post-new.php', 'sola_post_meta_boxes_setup' );
/* 这是需要修改的两处之一,本功能只需要一个checkbox,将checkbox的title、id等属性填充到    $fields数组中,
后面的代码会自动根据数组填充的内容创建Post Meta Box */
$fields = array(
    array(
    'name' => __('Use as slide'),
    'desc' => 'Check this box and make the post a slider',
    'id' => 'sola-post-slider',
    'type' => 'checkbox',
    'default' => ''
)
);
/* Meta box setup function. */
function sola_post_meta_boxes_setup() {
/* Add meta boxes on the 'add_meta_boxes' hook. */
add_action( 'add_meta_boxes', 'sola_add_post_meta_boxes' );
add_action( 'save_post', 'sola_save_post_meta_boxes', 10, 2 );
}
/* Create one or more meta boxes to be displayed on the post editor screen. */
/* 这里也需要改一下,设置需要创建的Post Meta Box叫什么名字,显示在什么位置 */
function sola_add_post_meta_boxes() {
add_meta_box(
    'sola-post-slider-class',   // Unique ID
    __('Slideshow'),        // Title
    'sola_seo_box_format',      // Callback function
    'post',             // Admin page (or post type)
    'side',             // Context
    'default'           // Priority
);
}
function sola_seo_box_format(){
    global $fields,$post;
  // Use nonce for verification
  echo '<input type="hidden" name="sola_meta_box_nonce" value="',     wp_create_nonce(basename(__FILE__)), '">';
  echo '<table class="form-table">';
  foreach ($fields as $field) {
   // get current post meta data
   $meta = get_post_meta($post->ID, $field['id'], true);
   echo '<tr>'.
     '<th><label for="'. $field['id'] .'">'. $field['name']. '</label></th>'.
     '<td>';
   switch ($field['type']) {
    case 'text':
     echo '<input type="text" name="'. $field['id']. '" id="'. $field['id'] .'" value="'. ($meta ? $meta : $field['default']) . '" size="30" style="width:97%">'. '
'. $field['desc'];
     break;
    case 'textarea':
     echo '<textarea name="'. $field['id']. '" id="'. $field['id']. '" cols="60" rows="4" style="width:97%">'. ($meta ? $meta : $field['default']) . ''. '
'. $field['desc'];
     break;
    case 'select':
     echo '<select name="'. $field['id'] . '" id="'. $field['id'] . '">';
     foreach ($field['options'] as $option) {
      echo '<option selected : .>'. $option . '</option>';
     }
     echo '</select>';
     break;
    case 'radio':
     foreach ($field['options'] as $option) {
      echo '<input type="radio" name="' . $field['id'] . '" value="' .     $option['value'] . '" . checked :>' . $option['name'];
     }
     break;
    case 'checkbox':
     echo '<input type="checkbox" name="' . $field['id'] . '" id="' . $field['id']     . '" . checked :>';
 break;
   }
   echo  '<td>'.'</td></textarea>
</td>
</tr>';
  }
      echo '</table>';
}
function sola_save_post_meta_boxes($post_id) {
    global $fields, $post;
 //Verify nonce
 if (!wp_verify_nonce($_POST['sola_meta_box_nonce'], basename(__FILE__))) {
  return $post_id;
 }
 //Check autosave
 if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
  return $post_id;
 }
//Get the post type object.
    $post_type = get_post_type_object( $post->post_type );
 //Check permissions
 if ( !current_user_can( $post_type->cap->edit_post, $post_id ) )
    return $post_id;
 foreach ($fields as $field) {
  $old = get_post_meta($post_id, $field['id'], true);
  $new = $_POST[$field['id']];
  if ($new && $new != $old) {
   update_post_meta($post_id, $field['id'], $new);
  } elseif ('' == $new && $old) {
   delete_post_meta($post_id, $field['id'], $old);
  }
 }
}
?>
</code>

这段代码会在文章创建和编辑页面创建如下所示的Post Meta Box,如下图
Wordpress主题设置幻灯片功能设计?
读取幻灯片文章

接下来修改slider.php,过去只需要查询custom post type,现在使用post meta box实现,就需要根据post的meta信息搜索幻灯片,代码如下

<code>$args = array(
'meta_query' => array(
    array(
        'key' => 'sola-post-slider',
        'value' => 'on',
    )
)
);
$slides = get_posts($args);
</code>

用get_posts()和meta_query参数结合,就可以达到目的,有了数据,直接循环输出就行了

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn