Guide des panneaux d'écriture personnalisés de WordPress

WordPress 3.0 a inauguré des mises à jour significatives, y compris l'intégration de WordPress MU (permettant une gestion multi-sites) et l'introduction de types de publication personnalisés. Une fonctionnalité particulièrement utile améliorée par les types de publication personnalisés est le panneau d'écriture personnalisé.

Les panneaux d'écriture personnalisés fournissent des champs de formulaire personnalisables (entrées de texte, cases à cocher, etc.) dans l'éditeur de publication, lié aux champs personnalisés. Bien que le panneau de champ personnalisé par défaut soit disponible, il peut être lourd pour la saisie approfondie de données. Les panneaux d'écriture personnalisés offrent une alternative rationalisée et visuellement attrayante.

Illustrons un type de message personnalisé "livres". Au-delà du titre et du contenu standard, nous ajouterons des champs "auteur" et "ISBN". Dans votre thème functions.php, ajoutez ce code pour enregistrer le type de publication personnalisé:

add_action( 'init', 'create_book_type' );
function create_book_type() {
  register_post_type( 'books', array(
    'labels' => array(
      'name' => __( 'Books' ),
      'singular_name' => __( 'Book' )
    ),
    'public' => true,
  ) );
}

Cela enregistre le type de message "livres". Ensuite, ajoutez ce qui suit à functions.php pour créer le panneau d'écriture personnalisé:

// Define paths (adjust as needed)
define( 'MY_WORDPRESS_FOLDER', $_SERVER['DOCUMENT_ROOT'] );
define( 'MY_THEME_FOLDER', str_replace("\",'/',dirname(__FILE__)) );
define( 'MY_THEME_PATH', '/' . substr( MY_THEME_FOLDER, stripos(MY_THEME_FOLDER,'wp-content') ) );

add_action('admin_init','book_meta_init');
function book_meta_init() {
  wp_enqueue_style( 'my_meta_css', MY_THEME_PATH . '/custom/book_panel.css' );
  add_meta_box( 'book_meta', 'Book Information', 'book_meta', 'books', 'advanced', 'high' );
}

function book_meta() {
  global $post;
  $author = get_post_meta($post->ID,'author',TRUE);
  $isbn = get_post_meta($post->ID,'isbn',TRUE);
  include(MY_THEME_FOLDER . '/custom/book_information.php');
  wp_nonce_field( __FILE__, 'my_meta_noncename' );
}

function my_meta_save($post_id) {
  if (!wp_verify_nonce( $_POST['my_meta_noncename'], __FILE__ )) return $post_id;
  if (!current_user_can('edit_post', $post_id)) return $post_id;
  $accepted_fields['books'] = array( 'author', 'isbn' );
  $post_type_id = $_POST['post_type'];
  foreach ($accepted_fields[$post_type_id] as $key) {
    $custom_field = $_POST[$key];
    if (is_null($custom_field)) delete_post_meta($post_id, $key);
    elseif (isset($custom_field) && !is_null($custom_field)) update_post_meta($post_id,$key,$custom_field);
  }
  return $post_id;
}
add_action('save_post','my_meta_save');

Créez un répertoire custom dans votre thème et ajoutez book_panel.css (pour le style) et book_information.php (pour le panneau html).

book_panel.css:

.book_panel .description { display: none; }
.book_panel label { display: block; font-weight: bold; margin: 6px; margin-bottom: 0; margin-top: 12px; }
.book_panel label span { display: inline; font-weight: normal; }
.book_panel span { color: #999; display: block; }
.book_panel textarea, .book_panel input[type='text'] { margin-bottom: 3px; width: 100%; }
.book_panel h4 { color: #999; font-size: 1em; margin: 15px 6px; text-transform:uppercase; }

book_information.php:

<div class="book_panel">
  <h4 id="Book-Details">Book Details</h4>
  <label for="author">Author <span>(Required)</span></label>
  <input type="text" name="author" id="author" value="<?php echo esc_attr( $author ); ?>" /><br/>
  <label for="isbn">ISBN <span>(Required)</span></label>
  <input type="text" name="isbn" id="isbn" value="<?php echo esc_attr( $isbn ); ?>" />
</div>

Enfin, pour afficher les champs personnalisés de votre thème, utilisez get_post_meta() dans votre boucle:

$loop = new WP_Query( array( 'post_type' => 'books', 'posts_per_page' => 10 ) );
while ($loop->have_posts()) : $loop->the_post();
  the_title();
  the_content();
  echo 'Author: ' . get_post_meta(get_the_ID(), "author", true);
  echo 'ISBN: ' . get_post_meta(get_the_ID(), "isbn", true);
endwhile;

Ceci termine la configuration. N'oubliez pas d'ajuster les chemins du code pour correspondre à la structure de votre thème. Pour plus de connaissances WordPress plus approfondies, considérons notre publication: "Construisez vos propres thèmes WordPress méchants."

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!