Maison >développement back-end >tutoriel php >Ajouter une colonne personnalisée dans les articles WordPress et l'écran d'administration des types de messages personnalisés

Ajouter une colonne personnalisée dans les articles WordPress et l'écran d'administration des types de messages personnalisés

Christopher Nolan
Christopher Nolanoriginal
2025-02-26 11:22:14214parcourir

Ce didacticiel montre comment ajouter une colonne d'image en vedette à l'écran WordPress Posts et étendre cette fonctionnalité aux types de publication personnalisés. Ramovions l'explication et améliorons la clarté.

Étape 1: Activer les images en vedette

Tout d'abord, assurez-vous que votre thème prend en charge les images en vedette. Ouvrez le fichier functions.php de votre thème (créez-le s'il n'existe pas) et ajoutez le code suivant:

<code class="language-php">add_theme_support( 'post-thumbnails' );
add_image_size( 'featured_preview', 200, 150, false );</code>

Cela permet une prise en charge d'image en vedette et crée une taille de miniature personnalisée (featured_preview) pour la prévisualisation des images dans la nouvelle colonne. L'argument false empêche la culture.

Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen (image: paramètre d'image en vedette dans l'éditeur de post WordPress)

Étape 2: Ajouter une colonne d'image en vedette aux messages

Ensuite, ajoutez une colonne personnalisée pour afficher l'image en vedette dans la liste des articles WordPress. Ajoutez ces fonctions à votre fichier functions.php:

<code class="language-php">function st4_add_featured_image_column( $defaults ) {
    $defaults['featured_image'] = __( 'Featured Image' );
    return $defaults;
}

function st4_show_featured_image_column( $column_name, $post_ID ) {
    if ( $column_name == 'featured_image' ) {
        $featured_image = get_the_post_thumbnail( $post_ID, 'featured_preview' );
        if ( $featured_image ) {
            echo $featured_image;
        } else {
            echo '<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174054013775854.jpg" class="lazy" alt="Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen "> <em>(Image: Posts list with new Featured Image column)</em>
<p>You can show/hide this column via the <strong>Screen Options</strong> panel.</p>
<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174054013887569.jpg" class="lazy" alt="Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen "> <em>(Image: Screen Options panel)</em></p>
<p><strong>Step 3: Extend to Custom Post Types</strong></p>
<p>To add the featured image column to custom post types,  simply replace <code>manage_posts_columns</code> and <code>manage_posts_custom_column</code> with the appropriate custom post type hooks. For example, for a custom post type named "movies":</p>
<pre class="brush:php;toolbar:false"><code class="language-php">add_filter( 'manage_movie_posts_columns', 'st4_add_featured_image_column' );
add_action( 'manage_movie_posts_custom_column', 'st4_show_featured_image_column', 10, 2 );</code>

Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen (image: image en vedette dans un post de film)

Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen (Image: Colonne d'image en vedette dans les films Type de publication personnalisé)

Considérations supplémentaires (brièvement):

  • Cibler des types de publiques spécifiques: Utilisez les crochets manage_{post_type}_posts_columns et manage_{post_type}_posts_custom_column pour ajouter la colonne à uniquement des types de publication personnalisés spécifiques.
  • Plusieurs colonnes: Ajouter facilement plusieurs colonnes personnalisées en élargissant les fonctions st4_add_featured_image_column et st4_show_featured_image_column.
  • Suppression des colonnes par défaut: Utiliser unset() dans le filtre pour supprimer les colonnes par défaut.

Cette réponse révisée fournit une explication plus concise et ciblée, tout en maintenant les informations et les images essentielles. Le code est également amélioré pour la lisibilité et l'efficacité.

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
Article précédent:Phpstorm - réviser et donnerArticle suivant:Phpstorm - réviser et donner