๐๐ฒ๐ ๐๐น๐ฒ๐บ๐ฒ๐ป๐๐ผ๐ฟ ๐ฝ๐ฟ๐ผ ๐ฝ๐น๐๐ด๐ถ๐ปโ https://wl.tools/elementor-pro-custom
๐๐ต๐ฒ๐ฐ๐ธ๐ผ๐๐ ๐ผ๐๐ฟ ๐ฒ๐ ๐ฐ๐น๐๐๐ถ๐๐ฒ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐ฐ๐ผ๐๐ฟ๐๐ฒ โ https://websitelearners.com/wordpress-course
๐๐ฒ๐ ๐๐ต๐ฒ ๐๐ฎ๐๐๐ฒ๐๐ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐๐ผ๐๐๐ถ๐ป๐ด โ https://webspacekit.com
๐๐ผ๐ ๐๐ผ ๐ ๐ฎ๐ธ๐ฒ ๐ ๐ผ๐ป๐ฒ๐ ๐๐ถ๐๐ต ๐๐ผ๐๐ฟ ๐๐ฒ๐ฏ๐๐ถ๐๐ฒ โ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/
๐ฉ๐ผ๐๐ฒ ๐ณ๐ผ๐ฟ ๐ผ๐๐ฟ ๐ป๐ฒ๐ ๐ ๐๐ถ๐ฑ๐ฒ๐ผโ https://topics.websitelearners.com/websitelearners
๐ฃ๐ผ๐๐ ๐๐๐๐๐ฒ๐ ๐๐ฒ๐ฟ๐ฒ โ https://wltalk.com/post/185508666
Learn how you can create a listing page on your WordPress website.
Letโs say youโve a website, and you want to list your items, and if anyone clicks on that item, they can get 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
=== Part 1 : To Create a Custom Post Type ===
Step 1: Install Pods Plugin
To install the plugin, go to Dashboard โบ Plugins โบ Add New,
Now search for โPodsโ and click โInstall & Activateโ.
Step 2: To Create Post Type
Go to Pods Admin โบ Add new โบ Create new,
Now enter post type name in singular & plural label,
And then click โNext stepโ.
Now post type section is created in WordPress admin area,
So just click on it, & start listing your items,
To add items, click โAdd newโ
(So if you donโt find option to list your item,
Go to pods admin โบ Edit pods,
under post type, click โEdit & Advanced optionโ
Now under support, select option that you want on your site & click โSaveโ)
Next fill up your item details & click โPublishโ.
How you can add more details about your item?
To create your own fields, go to pods admin โบ edit pods,
Now under your post type, click edit & add field,
Enter field details then click โSave Field & Save Pod.
Now in the same way you can create as many field as you want.
=== Part 2 : How to can display custom fields on your page===
You need to create design for our listing first, then add custom field.
Step 1 : Download โElementor proโ Plugin
To get Elementor pro plugin, click here โ https://wl.tools/elementor-pro-custom
Now choose your plan, & make payment,
Once you purchase, click โDownload Elementor proโ.
Step 2 : To install Elementor pro plugin
To install the plugin, go to Dashboard โบ Plugins โบ Add New
Then click โUpload pluginโ,
Now add the downloaded plugin and click โInstall & Activateโ.
In order to use the plugin, click โconnect & activateโ,
And then click โActivateโ
Step 3 : Choose a Design
To choose a design, go to โบ Templates โบ Add new
Choose template type, & click โCreate Templateโ
Now choose your design & click โInsertโ
Now to add content to your design,
click โsetting symbol โบ Preview settings โบ Dynamic content
Now select your post type & enter page title,
and Then click โApplyโ.
So now youโve successfully created design for our listing page.
Now to add custom fields,
Add icon box element just by drag & drop,
Now add the icon & field name,
And now in description click โDynamic tags & pods fieldโ
Near pods field, click โsetting symbol & keysโ,
Select the field, which want to display
Like wise you can add other fields.
To publish the page, click โpublishโ.
Now click โadd conditionโ & choose, location for your page,
And click โSaveโ.
Now if you add another item to the list,
The design will be automatically applied to it.
Next, letโs see how you can create a new page and list all your items
Go to Dashboard โบ Pods Admin,
Now under post type click โEdit & Advance optionโ,
Now enable Archive page & click โSaveโ,
Go to โTemplate โบ Add Newโ โบ Choose template type as Archive,
Enter template name & click โCreate Templateโ,
Now choose design for your page & click โInsertโ,
Now click โsettings โบ Preview Settings โบ Select your Post Type โบ Apply,
Once done, click โpublishโ.
So now you have successfully created a page.
Now add that created page to our menu.
So thatโs it, guys,
Now you know how you can create listing page.
————————————
๐๐ฒ๐ ๐๐ต๐ฒ ๐ฏ๐ฒ๐๐ ๐๐ผ๐ผ๐น๐ ๐ณ๐ผ๐ฟ ๐๐ผ๐๐ฟ ๐๐ฒ๐ฏ๐๐ถ๐๐ฒ โ https://websitelearners.com/tools/
๐ฉ๐ถ๐ฑ๐ฒ๐ผ ๐๐ฒ๐ฎ๐ฟ ๐ช๐ฒ ๐จ๐๐ฒ โ https://kit.co/websitelearners/video-…
๐ข๐๐ฟ ๐ฉ๐ถ๐ฑ๐ฒ๐ผ ๐๐ฑ๐ถ๐๐ถ๐ป๐ด ๐ง๐ผ๐ผ๐น โ https://bit.ly/2Od546p
๐ ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น๐น๐:
๐ช๐ฒโ๐ฟ๐ฒ ๐๐ถ๐ฟ๐ถ๐ป๐ด: https://websitelearners.com/careers/โ
Want your website developed by us? Email us your requirements to contact@websitelearners.com
๐ฌ ๐๐ผ๐น๐น๐ผ๐ & ๐๐ต๐ฎ๐ ๐๐ถ๐๐ต ๐๐:
๐๐ป๐๐๐ฎ๐ด๐ฟ๐ฎ๐บ: https://www.instagram.com/websitelear…
๐๐ฎ๐ฐ๐ฒ๐ฏ๐ผ๐ผ๐ธ: https://www.facebook.com/websitelearn…
๐ง๐๐ถ๐๐๐ฒ๐ฟ: https://twitter.com/websitelearners/