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

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

Website Learners

2 года назад

86,697 Просмотров

❤️ *Get Elementor Pro Plugin* ➜ https://wl.tools/elementor-pro-custom
🏆 *#1 Content Generator* ➜ https://gravitywrite.com/
🌐 *The Best Place to Host your Website* ➜ https://webspacekit.com/

👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ https://go.webspacekit.com/listingpages2021

✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ https://gravitywrite.com/


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 ➜ https://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.

🎁 𝗧𝗼𝗼𝗹𝘀 & 𝗗𝗶𝘀𝗰𝗼𝘂𝗻𝘁𝘀

🟡 📋 GravityWrite | https://gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | https://wl.tools/webspacekit
🟡 📰 MakeYourWP | 25% off | https://wl.tools/makeyourwp
🟡 🔍 Grammarly|20% off|https://wl.coupons/Grammarly
🟡 📈 Mangools|10% off|https://wl.coupons/mangools
🟡 🖼️ Astra|10% off Coupon: WLDiscount|https://wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | https://wl.tools/pictory.ai

❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀

🔴 🌐 Free Domain + ⚡ Fast Hosting | 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 https://webspacekit.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🔴 🖥️ Ready-made Websites for 🏷️ Sale | 𝗠𝗮𝗸𝗲𝗬𝗼𝘂𝗿𝗪𝗣 | https://makeyourwp.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🔴 🧑💻 Get your website developed by 👨💻 Experts | https://shop.websitelearners.com/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🔴 🛠️ Check out our Top recommended 𝗧𝗼𝗼𝗹𝘀 | https://websitelearners.com/tools/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21

🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲

🟢 🖥️ Make a Website in 10 mins | https://websitelearners.com/video/make-a-website/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🟢 📰 Make a Blog - Quick & Easy | https://websitelearners.com/video/make-a-blog/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🟢 🛍️ Make an Ecommerce site | https://websitelearners.com/video/make-ecommerce-website-india/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21

🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀

🔵 🔥 Beginner WordPress Course | 50% Coupon ytSub |https://websitelearners.com/courses/make-a-pro-website/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🔵 🛒 Ecommerce Course | SAVE 50% Coupon ytSub | https://websitelearners.com/courses/wordpress-ecommerce-course/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21
🔵 📖 Check out our Blog posts for free content |https://websitelearners.com/blog/?utm_source=Youtube&utm_medium=Listing_Pages_Jun21

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers//?utm_source=Youtube&utm_medium=Listing_Pages_Jun21

Want your website developed by us? Email us your requirements to [email protected]
Ссылки и html тэги не поддерживаются


Комментарии:

mdesigner
mdesigner - 24.06.2023 01:30

You saved me . Thank you!

Ответить
mdesigner
mdesigner - 21.06.2023 21:50

Hi, My image doesn't show in my Post even if I set to show images. When I go Preview , there is only desctiption without the image. What could be a problem?

Ответить
9x
9x - 24.05.2023 22:23

How can we show this custom post in our wordpress homepage right sidebar ? Please answer

Ответить
Be~Chatur
Be~Chatur - 23.05.2023 13:20

Love your hardwork bro.

Ответить
Developer Bsal
Developer Bsal - 12.05.2023 11:16

Which THEME is used here for designing sir??

Ответить
Mohith
Mohith - 05.04.2023 17:15

Bro how to add filters in achive page

Ответить
Mohith
Mohith - 27.03.2023 10:01

Is their no other option then using elementor pro ... Because 59$ seemse a huge amount to put in

Ответить
Peter Nisalespro
Peter Nisalespro - 20.03.2023 00:10

Please i would like to know more about what the membership form registrations is about. I 450 and 750
The link to know more isn't loadind.
Please any should help out.thanks




Okay

Ответить
Nicole Nixon
Nicole Nixon - 18.02.2023 10:05

fantastic video This is really useful for WordPress designers wishing to hone their skills. ElementsReady is an Elementor add-on that I strongly recommend using since it has a wealth of extra features and templates that may take your projects to new heights.

Ответить
Olga Korshunova
Olga Korshunova - 05.02.2023 11:14

for some reason label do not shown if i save file its just a blank page with the name page. any file label even if i feel and post still not showing they are only visible in the pods under the listing

Ответить
Fmoy84
Fmoy84 - 01.02.2023 20:49

Thanks for the upload

Ответить
Blogger Wajahat Javed
Blogger Wajahat Javed - 24.01.2023 16:43

Sir Thanks

Ответить
Noor Motors LTD
Noor Motors LTD - 23.01.2023 14:00

amazing video . helped alot thanks

Ответить
sanket waghdhare
sanket waghdhare - 12.12.2022 14:27

I added Featured Image and Gallery My Images and title are not showings. what to do?

Ответить
Abdul Rehman
Abdul Rehman - 10.12.2022 17:27

really awsome sir you are really amazing and cool.... really cool ...........

Ответить
Jitender singh Negi
Jitender singh Negi - 02.11.2022 05:26

Hello sir my website not showing picture on phon that i uploaded for background what should h di

