Тёмный

Custom Post Designs are easy with WordPress Block Themes - no plugins needed! 

Jamie Marsland
Подписаться 70 тыс.
Просмотров 16 тыс.
50% 1

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

Кино

Опубликовано:

 

14 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 68   
@nw10design
@nw10design 3 месяца назад
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.
@nw6091
@nw6091 Год назад
Thanks! I learn something new each time.
@CX3Productions
@CX3Productions Год назад
Really need to deep dive Gutenberg. Thanks for this. 👍
@jdccool
@jdccool Год назад
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 ! : )
@angellolopezaguayo
@angellolopezaguayo Год назад
Gracias Jamie, Por este contenido tan útil que da rienda suelta a la creatividad. 😎👌✨
@sybdeclark8055
@sybdeclark8055 Год назад
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!
@jamiewp
@jamiewp Год назад
Great to hear 👍
@sybdeclark8055
@sybdeclark8055 Год назад
@@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?
@martinkaspar5095
@martinkaspar5095 Год назад
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 ... 😎👌✨
@jamiewp
@jamiewp Год назад
Thanks Martin 😀🤩
@rmcellig
@rmcellig Год назад
Thanks Jamie!!! 😀
@williamjoyce64
@williamjoyce64 Год назад
Great content. More WordPress video content in general is needed on RU-vid.
@jamiewp
@jamiewp Год назад
thanks William :)
@Verlf
@Verlf Год назад
fantastic, this all helps so much!
@jamiewp
@jamiewp Год назад
Great to hear Wolf 👍
@pauloalmeidapt
@pauloalmeidapt Год назад
thanks a lot for the share!
@visualmodo
@visualmodo Год назад
Excellent content!
@mattwebber1461
@mattwebber1461 Год назад
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!
@RA-el6zj
@RA-el6zj Год назад
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.
@redwordhost3382
@redwordhost3382 Год назад
This should be fun! Now I just need to create a post slider using those custom post types. :)
@jamiewp
@jamiewp Год назад
That sounds cool
@antonio.carreira
@antonio.carreira Год назад
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?
@379rale
@379rale Год назад
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
@inn8ly
@inn8ly Год назад
Stackable Pro does a good job here. Our content specialists use it in combination with the Sizzy browser to manage responsive layouts.
@chesterk1282
@chesterk1282 5 месяцев назад
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?
@solomonjeeva9765
@solomonjeeva9765 Год назад
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 ?
@user-ob4bm7uv6b
@user-ob4bm7uv6b Год назад
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
@jamiewp
@jamiewp Год назад
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/
@TonyGirling
@TonyGirling Год назад
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.
@jamiewp
@jamiewp Год назад
That's really interesting Tony (makes sense). Are these clients getting admin access?
@TonyGirling
@TonyGirling Год назад
@@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.
@pdroms00
@pdroms00 Год назад
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. :)
@jamiewp
@jamiewp Год назад
Thanks Bruno - atm i'm focused 100% on Gutenberg :)
@sujitbiswasseo
@sujitbiswasseo Год назад
Can it make a real estate website?
@jamiewp
@jamiewp Год назад
@@sujitbiswasseo yup, that would make a good tutorial actually 🤔
@marymaddison5352
@marymaddison5352 Год назад
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 :(
@pdroms00
@pdroms00 Год назад
@@marymaddison5352 sorry, I didn't get. What plan?
@kentek3141
@kentek3141 Год назад
This all works nicely, except: How can I position the featured image. It defaulted to the middle of the image.
@poojashreegaur
@poojashreegaur Год назад
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...
@gucu
@gucu Год назад
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
@srceko
@srceko Год назад
I can't find a way to create a single post template for posts of specific category or tag. Any way to do that?
@sybdeclark8055
@sybdeclark8055 Год назад
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?
@jamiewp
@jamiewp Год назад
Hi , I would use a plugin like this en-gb.wordpress.org/plugins/simple-custom-css/
@sybdeclark8055
@sybdeclark8055 Год назад
@@jamiewp Ok thank you!
@FellyphCintra
@FellyphCintra Год назад
Quick question Jamie, each tool do you use to highlight the mouse?
@jamiewp
@jamiewp Год назад
pro mouse app :)
@FellyphCintra
@FellyphCintra Год назад
@@jamiewp thanks !
@sororbudwiser
@sororbudwiser 11 месяцев назад
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?
@jamiewp
@jamiewp 11 месяцев назад
If you actually create a custom post type programmatically then you’ll see a brand new template is created for you automatically in templates :)
@sororbudwiser
@sororbudwiser 11 месяцев назад
@@jamiewp is there a way on how to create bi-directional connections with custom post types in full site editing programmatically?
@kentek3141
@kentek3141 Год назад
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
@jamiewp
@jamiewp Год назад
Use a form plugin to simplifying the front end, so they can post content, but everything else is taken care of for them 😉
@dinorossi6611
@dinorossi6611 Год назад
Block theme or block themes? If block theme, what theme? And if block themes, what themes?
@elgiganten6154
@elgiganten6154 Месяц назад
what about product category page templates
@jamiewp
@jamiewp Месяц назад
Yup those come as default with every block theme
@user-wc9kq3mi4o
@user-wc9kq3mi4o 6 месяцев назад
how do you di this? I don't have such page with templates
@jamiewp
@jamiewp 6 месяцев назад
Are you using a Block Theme?
@user-wc9kq3mi4o
@user-wc9kq3mi4o 6 месяцев назад
@@jamiewp Blocksy Theme. You are spoken about this or else?
@jamiewp
@jamiewp 6 месяцев назад
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/
@maxziebell4013
@maxziebell4013 Год назад
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.
@jamiewp
@jamiewp Год назад
I show that in the 2nd half of the video - which bit isn’t working for you ?
@379rale
@379rale Год назад
Yes, the UI / UX is bad, but the thing works
@jamiewp
@jamiewp Год назад
@@379rale agreed, it feels somewhat like the early days of pc's
@maxziebell4013
@maxziebell4013 Год назад
@@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.
@maxziebell4013
@maxziebell4013 Год назад
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.
@humanvoice369
@humanvoice369 Год назад
How fast is that net?😅
@jakethorson6525
@jakethorson6525 Год назад
Does anyone else not have 'edit site' at the top?
@jamiewp
@jamiewp Год назад
You’ll only see that if you are using a block theme
Далее
WordPress Block Themes are amazing 🔥
9:24
Просмотров 8 тыс.
Create Custom Post Types with the CPT-UI plugin
17:54
WordPress Block Themes explained in 250 seconds 🔥
4:45
WordPress custom post type block templates
13:13
Просмотров 6 тыс.