recherche
MaisonTutoriel CMSWordPresseGuide 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é.

Guide to Wordpress's Custom Write Panels

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!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
WordPress nécessite-t-il des connaissances de codage à utiliser comme CMS?WordPress nécessite-t-il des connaissances de codage à utiliser comme CMS?Apr 30, 2025 am 12:03 AM

Vous n'avez pas besoin de connaissances en programmation pour utiliser WordPress, mais la maîtrise de la programmation peut améliorer l'expérience. 1) Utilisez CSS et HTML pour ajuster le style de thème. 2) Les connaissances PHP peuvent modifier les fichiers de rubrique et ajouter des fonctions. 3) Les plug-ins personnalisés et les balises de méta peuvent optimiser le référencement. 4) Faites attention à la sauvegarde et à l'utilisation des sous-thèmes pour éviter les problèmes de mise à jour.

Quelles sont les considérations de sécurité lors de l'utilisation de WordPress?Quelles sont les considérations de sécurité lors de l'utilisation de WordPress?Apr 29, 2025 am 12:01 AM

ToseCureAwordPressSite, suivez les personnes

Comment WordPress se compare-t-il aux autres constructeurs de sites Web?Comment WordPress se compare-t-il aux autres constructeurs de sites Web?Apr 28, 2025 am 12:04 AM

WordPressExcelSoverotherwebsiteBuildersDuetOitsFlexibility, Svalible, andOpen-Sourcenatur.1) It'saversatilecmswitHExtensiveCustomationOptionsViathemeSandPlugins.2)

5 plugins WordPress pour les développeurs à utiliser en 20255 plugins WordPress pour les développeurs à utiliser en 2025Apr 27, 2025 am 08:25 AM

Sept plugins WordPress incontournables pour le développement de sites Web 2025 La construction d'un site Web WordPress de haut niveau en 2025 exige la vitesse, la réactivité et l'évolutivité. La réalisation de cela dépend efficacement souvent de la sélection stratégique des plugins. Cet article Highlig

Pour quoi utiliseriez-vous WordPress?Pour quoi utiliseriez-vous WordPress?Apr 27, 2025 am 12:14 AM

WordPressCanBeUsedForvariousPurposesBeyondBlogging.1) e-commerce: avec Woocommerce, ItCanBeComeAfonLonnestore.2) Adhésion: PluginslikeMemberpressSenableExClusiveContentareas.3) Portfoliosites: ThemeSlikeasTraallowstunninglay

WordPress est-il bon pour créer un site Web de portfolio?WordPress est-il bon pour créer un site Web de portfolio?Apr 26, 2025 am 12:05 AM

Yes,WordPressisexcellentforcreatingaportfoliowebsite.1)Itoffersnumerousportfolio-specificthemeslike'Astra'foreasycustomization.2)Pluginssuchas'Elementor'enableintuitivedesign,thoughtoomanycanslowthesite.3)SEOisenhancedwithtoolslike'YoastSEO',boosting

Quels sont les avantages de l'utilisation de WordPress sur le codage d'un site Web à partir de zéro?Quels sont les avantages de l'utilisation de WordPress sur le codage d'un site Web à partir de zéro?Apr 25, 2025 am 12:16 AM

WordpressisadvantageousovercodingawebsitefromscratchDueto: 1) facilitésofuseandfasterdevelopment, 2) flexibilité et échec, 3) Communie solide.

Qu'est-ce qui fait de WordPress un système de gestion de contenu?Qu'est-ce qui fait de WordPress un système de gestion de contenu?Apr 24, 2025 pm 05:25 PM

WordPressisacmsDuetOtsEaseOfuse, personnalisation, usermanagement, référencement, et CommunitySupport.1)

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Version Mac de WebStorm

Version Mac de WebStorm

Outils de développement JavaScript utiles