Ответить
Yes I can
Yes I can - 27.10.2022 12:45

so helpful. Thumbs Upppp👍👍👍👍

Ответить
YiZhanWangXianFanfic
YiZhanWangXianFanfic - 21.10.2022 13:40

Can u please make video for publishing own story in wordpress by chapters by chapter and book main cover

Ответить
Fin
Fin - 22.09.2022 18:33

Hi is there a way to do it without using element or pro

Ответить
Express Info Media
Express Info Media - 18.09.2022 22:03

hello bro pls I need a video on how to create a job website on wordpress with free theme and plugins ..thank you

Ответить
dolbys2001
dolbys2001 - 17.09.2022 17:31

One of the best tutorials I've ever seen, congratulations and thank you very much!

Ответить
Francis John
Francis John - 09.09.2022 23:36

This so helpful. Do you have any recommendation for using only the Gutenberg site builder? I’m assuming it’s the same process.

Ответить
Elvan Dogan
Elvan Dogan - 28.08.2022 00:23

Can i create this with divi? I didn't use elementor

Ответить
Paul Kang
Paul Kang - 27.08.2022 15:36

Not the same with me, forget it

Ответить
Tahira Ashraf
Tahira Ashraf - 21.08.2022 13:00

Kindly make a video for free

Ответить
mqr 217
mqr 217 - 20.08.2022 08:07

this doesn't work on gutenberg theme.

Ответить
Haytham Dalank
Haytham Dalank - 17.08.2022 20:41

That's an awesome tutorial but its missing the most important part that is the search option for items like search by make, year, kilo, etc can you please add it ?

Ответить
Bhumiagara Makdes
Bhumiagara Makdes - 13.08.2022 03:10

Nice video., I'm your subscriber bro

Ответить
Gaurav Srivastv
Gaurav Srivastv - 07.07.2022 14:33

Very Well Explained. I'm okay with all the steps you've mentioned in the video except the number & currency. If I create these two types of fields in Pods. I don't see it until I make it to the text. Is this a bug or Am I not doing it exactly. Please help

Ответить
Aaquib Ahmed
Aaquib Ahmed - 29.06.2022 00:09

What happens when you click on images, where does it gets displayed???

Ответить
AdwensaTV
AdwensaTV - 17.06.2022 18:00

Bless Up, Brother. Good work done!

Ответить
Josephine Author
Josephine Author - 14.06.2022 00:02

Hello Brian! Great video... Tried recreating what you did but I do not know the theme you used. Please can you help? (I really do hope I would be getting a quick response🙏)

Ответить
Bisho Ruler
Bisho Ruler - 22.05.2022 17:10

how can you do it in gutenberg

Ответить
Mohd anis khan
Mohd anis khan - 17.04.2022 11:29

Dear Bro, it is excellent. just if you can advise how we can enable catagory and search option with same tutorial. becuase i do want to add woo commerce. this tutorial is engout if you can solve catagory and search option. best Regads from : UAE

Ответить
Dream Media
Dream Media - 11.04.2022 15:25

Thanks that was great. But how do I allow users to submit their own listings from the front end?

Ответить
Cattywampus
Cattywampus - 07.04.2022 17:30

just got the "Pre Owned Cars" Pod in the menu
once enable it in screen options. Thanks

Ответить
Cattywampus
Cattywampus - 07.04.2022 15:59

Custom posts are not being displayed in Menu. I have created "Pre Owned Cars" pods as described in the tutorial. Help me in this regard

Ответить
Sonam Tshering
Sonam Tshering - 29.03.2022 10:42

Hello. Is it posible with DIVI theme?

Ответить
FREE 5 AXIS MACHINING CONSULTANCIES
FREE 5 AXIS MACHINING CONSULTANCIES - 03.02.2022 14:20

Very good sir, its v clear.

Ответить
VRK Digisolutions
VRK Digisolutions - 22.12.2021 17:55

Hi - only the fields with plain text is shown. Other types like currency, number is not showing up. Where I have gone wrong?

Ответить
Knowledge Quest
Knowledge Quest - 27.11.2021 16:16

Can you help me
Create two custom post types called
● Book
● Author
Create a metabox for the book post type in a right sidebar showing all the author names that
users can select for a particular book.

Ответить
Harshit  Malge
Harshit Malge - 19.11.2021 10:12

Sir, make Tutorial on college Staff Listing with additional inputs from user side

Ответить
Razin Rahman
Razin Rahman - 02.11.2021 22:02

Is there a way to make the listing post unclickable? I don't want them to open the listing, only to see them in the archive page.

Ответить
rider pc
rider pc - 07.09.2021 18:36

i love you brother you saved my life

Ответить
simple clicks@ok123
simple clicks@ok123 - 15.08.2021 18:39

Free clickbank affiliate, amezon affiliate website making vedio do you have sir

Ответить
hammad ali
hammad ali - 27.07.2021 23:03

Big fan

Ответить
Jakir Ali
Jakir Ali - 27.07.2021 13:32

I have created a landing page but I am unable to integrate in facebook. It seems resolution does not support. How to solve this issue can you help me .

Ответить