Custom Post Designs are easy with WordPress Block Themes - no plugins needed!
Vložit
- čas přidán 21. 07. 2024
- 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 www.pootlepress.com/sign-up-t...
👉 Contact me at: jamie@pootlepress.com
👉 My Gutenberg plugins www.pootlepress.com/wordpress... 🔥
👉 Become a member for MORE and help support this channel clubpootle.com/
Links
Custom Post type ui plugin - en-gb.wordpress.org/plugins/c...
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 - Krátké a kreslené filmy
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.
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!
Great to hear 👍
@@jamiewp I've hit a snag though... When I go to "templates" in the editor, I don't see the option "custom template". All I have as options to create a new template are for "author, category, date, tag, taxonomy" which all seem to be some kinds of archive templates. Are these options theme-dependent?
Thanks! I learn something new each time.
I have a love / hate relationship with Blocks and FSE. Lately, It's been the latter. Thank you Jamie, for bringing me back to the former ! : )
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!
Really need to deep dive Gutenberg. Thanks for this. 👍
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 ... 😎👌✨
Thanks Martin 😀🤩
Gracias Jamie,
Por este contenido tan útil que da rienda suelta a la creatividad. 😎👌✨
Great content. More WordPress video content in general is needed on CZcams.
thanks William :)
Excellent content!
Thanks Jamie!!! 😀
fantastic, this all helps so much!
Great to hear Wolf 👍
thanks a lot for the share!
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 ?
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.
Thanks. This is an old version, can you make a video for the newest wordpress version about how to customize, save, and retrieve the post templates?
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
This should be fun! Now I just need to create a post slider using those custom post types. :)
That sounds cool
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?
Yes. I add an html block as the first block on the page (to prevent flash of unstyled content) and place the css. If needed, add and html block as the last one to store the js
Considering how few styling options are offered, Gutenberg should provide a place for css code and turn it into a cacheable stylesheet
Stackable Pro does a good job here. Our content specialists use it in combination with the Sizzy browser to manage responsive layouts.
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
Hi, you'll see the Edit Site option if you are using a Block Theme - there's lots of great free ones here wordpress.org/themes/tags/full-site-editing/
Hi, i just want to know is there any option to add image caption in feature images... Asking for news website.. is it's good to mention caption below feature images...
I can't find a way to create a single post template for posts of specific category or tag. Any way to do that?
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.
That's really interesting Tony (makes sense). Are these clients getting admin access?
@@jamiewp One client needs a lot of admin access, but maybe there's a role/capability I can set for them to continue but disable Clear Customisation access. Not looked.
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?
Hi , I would use a plugin like this en-gb.wordpress.org/plugins/simple-custom-css/
@@jamiewp Ok thank you!
This all works nicely, except: How can I position the featured image. It defaulted to the middle of the image.
Quick question Jamie, each tool do you use to highlight the mouse?
pro mouse app :)
@@jamiewp thanks !
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. :)
Thanks Bruno - atm i'm focused 100% on Gutenberg :)
Can it make a real estate website?
@@sujitbiswasseo yup, that would make a good tutorial actually 🤔
It would be completely free IF you already subscribed to a plan. I'm working on a personal project that I don't want to spend money on so I didn't buy a plan. And without a plan you aren't allowed to add plugins :(
@@marymaddison5352 sorry, I didn't get. What plan?
If I was to create custom post types programmatically, how do I use them in FSE? Do I create a custom template and somehow select them via there?
If you actually create a custom post type programmatically then you’ll see a brand new template is created for you automatically in templates :)
@@jamiewp is there a way on how to create bi-directional connections with custom post types in full site editing programmatically?
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
Use a form plugin to simplifying the front end, so they can post content, but everything else is taken care of for them 😉
Block theme or block themes? If block theme, what theme? And if block themes, what themes?
how do you di this? I don't have such page with templates
Are you using a Block Theme?
@@jamiewp Blocksy Theme. You are spoken about this or else?
Ok , so Blocksy is not a Block Theme (it's a classic theme) so you won't get these options@@user-wc9kq3mi4o You can find Block Themes here wordpress.org/themes/tags/full-site-editing/
what about product category page templates
Yup those come as default with every block theme
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.
I show that in the 2nd half of the video - which bit isn’t working for you ?
Yes, the UI / UX is bad, but the thing works
@@379rale agreed, it feels somewhat like the early days of pc's
@@jamiewp Your examples and tutorials are really great! I was ranting about the frustration on UI/UX and seemingly broken features like archive templates. What was broken that you took the page approach? BTW I really liked you giving “novices” a go, like the session with your kids . I really want to like Gutenberg, and sporadically, it feels like I see a glimpse of what it will be by itself with FSE. Opposed to plugins/themes like Cwicly or Generate Theme/Block that already show their visions, it feels like the longest “transition” I ever was a part of… and Software is probably never ready, but this does take its time. I'm still hoping.
One thing that might fix the situation… put Gutenberg back into the position it could have shined in… a great replacement for content editing (like Medium) and using a visual , but low-level Page/Plugin Builder like Pinegrow… they are currently about to release their Software as a plugin for WordPress. It will be able to build a theme / blocks / plugins and edit them visually… and you can deinstall it when done and reinstall it ever needed (totally optional builder). It gives professionals the features they want while leaving Gutenberg to content editors and beginners as an interface. At least, I think this will be a great contender going forward.
How fast is that net?😅
Does anyone else not have 'edit site' at the top?
You’ll only see that if you are using a block theme