Тёмный

How To Display WordPress Posts In a Grid Layout 

Website Learners
Подписаться 2 млн
Просмотров 233 тыс.
50% 1

❤️ Get the Pro Plugin ➜ wl.tools/contentviewspro
🏆 #1 Content Generator ➜ gravitywrite.com/
🌐 The Best Place to Host your Website ➜ webspacekit.com/
👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ go.webspacekit.com/GridPosts2021
✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ gravitywrite.com/
Learn how to display the posts in your WordPress website in the form of a grid.
🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
1:15 Install ‘Content Views’ plugin
2:12 Create a layout for your posts
4:15 Add the layout to your website
5:37 Add the page to your menu
7:30 Outro
📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀
Step 1 : Install ‘Content Views’ plugin.
Step 2 : Create a layout for your posts.
Go to dashboard ► Content Views ► Add New
Enter a title for your layout, now in ‘Advance’ select posts you want to display.
You can select the posts by categories, tags, author, keyword etc.
Go to ‘Display Settings’ & in ‘Layout’ select ‘Grid’ and enter the number of posts.
Step 3 : Add the layout to your website.
Copy the shortcode which is shown on your site.
Now create a page, go to Pages ► Add New
And paste the shortcode which you’ve copied.
Step 4 : Add the page to your menu.
Go to dashboard ► Appearance ► Menus
Select the page you’ve created and click ‘Add to menu’.
Once done, click ‘Save Menu’.
Now if anyone visits this page they can view your posts in grid layout.
To change the layout of an existing page without creating a new page, and add more exciting layouts to your page, you need to get the Pro version of ‘Content Views’ plugin.
To get the Pro version of Content Views, click here ➜ wl.tools/contentviewspro
So this is how you can display the posts on your website in a grid layout.
❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀
🔴 🌐 Free Domain + ⚡ Fast Hosting | 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 | wl.coupons/3LBUAG5
🔴 🖥️ Ready-made Websites for 🏷️ Sale | 𝗠𝗮𝗸𝗲𝗬𝗼𝘂𝗿𝗪𝗣 | wl.coupons/3PwbWYm
🔴 🧑💻 Get your website developed by 👨💻 Experts | wl.coupons/3yIY9Yu
🔴 🛠️ Check out our Top recommended 𝗧𝗼𝗼𝗹𝘀 | wl.coupons/38FOHuf
🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲
🟢 🖥️ Make a Website in 10 mins | wl.coupons/381ybV2
🟢 📰 Make a Blog - Quick & Easy | wl.coupons/381rgeu
🟢 🛍️ Make an Ecommerce site | wl.coupons/3wEj3p5
🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀
🔵 🔥 Beginner WordPress Course | 50% Coupon ytSub | wl.coupons/382SeTb
🔵 🛒 Ecommerce Course | SAVE 50% Coupon ytSub | wl.coupons/3NqRpTb
🔵 📖 Check out our Blog posts for free content | wl.coupons/3ws91bz
🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀
🟡 🔍 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
🟡 📝Anyword|20 % off Coupon Anyword20| wl.tools/Anyword
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners

Хобби

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

 

