Depuis la version 2.9, WordPress a introduit la possibilité d’utiliser des types de publication personnalisés. Maintenant, avec la version 3.0, les choses sont poussées un peu plus loin avec la faculté de créer des panneaux pour vos types de publications personnalisés. Dans ce tutoriel, nous vous montrerons comment mettre en place des types de publication personnalisés dans votre site sur votre site WordPress.
Créer des types de publication personnalisés – Utiliser des extensions
À partir de la version 3.0, WordPress n’a pas d’interface utilisateur intégrée pour créer des types de publications personnalisés. Il y a uniquement deux options pour créer des types de publication personnalisés : les extensions ou les coder en dur dans le fichier functions.php de votre thème. Tout d’abord, voyons comment nous pouvons utiliser les extensions pour créer des types de publication personnalisés.
Outil de type de publication personnalisé
Typede publication personnalisé UI est une extension développée par Brad Williams de WebDevStudios qui vous permet de créer facilement des types de publications et des taxonomies personnalisés. L’une des fonctionnalités les plus intéressantes de cette extension est qu’elle génère un code pour créer des types de publication personnalisés, que vous pouvez ensuite coller dans le fichier functions.php de votre thème. L’une des bizarreries de cette extension est l’impossibilité de partager les taxonomies entre tous vos post_types.
Dans le panneau de l’interface utilisateur du type de publication personnalisé, cliquez sur « Ajouter nouveau ».
Ensuite, vous avez quelques options à remplir. Le « Nom du type de publication » est ce qui sera utilisé par WordPress pour la requête de toutes les publications de ce type de publication. Le « Libellé » est ce qui sera affiché dans la colonne latérale de votre Tableau de bord, tout comme le menu « Publication ». Si vous déplier la section « Voir les options avancées », vous verrez quelques options supplémentaires que vous pouvez configurer. La plupart sont explicites, comme « Publicize » et « Afficher l’interface utilisateur ». La première, lorsqu’elle est définie sur true, permet d’afficher le menu du type de publication personnalisé dans la colonne latérale, et l’autre (show ui), lorsqu’elle est définie sur true, génère le panneau de menu.
« Rewrite » est ce qui permet au type de publication personnalisé d’utiliser des URL WordPress optimisées pour le référencement (permaliens). Le « Custom Rewrite Slug » peut être défini comme vous le souhaitez. WordPress utilisera ce slug pour générer les permaliens. Ainsi, si nous avons exemple.com avec un slug de réécriture personnalisé de « films », le permalien de votre type de publication personnalisé ressemblera à exemple.com/movies.
La fonction « Outil de personnalisation » de WordPress vous permet d’interroger les publications de votre type personnalisé. Ainsi, si nous reprenons l’exemple saisi/saisie plus haut, pour accéder à une publication intitulée » My First Movie Post », qui est écrite sous le post_type » Movies », nous pouvons saisir example.com/?movies=my-first-movie-post. La variable de requête se présente donc comme suit : ?posttypename
Enfin, vous pouvez choisir les différentes fonctionnalités supportées par votre type de publication personnalisé, telles que les miniatures/image mis en avant et les extraits.
Créer des types de publication personnalisés – Utilisation du fichier Functions.php
Si vous préférez utiliser les types de posts personnalisés sans extension, il vous suffit d’ajouter le code suivant au fichier functions.php de votre thème :
// Creates Movies post type register_post_type('movies', array( 'label' => 'Movies', 'public' => true, 'show_ui' => true, 'capability_type' => 'post', 'hierarchical' => false, 'rewrite' => array('slug' => 'movies'), 'query_var' => true, 'supports' => array( 'title', 'editor', 'excerpt', 'trackbacks', 'custom-fields', 'comments', 'revisions', 'thumbnail', 'author', 'page-attributes',) ) );
Décortiquons le code.
register_post_type( $post_type, $args ) : Cette fonction accepte deux paramètres, $post_type ou le nom du type de publication, et $args, un tableau d’arguments.
libellé : Nom pluriel donné au type de publication qui est affiché dans la colonne latérale du panneau d’administration.
public : true/false. Vous permet de remplir l’interface d’administration avec les publications de ce type.
show_ui: true/false. Affiche ou masque une interface utilisateur par défaut pour gérer ce type de publication.
capability_type : Par défaut : post Type de publication à utiliser pour vérifier les permissions de lecture, de modification et de suppression.
hierarchical : Indique si le type de publication est hiérarchique.
rewrite : true/false. Par défaut : true Si l’argument slug est saisi, le nom du slug est ajouté aux publications.
query_var : true/false Définit le nom du type de publication comme une variable de requête.
supports : Par défaut : title et author Règle les différentes fonctionnalités de support que le type de publication autorise.
Visitez le Codex de WordPress pour plus d’informations sur register_post_type().
Afficher les publications de type personnalisé
Pour afficher les publications de votre type de publication personnalisé, ajoutez les codes suivants dans la boucle. Remplacez « nom » par le nom de votre type de publication. Note : Vous n’avez pas besoin d’ajouter les types de publication personnalisés dans votre fichier index.php. Vous pouvez créer une page WordPress personnalisée et exécuter la requête suivante dans la boucle.
$query = new WP_Query( 'post_type=name' );
Pour afficher les publications de plus d’un type de publication, modifiez le code ci-dessus comme suit. Modifiez les films avec le nom de votre type de publication personnalisé.
$query = new WP_Query( array( 'post_type' => array( 'post', 'movies' ) ) );
Le code ci-dessus affichera tous les messages du type de publication normal (post) et du type de publication personnalisé, movies.
C’est tout. Nous espérons que ce tutoriel vous a été utile et n’oubliez pas de publier vos questions dans les commentaires.
Gaby Izarra
Ok I’m having a little trouble and you may be able to help….. here’s my Wordpress forum page. I’m trying to adapt an event list from a different theme on to the one I’m using.
http://wordpress.org/support/topic/php-query-for-custom-post-type-not-displaying-creating-theme-event-list?replies=1#post-5587886
dave
Ive created two custom post types but only the first one is showing on my page. ive added this
$query = new WP_Query( array( ‘post_type’ => array( ‘post’, ‘featured’, ‘latest’ )
) );
inside my loop file but nothing. how can i resolve this?
Jeroen
Do you know how i can add custom post types to the blog archive page, and rss feed ?
WPBeginner Support
Yes we do have guides on both topics. Please checkout how to create a custom post types archive page in WordPress, and how to add custom post types to your main WordPress RSS feed.
Administrateur
wizdom networks
Firstly, great article! I’m working through implementing custom post types via code. Noteworthy that the current WordPress documentation (http://codex.wordpress.org/Function_Reference/query_posts) specifies that the query_posts function should generally not be used and that the pre_get_posts hook is used to modify queries.
« It is strongly recommended that you use the pre_get_posts filter instead, and alter the main query by checking is_main_query »
Again, great article, thanks for sharing.
Cheers.
WPBeginner Support
Thanks Wisdom, we have updated the article with WP_Query
Administrateur
Thom Abbott
WOW…for a novice who uses WP to run their website, this is not Beginner stuff by any means! I’ll probably have to reach out to some WP developer to set up my Custom Page that I want.
Editorial Staff
Custom Post Types were created for developers to extend WordPress functionality. It was never meant for beginners.
Administrateur
mark shirley
query_posts( ‘post_type=movies’);
?>
I cant get this to work in my twentyeleven child theme page template where would i put it to pull a page of movies. Actually its the excerpts i really want. Thanks Mark
muntzdesigns
When using this plugin and adding the above code to loop.php you will lose control over categories…my custom post type is added to all categories…any help?
wpbeginner
@muntzdesigns This is why you have multiple loops… your main blog loop, archive.php, category.php etc… On a custom designed site, you will have to utilize that in order for this to work appropriately.
muntzdesigns
@wpbeginner@muntzdesigns So just add the above code to all files? (loop.php, archive.php and category.php). Thanks.
wpbeginner
@muntzdesigns No. You only add the code on the front pages. The issue you had was that custom post types were being added to all categories… You need to add the above code only to the main loop. Then create a new loop for category archive, taxonomy archive, author archive …
PriyaVerma
Nice article thanks you so much
dazuaga
No, I was wrong.
dazuaga
Never mind: %category%/%type%/%postname% I think will do the trick
dazuaga
What exactly does Content Type Identifier in CMS Press plugin? I’m looking for a way to prepend a the category slug to the custom post type (example.com/category/post_type/postname) but when using %category%/%identifier%/%postname% in Content Type Identifier automaticaly transforms this way: %categoryidentifierpostname
murphymakes
excellent info as per usual. thanks
whimba
I like Custom Post Type UI. It’s light and easy to use but is limited in functionality. So I created my own – http://wordpress.org/extend/plugins/mp-former/. You can try it
simplywendz
This is such a great tutorial for creating a custom post in wordpress. The steps are given on details one could easily follow. This is a big, big help!
hoss9009
I’ve been wondering this too!!
Cupbearer
Wow, I had the whole CMS Press thing working, but couldn’t figure out how to get it to show up in the posts. I guess it’s been around for so long that everyone just assumes that it should already be known. Perfect Answer to getting my Custom Post Type to show up in the Loop.
Jerry Craig
Cupbearer
Noel Boaz
Thsnks this helped me a lot to get my Custom post type on the front page. Definetly bookmarked, thanks.
Ed
I have tried the plugin, very impressive. However, I am trying to get a page attribute to appear from my themes ‘Pages’ attributes i.e the ability to use a full width page option. Am I to assume that your plugin only pulls attributes from Post type layouts rather than Page type layouts? All I want is to have the option of setting a post to a full, pre-determined template.
Great job though – I shall be using this a lot.
Cheers
Ed
Simon
I have tried the plugin way but couldn’t get the post to show up. Maybe that’s because I coulndn’t find the loop.php file.
Anyways, thanks a lot, I’m pretty sure it will work sometime soon.
I want to say that one super awesome thing that would be great to do with wordpress is to have the possibility to create custom views of content just like in drupal with the views module.
I know there is a plugin called pods and pods cms that is suppose to make that possible. Perhaphs you could ask the developper to help out in a post on wpbeginner if you do not understand it at all like me. I’m sure lots of people would love this. Presenting views is what realy makes a cms a realy dynamic cms after all.
Editorial Staff
The loop.php might not exist in your theme. Loop can also be found in your index.php, archive.php, category.php etc. You may also create a custom loop if you like.
Administrateur
Peter
Good tutorial, thank you for sharing.
I have a question on this.
I made a custom post type through functions.php (a calendar) which has a custom meta box in the admin UI. This meta box uses jQuery on one field.(http://jqueryui.com/demos/datepicker/).
For this datepicker to work, I need to embed the required scripts.
add_action(‘admin_enqueue_scripts’,’enqueue_my_scripts’);
works but my scripts get loaded on the entire admin UI. (which interferes with the default WP admin jquery)
So what I need is the hook for my custom post type.
this:
add_action(‘register_post_type’,’enqueue_my_scripts’);
doesn’t work because register_post_type isn’t a hook.
So, what is the hook for a custom post_type?
Amanda
You could try adding the following to your function definition before registering the script:
if(is_admin()) return;
So something like:
function some-function(){
// we don't need this on admin pages, so...
if(is_admin()) return;
//register the custom script
wp_enqueue_script( 'some-script' );
}
Evan
How do I get each content type to show up in the loop? I mean, it’s almost like Tumblr. If I post a picture… I need to customize the code in the loop – same thing I post a link.
Editorial Staff
You can see in the post, there is an option to show both a custom post types, and posts inside one loop…
Administrateur
Michael
I cannot seem to get the loop to work to query posts of my custom type. Your example seems easy enough so I tried the following $var = query_posts( ‘post_type=sponsor’);
Then I started a loop
while ($var ->have_posts()) : $var ->the_post();
Do stuff
endwhile;
this returns a php error:
Fatal error: Call to a member function have_posts() on a non-object in single-sponsor.php on line 22
line 22 is the line with the while loop.
Ideas? What am I doing wrong?
Romero
I have tried to create a tag for custom field, and when I use get_the_tags within the loop of custom type, it doesn’t print anything.
Any suggestions?
Jan
Im very excited about this new feature ^-^ You made a nice video. Altough in your example, why use custom post types and not just make up a category books and movies for the posts? That way you save all the hassle of a custom post type.
Editorial Staff
First, it lets you organize things differently. Second, you can have a completely different write panel with different options. It allows for much more customizations…
Administrateur
Sandra
Thanks for this great article! I’m a real wp beginner, and maybe you can help me with this question:
Is it possible to display archives of one custom post type in the sidebar like one can do by using the « display archives by cat »-plugin by kwebble?
Editorial Staff
Yes it is possible to display custom post types as archives. Just create a custom loop in the sidebar to display posts or categories from a specific post type.
Administrateur
lukeMV
Any easy to understand guides on how to add options to the custom posts? For example, if a movie is drama, comedy, horror…. to have those options as check boxes WITHIN the custom post edit panel? I can’t seem to find a guide or plug-in for that.
Paul
Hi, That was a great article. I was hoping that you may know the answer to my question.
In the last couple of lines you have:
this returns all posts and post_types named movies.
Do you know how to return both post_types named ‘movies’ and posts in the category ‘movies’ but exclude all other posts that do not have this category??
Editorial Staff
You would use the category parameters for the query_posts – http://codex.wordpress.org/Function_Reference/query_posts
Administrateur
Walter
Can you go one step back: Why do I need custom post types in the first place? What’s the use-case?
Editorial Staff
Custom Post Types are good for users who are using WordPress for more than a Blog, for example CMS. Lets say if you want to have a site that has your portfolio and your blog. Obviously you don’t want your blogs to look the same way as your portfolio does. That is when custom post types comes in handy. This is a very versatile feature for taking WordPress to the next level. For average blog user, they probably don’t need custom post types.
Administrateur
Tracy B.
Okay, but I’m still trying to understand the difference between this and just categorizing things. I’ve made plenty of sites for people where separate pages do things like list only the « current events » category and another the « projects » category or whatever. How is this better?
Editorial Staff
This is better in terms of organization. You can have custom taxonomy, write panel etc for a specific post type.
Chris
I can’t help but think that this would have been more useful if you showed something out of the ordinary with post types, rather than use the old « movies and books » bit.
How about a sideblog using post types, or something a bit more practical? All this does is re-state what the WP Codex will eventually have, if it isn’t already on there.
Editorial Staff
We are sorry that you feel this way Chris. WP Codex will not have a video that will show you how to do this. It does not matter what names we use for the custom post types, the idea is how to add them. We will not create an extra-ordinary site just to write a post about custom post type. If you seek that knowledge, you are probably better off doing it yourself. This blog still has to fulfill the needs of the beginner level users hence why we shared the plugin method.
Administrateur
Kevin Elliott
Will this work on WordPress 2.9 or is it only for 3.0?
I tried using 3.0, but some quirk happened where none of my plugins would activate, even the ones that said they activated. Was very strange!
-Kevin
Editorial Staff
This would work with 3.0, so use it on 3.0 only. Try reinstalling WordPress 3.0, we are running a few sites on it.
Administrateur
Marc
Just watched the video…
Is it true that we need to edit php files (= hard code) to get the whole thing working?
Editorial Staff
No, you have to do one or the other. In our video, we showed both ways. Either you can do the hard codes way, or the plugin way.
Administrateur
Marc
Allright, I see, thnx!
Then I suppose you started the hard code way? At the time seeing all the coding stuff only, I just quit. Therefore didn’t see the plugin way I guess…
Rilwis
Very nice article. The Custom Post Type UI plugin has the options very similar to raw PHP code of registering post types, that is great for developers.
Thanks for introducing many useful plugin to work with custom post types.
Kaye Media
Great article, looking forward to Wp3 =)
Bryan
I’m happy that Wordpress has integrated custom post types right into the wp framework. However I’m not seeing how it is any better than using plugins already available such as Magic Fields or Flutter. With those plugins you get the same effect plus easy to setup custom fields with lots of different types and flexibility in how to enter and display your data. Does wp 3.0 support anything like that right out of the gate?
Editorial Staff
You can create a UI for custom fields and just about anything in the backend with Custom Post Types. You are right that those plugins make it very easy for users, but if any of those plugins fall on development, then you are left with no choice.
Administrateur
Bryan
Fair enough. I’ve played around with the beta a bit, but not as much as I should I suppose. It would be exciting if it did go more that direction. Since I’ve become experienced using those plugins I almost don’t make a site now with one
So that would be great if all those tools were available and handled within the original application. I can see it leading to better backend management and encourage more people to contribute to it rather than a smaller group supporting a particular plugin.
Ian
I think they have intentionally left some of the custom post type code as code. To allow the average user to have to deal with it.
Abdul Wahid
This is awesome article
ravalde
I cant get any taxonomies to display in twentyeleven neither can I find a tutorial that shows me how from start to finish all seem to focus on twentyten and the loop