Y

YouLibs

Remove Touch Overlay

How To Create Listing Pages on Your Website (Using Custom Post Types)

Duration: 26:08Views: 36.2KLikes: 977Date Created: Jun, 2021

Channel: Website Learners

Category: Howto & Style

Description: โค๏ธ ๐—š๐—ฒ๐˜ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฝ๐—ฟ๐—ผ ๐—ฝ๐—น๐˜‚๐—ด๐—ถ๐—ปโžœ wl.tools/elementor-pro-custom โšก ๐—š๐—ฒ๐˜ ๐˜๐—ต๐—ฒ ๐—™๐—ฎ๐˜€๐˜๐—ฒ๐˜€๐˜ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—›๐—ผ๐˜€๐˜๐—ถ๐—ป๐—ด โžœ webspacekit.com ๐Ÿ”ฅ ๐—๐—ผ๐—ถ๐—ป ๐—ผ๐˜‚๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ โžœ websitelearners.com/mpw-course ๐ŸŒ ๐—–๐—ผ๐—ป๐˜๐—ฎ๐—ฐ๐˜ ๐˜‚๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—ช๐—ฒ๐—ฏ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ โžœ bit.ly/WebsiteRequirement Learn how to create a listing page on your WordPress website. โœ”๏ธ Letโ€™s say you have a website, & you want to list your items, and if anyone clicks on that item, they can get the full detail of that item. So let's get started! ๐Ÿ‘‡ ๐ŸŽฌ ๐—ง๐—ฎ๐—ฏ๐—น๐—ฒ ๐—ผ๐—ณ ๐—–๐—ผ๐—ป๐˜๐—ฒ๐—ป๐˜๐˜€ 00:00 Intro 01:43 To Create a Custom Post Type 05:51 To Create your Own Custom Fields 09:20 To Display custom fields on your page 09:39 Download & Install Elementor Pro Plugin 11:58 Choose a Design 13:42 To Add Custom Post Field 20:56 Create New Page for Listing ๐Ÿ“Œ ๐—™๐—ผ๐—น๐—น๐—ผ๐˜„ ๐˜๐—ต๐—ฒ๐˜€๐—ฒ ๐˜€๐—ถ๐—บ๐—ฝ๐—น๐—ฒ ๐˜€๐˜๐—ฒ๐—ฝ๐˜€ ๐Ÿ‘‰๐—ฃ๐—ฎ๐—ฟ๐˜ ๐Ÿญ: Create a Custom Post Type ๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿญ: Install Pods Plugin ๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฎ: Create Post Type Go to Pods Admin โ–บ Add new โ–บ Create new, enter post type in singular & plural label, And click โ€˜Next stepโ€™. Once post type section is created, you can start listing your items, To add items, click โ€˜Add newโ€™ Next fill up your item details & click โ€˜Publishโ€™. To add more details about your item, Go to pods admin โ–บ edit pods, Now under your post type, click โ€˜Edit & Add Fieldโ€™, enter field details then click โ€˜Save Field & Pod. ๐Ÿ‘‰ ๐—ฃ๐—ฎ๐—ฟ๐˜ ๐Ÿฎ: Display custom fields on your page ๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿญ: Download โ€˜Elementor proโ€™ Plugin Click here โžœ wl.tools/elementor-pro-custom ๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฎ: Install Elementor pro plugin Go to Dashboard โ–บ Plugins โ–บ Add New, and โ€˜Upload the pluginโ€™, click โ€˜Install & Activateโ€™. ๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฏ: Choose a Design Go to Templates โ–บ Add new, choose the template type, & click โ€˜Create Templateโ€™, Now choose design & click โ€˜Insertโ€™, To add content to your design, click Setting symbol โ–บ Preview settings, Now select your post type & enter a page title, and then click โ€˜Applyโ€™. Likewise, you can add other fields & then click โ€˜publishโ€™ To create a new page & list items, Go to Dashboard โ–บ Pods Admin, Now in post type click โ€˜Edit & Advance optionโ€™, and enable Archive page & click โ€˜Saveโ€™, Go to โ€˜Template โ–บ Add Newโ€™ โ–บ Choose template type as Archive, Enter template name & click โ€˜Create Templateโ€™, choose a design & click โ€˜Insertโ€™, Now click โ€˜Settings โ–บ Preview Settings โ–บ Select your Post โ–บ Apply, and click โ€˜Publishโ€™. Once done, creating a page, add it to your menu. So now you know how you can create a listing page. ๐ŸŽ ๐—–๐—ผ๐˜‚๐—ฝ๐—ผ๐—ป๐˜€ ๐ŸŸก ๐Ÿ” Grammarly | 20% off | wl.coupons/Grammarly๐ŸŸก ๐Ÿ“ฒ Publer | 10% off | wl.coupons/publer ๐ŸŸก ๐Ÿ“ˆ Mangools |10% off | wl.coupons/mangools ๐ŸŸก ๐Ÿ’ผ Fiverr | 10% off Coupon WEBSITELEARNERS10 | wl.tools/fiverr ๐ŸŸก ๐Ÿ–ผ๏ธ Astra | 10% off Coupon WLDiscount | wl.coupons/Astra ๐ŸŸก ๐Ÿ“Š SEMScoop | 20 % off Coupon SAVE20LT | wl.coupons/SEMScoop โค๏ธ ๐—ข๐˜‚๐—ฟ ๐—ฅ๐—ฒ๐—ฐ๐—ผ๐—บ๐—บ๐—ฒ๐—ป๐—ฑ๐—ฒ๐—ฑ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—ง๐—ผ๐—ผ๐—น๐˜€ ๐Ÿ”ด ๐ŸŒ Free Domain + โšก Fast Hosting | ๐—ช๐—ฒ๐—ฏ๐—ฆ๐—ฝ๐—ฎ๐—ฐ๐—ฒ๐—ž๐—ถ๐˜ webspacekit.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ด ๐Ÿ–ฅ๏ธ Ready-made Websites for ๐Ÿท๏ธ Sale | ๐— ๐—ฎ๐—ธ๐—ฒ๐—ฌ๐—ผ๐˜‚๐—ฟ๐—ช๐—ฃ | makeyourwp.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ด ๐Ÿง‘๐Ÿ’ป Get your website developed by ๐Ÿ‘จ๐Ÿ’ป Experts | shop.websitelearners.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ด ๐Ÿ› ๏ธ Check out our Top recommended ๐—ง๐—ผ๐—ผ๐—น๐˜€ | websitelearners.com/tools/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ฅ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐—š๐˜‚๐—ถ๐—ฑ๐—ฒ - ๐—ฆ๐—ถ๐—บ๐—ฝ๐—น๐—ฒ & ๐—˜๐—ฎ๐˜€๐˜† ๐—ฆ๐˜๐—ฒ๐—ฝ๐˜€ ๐˜๐—ผ ๐—น๐—ฎ๐˜‚๐—ป๐—ฐ๐—ต ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ณ๐—ถ๐—ฟ๐˜€๐˜ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐ŸŸข ๐Ÿ–ฅ๏ธ Make a Website in 10 mins | websitelearners.com/video/make-a-website/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐ŸŸข ๐Ÿ“ฐ Make a Blog - Quick & Easy | websitelearners.com/video/make-a-blog/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐ŸŸข ๐Ÿ›๏ธ Make an Ecommerce site | websitelearners.com/video/make-ecommerce-website-india/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐ŸŽ“ ๐—ฅ๐—ฒ๐˜€๐—ผ๐˜‚๐—ฟ๐—ฐ๐—ฒ๐˜€ ๐˜๐—ผ ๐—ด๐—ฒ๐˜ ๐—ฏ๐—ฒ๐˜๐˜๐—ฒ๐—ฟ ๐—ฎ๐˜ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐Ÿ”ต ๐Ÿ”ฅ Beginner WordPress Course | 50% Coupon ytSub |websitelearners.com/courses/make-a-pro-website/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ต ๐Ÿ›’ Ecommerce Course | SAVE 50% Coupon ytSub | websitelearners.com/courses/wordpress-ecommerce-course/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ”ต ๐Ÿ“– Check out our Blog posts for free content |websitelearners.com/blog/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 ๐Ÿ™Œ ๐—ข๐—ณ๐—ณ๐—ถ๐—ฐ๐—ถ๐—ฎ๐—น๐—น๐˜†: ๐—ช๐—ฒโœ๐—ฟ๐—ฒ ๐—›๐—ถ๐—ฟ๐—ถ๐—ป๐—ด: websitelearners.com/careers//?utm_source=Youtube&utm_medium=Listing_Pages_Jun21 Want your website developed by us? Email us your requirements to contact@websitelearners.com

Swipe Gestures On Overlay