WordPress Full Site Editing makes it very easy to create custom post type designs. In this video, I show you how to create different post designs using Gutenberg.

๐Ÿ‘‰ Sign up for my newsletter https://www.pootlepress.com/sign-up-to-my-newsletter/
๐Ÿ‘‰ Contact me at: jamie@pootlepress.com
๐Ÿ‘‰ My Gutenberg plugins https://www.pootlepress.com/wordpress-plugins/ ๐Ÿ”ฅ
๐Ÿ‘‰ Become a member for MORE and help support this channel https://clubpootle.com/

Links
Custom Post type ui plugin – https://en-gb.wordpress.org/plugins/custom-post-type-ui/

Timeline
0:00 – Introduction
0:15 – What are WordPress Custom Posts
0:40 – How to create a custom post design
3:25 – How to create a custom post category page
4:25 – How to use the Custom Post Type UI plugin
6:15 – Use Custom Post Type UI plugin with a WordPress Block Theme
7:00 – How to create a custom archive with Custom Post Type UI plugin
7:40 – Cats Cameo

source

31 Comments

  1. This is really helpful, Jamie! A great complement to creating a custom post template is bulk updating of multiple posts to which you wish to apply the custom template. In your example, you showed how to update a single post's template to a custom template directly within the post itself (at the 2:50 mark) via the post's sidebar Post > Template setting. If you'd like to apply a custom post template to multiple posts, you can do this using "Bulk actions" in the Posts page: Just select all posts to which you'd like to apply the custom post template (check each post's check box selector), choose "Edit" in the Bulk actions drop list, click the "Apply" button, select the custom template from the "Template" drop-list in the Bulk Edit dialog, and click the Update button. All selected posts will be updated to the chosen custom post template.

  2. A quick note – the Edit site option only seems to appear if you are using the default WordPress themes or a Paid theme. The free versions of Commercial themes do not seem to offer the Edit Site option

  3. As a beginner this was really an AHA moment for me. I didn't notice that option to choose a template in the post editor before.

    WordPress can be confusing in the beginning. Thanks.

  4. Ok. So how do I take the custom post one step further? I have a non techie user that can only login into WP as Author. I want her to be able to ad a post customized for her. All she can do is type her news post into her text area and press the publish button. Need to set the category automatically too. Kaw

  5. Ho Jamie,
    Thank you so much! As useful as usual! Keep inspiring us. Thanks a million. ๐Ÿ’–
    I cannot thank you enough ๐Ÿ‘ – plz keep up the awesome work i would love to see more of your great vids … ๐Ÿ˜Ž๐Ÿ‘Œโœจ

  6. There is another issue I have been struggling with and I don't know if you have explained it somewhere. Where does one add custom css code for blocks? I mean obviously one can indicate a custom class in the editor under the "advanced" option for a block, but where do we put the custom css for that class? And is there a risk that it will get overwritten unless we create a child theme?

  7. Awesome, I very much wanted to have different post types like this. I remember you mentioning this was possible in an earlier video and I was hoping you'd do a video on it, and here it is!

  8. Jamie, all your videos are so good, this one left me thinking how to accommodate different tones in the image. For example changing the text colour for the overlay to white is great, unless the image is predominantly white. Given that this is a template and applied to all posts in the category…do you essentially have to create a different template to allow for every text colour? An example naming would be template_blackText and template_whiteText then pick the template during the posting process? Trouble is of course we were trying to make it easier for the person posting. I haven't looked if there's a plugin that can dynamically assess the colour palette of the image and choose the text overlay colour accordingly, that would be clever. Or just no milk or cauliflower based recipes I suppose ๐Ÿ™‚ Really look forward to your videos, they're brilliant!

  9. Jamie Great tutorial.

    When i do the migration custom template (Post or page) does not work properly, I want to export and re-upload to the live website. Is there an option like DIVI page builder export ?

  10. Great video, Jamie.
    I would just suggest people do use Pods as a plug-in for custom post, taxonomies and custom fields.

    Pods does the same work of CPT UI and ACF together, and also more, and is COMPLETELY FREE and open source.

    A video about pods would be nice for your more advanced followers. ๐Ÿ™‚

  11. Hi Jamie
    Brilliant once again. Is it possible to create a custom post type and at the bottom of the post to draw in tag related content. Say your tag was Chicken under recipes, the post would pull in any content that also had the tag chicken. Thanks
    Rich

  12. Still Problems with the archives for custom post types? How is that even possibleโ€ฆ ๐Ÿ™ˆ โ€ฆ I wasted a good two hours today because I convinced myself (thanks to many great videos like this one) it was time and I wanted to build a page with regular Gutenberg and one of the FSE themes. It is still such a mess and the UI is all over the place like menus popping in-and-out, multiple tabs, and random feeling full-screen experiences and weird click paths back to the backend or a page/post (not preview). I just gave up โ€ฆ again.

  13. Maybe I'm over cautious but I've started creating .html templates by copying the markup in the code view of the site editor and then manually storing them in the templates folder. That way it prevents any customisations getting lost if the client clicks on the Clear Customisations button.

  14. FSE will put a few page builders out of business. ๐Ÿ™‚
    The one thing I miss about Gutenberg is more control over the responsive side of things: setting the number of columns on desktop, tablet and mobile, font sizes, spacer sizes, etc. etc.
    How do you deal with that? Custom CSS?

Leave A Reply

Please enter your comment!
Please enter your name here