2 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 260   
@WebsiteLearners
@WebsiteLearners 3 года назад
*🚀 Check out these tools made by Website Learners*: 😥 Save Time Let AI Write For You ➜ Visit GravityWrite.com _(Rated 4.7/5 by customers)_ ⚡ Get Lightning Fast Website at WebSpaceKit ➜ WebSpaceKit.com/offer Show off your awesome WordPress post grid layouts! Share a link or screenshot of what you created in the comments below 👇
@beorigintechnologys1245
@beorigintechnologys1245 3 года назад
Sir ecommerce website how to make mobile friendly like all product grid view
@straightouttaukay1098
@straightouttaukay1098 2 года назад
@@beorigintechnologys1245 hello, did you already have your two column product grid on mobile view? Can you help me out?
@praveenkumar-zt7zb
@praveenkumar-zt7zb 11 месяцев назад
hello sir CV plugin se jo page create karte h. Is page ka Url or jis category se related bante h uska URL or Slug same hona chiye SEO ke point of view se ?
@thedailydiy
@thedailydiy 2 года назад
Wow! The most clear and concise instruction I've seen, and I've been watching a LOT of tutorials the past week while building my first website. You are an amazing teacher. Thank you. New subscriber here.
@The_Ice_Man
@The_Ice_Man 2 года назад
Incredible. Thanks for being so thorough!!
@isabelmorales4945
@isabelmorales4945 2 года назад
Thank you! All of your videos are so easy to follow. They have helped me so much.
@foodquests1
@foodquests1 7 месяцев назад
This was super helpful. Thank you so much! Added tip: if you are working with more than 1 language on your website ( meaning you have a menu for a second or third language), be sure to choose the right language when you are creating the page where you paste your shortcut. The option is on the right-hand menu when you are creating the page. Otherwise you will have an empty page when you publish it.
@albertol.verdeciaa.3816
@albertol.verdeciaa.3816 2 года назад
THANKS A LOT MAN! I found the solution after 3 hours of searching videos on RU-vid.
@p.paquet6833
@p.paquet6833 3 года назад
thank you so much for that tip! It made me earn lots of time instead of looking all over the internet :) great content!
@user-rc1he9ze7w
@user-rc1he9ze7w 11 месяцев назад
you are turly a lifesaver person, thanks buddy
@Ged-Pagan
@Ged-Pagan 3 года назад
Really good video, easy to follow and just what I needed for my site... Thank you 👍
@emon6369
@emon6369 2 года назад
i like ur channel for not using music. no distraction
@roomkit6674
@roomkit6674 2 года назад
Thank you so much my friend, I learnt so much from you. Your videos are very very helpful for a beginner blogger like me. A big thank again...
@abhishekgoswami2504
@abhishekgoswami2504 3 года назад
Really you guys were doing great Job!! Keep going Keep growing!!
@shak8339
@shak8339 3 года назад
Great 👍 as always 🤟🏼
@ElEcodelTren
@ElEcodelTren Год назад
awesome job guys!..
@user-vk3hh3jg7n
@user-vk3hh3jg7n 6 месяцев назад
Thank you, was very helpful : )
@DannickovaGomez
@DannickovaGomez 3 года назад
Appreciate the help!!!! Thank you!
@Mkzzz2
@Mkzzz2 3 года назад
Really helpful man, keep the good videos coming :)
@shaubhik2010
@shaubhik2010 2 года назад
This was super helpful.
@user-cv8gp1my4w
@user-cv8gp1my4w 10 месяцев назад
Thanks bro. I now understand
@jillurvaifan3159
@jillurvaifan3159 3 года назад
Very helpfull video.... And awesome sound quality...
@akhleshkumar9515
@akhleshkumar9515 2 года назад
thanks so much bro 100% working ..........
@malikfahad3510
@malikfahad3510 2 года назад
Really helpful, I solved my problem. Thank you
@loudberg4835
@loudberg4835 Год назад
Very detailed, Thankyou
@WebsiteLearners
@WebsiteLearners Год назад
Glad it was helpful!
@websitelearnersnative1072
@websitelearnersnative1072 3 года назад
Amazing work :)
@kennethabok498
@kennethabok498 2 года назад
Thank You So Much!!
@programminginnovation
@programminginnovation 3 года назад
You are doing outstanding, It's a better way to teach WordPress, Well done
@mauspeakingdairg27501
@mauspeakingdairg27501 3 года назад
Thank you so much bro. It is lot to me. keep it. Awesome presentation, Love You
@mnuribrahim
@mnuribrahim 2 года назад
That's really cool. I love it
@halloweenlisteningparty
@halloweenlisteningparty 3 года назад
Thank you!
@swapyworld09
@swapyworld09 Год назад
thank yoy so much well organised tutorial video. no drama and required content thank you for the video
@daxaybhatt8335
@daxaybhatt8335 2 года назад
Very nicely explained all your videos, keep it up.
@youssefag7880
@youssefag7880 3 года назад
You are the best! Thank you
@fonchristian491
@fonchristian491 2 года назад
This is the best RU-vid channel on earth 🌎🌎
@miguelcastillo1742
@miguelcastillo1742 3 года назад
Nice. Pretty straight forward video. :)
@akashmishra9258
@akashmishra9258 3 года назад
Excellent channel for learning really great sir
@livechilllife
@livechilllife 2 года назад
Very helpful!
@SuperTh123456
@SuperTh123456 2 года назад
Great stuff.
@android17.
@android17. 3 года назад
Best Review dude,.. very detailed,.. morepower buddy,.. from philippines here.
@rajudesai3069
@rajudesai3069 Год назад
Thank you.👍
@28250316
@28250316 2 года назад
EXECELENTE TUTORIAL
@albertol.verdeciaa.3816
@albertol.verdeciaa.3816 2 года назад
Bro... thanks a lot! :D REGARDS FROM SANTA MARTA, COLOMBIA
@SheroMoneer
@SheroMoneer Год назад
thank you Very Much, The most clear and concise instruction I've seen, Thank you 👍
@WebsiteLearners
@WebsiteLearners Год назад
Glad it helped!
@Strajaize
@Strajaize 3 года назад
thanks, works great
@mjpwebtech
@mjpwebtech Год назад
Well explained. Thank you
@WebsiteLearners
@WebsiteLearners Год назад
Glad you liked it
@visualmodo
@visualmodo 3 года назад
Very good content!
@Tipsnfreeware
@Tipsnfreeware 3 года назад
Nice video tutorial and very well explained
@piscestourist576
@piscestourist576 3 года назад
When you have replaced the menu with these "new" pages, what happens when you create a new post, will it be automatically included in your site? Also, great job on your video. Very clear and easy to follow! Thank you.
@xavierschannel2677
@xavierschannel2677 29 дней назад
The best video ever✨
@Draqee4
@Draqee4 Год назад
Thank brother
@sameer680
@sameer680 3 года назад
Love you sir, very important video sir thanks
@dilipkevat4939
@dilipkevat4939 Год назад
Thank you for this video ❤️
@WebsiteLearners
@WebsiteLearners Год назад
You are so welcome!
@Sweehag
@Sweehag 2 года назад
Thank you
@vedantkhandelwal4764
@vedantkhandelwal4764 3 года назад
THANK YOU SO MUCH SIR LOVE U
@iwonblowmedia
@iwonblowmedia Год назад
Informative
@bussinesslegend4571
@bussinesslegend4571 2 года назад
Very nice
@harshad-jadav
@harshad-jadav 3 года назад
You are great 👍
@youtubeluffy2142
@youtubeluffy2142 Год назад
you are the best
@shanmukhadesigners
@shanmukhadesigners Год назад
thank u
@yasasb418
@yasasb418 Год назад
Thanks
@WebsiteLearners
@WebsiteLearners Год назад
Welcome
@knowledgebase-coachrrao1677
@knowledgebase-coachrrao1677 10 месяцев назад
Very clear communication. Good. Please let me know why the size of the grid differs?
@Gmhomeappliances
@Gmhomeappliances 3 года назад
Thanks for your helpful vedio
@WebsiteLearners
@WebsiteLearners 3 года назад
Hey Khawaja Daulat Khan Sadiqee, Please share your query with us in English, so that we can better assist you 😊 .
@Gmhomeappliances
@Gmhomeappliances 3 года назад
@@WebsiteLearners ye english he tha or ke dassa twano
@soundgreat6257
@soundgreat6257 3 года назад
Your videos are great man but please upload a video explaining how to make a website for selling e-courses along with how to add videos and how to integrate instamojo gateway on the same website. Thanks for such amazing content..
@WebsiteLearners
@WebsiteLearners 3 года назад
Thank you for your suggestion and support, Sound Great. We will definitely look into creating a video on this soon 😁 .
@soundgreat6257
@soundgreat6257 3 года назад
@@WebsiteLearners I really appreciate for your prompt reply.
@gb747gb
@gb747gb 2 года назад
Hello sir can you please provide the link if you made the video from this comment
@priyankaghosh4088
@priyankaghosh4088 3 года назад
Thanks for sharing this ... could you please confirm if we need to necessarily add a page to display in grid layout ... if the menu bar already has the categories then can it not be done within that?
@salvadorbeldajr.3323
@salvadorbeldajr.3323 3 года назад
Hi, can you also do a tutorial for wordpress post or custom post to display on a table format (with search feature and pagination) using elementor, acf, and cpt ui or using a plugin? Thanks.
@alldigital500
@alldigital500 2 года назад
I like your videos n whatever you taught I learned n I could implement but pls make a video on how to post with read more option
@ganeayshmahajan6727
@ganeayshmahajan6727 3 года назад
Hello sir ! Thank you for such useful content. I have one doubt. If I changed my permalink structure from postname to categoryname/post name then will it affect my ranking ??
@manjitramchiary3462
@manjitramchiary3462 3 года назад
How did you added the sidebars and follow icons? Which plugin it is or from Content Views we can customize it?
@Sumit-wb4li
@Sumit-wb4li 3 года назад
Please make a video on how to optimize images in wordpress automatically
@dineshpareek1706
@dineshpareek1706 3 года назад
Please make a video on what is extra benefit of WordPress complete course.
@AbdulBasit-mn2rn
@AbdulBasit-mn2rn 3 года назад
Thumbs up👍👍..
@GuyWinter-tl8vu
@GuyWinter-tl8vu 3 месяца назад
Really great, simple video. Really useful. Unfortunately the new 'adventure' page doesn't show the blog images, just the icon logo for an image, then the text below as I wanted. Is there something I should check on the original blog posts?
@Alberto_McClane
@Alberto_McClane 3 года назад
Thank you very much! One question! Can you make a tutorial to do a sidebar like yours?
@nitesh7322
@nitesh7322 3 года назад
Yes
@melissaoviedo9103
@melissaoviedo9103 2 года назад
Yes, i want to see that video too!!
@kheefagazani8752
@kheefagazani8752 3 года назад
Hi, thank you for your videos, you been doing a great job. Besides your post grid there was beautiful follow us widget. I would appreciate if you could make a video on it. Thank you
@WebsiteLearners
@WebsiteLearners 3 года назад
Thank you for your suggestion and support, Khifah Gazani. We will definitely look into creating a video on this soon 😁 .
@sp8817
@sp8817 3 года назад
All videos are amazing uploaded by you please tell what is the use of tag meta tag metatitle and how to create a post with all necessary things
@JamesXavier_
@JamesXavier_ 2 года назад
Bro thanks so much i love it, i dont know how do this with out pay for elementor pro and with this plugin y could do it ♥ THANKS
@omsrikeshari
@omsrikeshari 3 года назад
Please make tutorial on how we can make app easily and launch and submit to google play store and app store pleassssssss it would be really helpful, bcz in whole RU-vid there is no step by step guide😊
@badurunnisa640
@badurunnisa640 3 года назад
After activate the plugin and use the service then if deactivate, will the plugin work as its already activated earlier.
@lalitsingh1597
@lalitsingh1597 3 года назад
Sir, which theme are you using on website in this video?
@UglyAndTraveling
@UglyAndTraveling Год назад
Very helpful, thank you. BUT I want to show the grid layout on the main homepage of my wordpress site. I do not want to show on the sub URL. Is it possible to make the posts layout GRID on main domain please?
@SGRCREATIONSARIYALUR
@SGRCREATIONSARIYALUR 3 года назад
Hello sir, Can you please make a tutorial about how to make a registration form with payment options with the form field into auto pdf file generating method
@syedkashanali7777
@syedkashanali7777 Год назад
how can i show my blogs in opposite layouts like if i have image in right and in second blog i want to show that image to left, so how can i do that?
@discordit5848
@discordit5848 Год назад
which theme are you using in this website
@pr11.
@pr11. 2 года назад
Hy! Many thanks for your very good video. But i have a question. How can I do it, that all pictures in the grd will have same sizes? Must I cut the pictures before in the same size. I tried it, but it looks not good. Thanks for help from Vienna
@TheWizomaniac
@TheWizomaniac 3 года назад
I want to display the recent posts on my homepage but I already have a homepage built with other features on it. Do I have to create a whole new homepage in order to use this plugin?
@Shubh_158
@Shubh_158 3 года назад
Hey Guys, you are doing great. Can you please make video of accept cookie notification. When user visit site it appears on site.
@workinginabroad417
@workinginabroad417 2 года назад
display post output directly. is it possible? no need to click the featured post
@BibhatsuKuiri
@BibhatsuKuiri 3 года назад
but grid mode is already there in wordpress block editor right ?
@faizalam5706
@faizalam5706 2 года назад
Can we do pagination in content view plug-in??
@SKNayak2024
@SKNayak2024 Год назад
How can i add grid layout to my home page? instead of category
@pratikkarale8461
@pratikkarale8461 2 года назад
I have a query. I want to implement this grid on the home page itself. when we search the website's domain, we should be able to see the same on that page
@SGRCREATIONSARIYALUR
@SGRCREATIONSARIYALUR 3 года назад
Sir, can you please explain how to make a list view post.
@soneeta0000
@soneeta0000 Год назад
i want to display only 15 blog posts in the grid layout and add a button to go to the next page where there will be another set of 15 and so on. how do I do that? is that option available in the pro version?
@adnanhaider4695
@adnanhaider4695 6 месяцев назад
That's a superb video, but how to change the image and edit the content of each blogs because when I do edit with elementor and clicking on the image its showing the selected code that we copy to create the page,so please guide me to achieve this work.
@ibraheemfaheem6624
@ibraheemfaheem6624 2 года назад
Can we choose products instead of posts.?
@aquilax8313
@aquilax8313 3 года назад
Followed, but thumbnails are all random sizes? How do I make them the same size? This was the main thing I wanted to do. I tried regenerating thumbnails but it didn't work.
@ClaudioTropeano
@ClaudioTropeano Год назад
Hi Dear, is there a similar plugin for inserting lots of pdfs?
@chandu_nakka
@chandu_nakka 3 года назад
You have done for page.. but I want for Category. How to do it for a category
@curiocube
@curiocube 2 года назад
This plugin and some more similar plugins. They work on pages but not in the categories and subcategories. Any solution for that?
@user-ts3wk6yp8f
@user-ts3wk6yp8f 11 месяцев назад
this can be done with list post in elementor
@lishawadhwa653
@lishawadhwa653 3 года назад
Please make a video on " How to imrpove Website loading Speed "
Далее
Display WordPress Posts in ANY Grid Layout (2024)
5:11
How To Create A Landing Page In WordPress
35:18
Просмотров 392 тыс.
100 million nasib qilsin
00:18
Просмотров 514 тыс.
КАКОЙ У ТЕБЯ ЛЮБИМЫЙ МАРМЕЛАД?
00:40
How to Create a Website Using AI | 2024 (No-Code)
23:14
Post Grid WordPress Plugin | Free & Easy
14:59
Просмотров 27 тыс.
How to Add Social Login to WordPress
21:12
Просмотров 306 тыс.
How To Redirect a URL in WordPress
10:58
Просмотров 164 тыс.
How to Make an Animated Cartoon Video Using Al
16:40
Просмотров 79 тыс.
#shoot
1:00
Просмотров 4,5 млн
Tu valides ? Do you validate? 😀
0:13
Просмотров 15 млн