How To Display WordPress Posts In a Grid Layout
ฝัง
- เผยแพร่เมื่อ 8 มิ.ย. 2024
- ❤️ 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 - แนวปฏิบัติและการใช้ชีวิต
*🚀 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 👇
Sir ecommerce website how to make mobile friendly like all product grid view
@@beorigintechnologys1245 hello, did you already have your two column product grid on mobile view? Can you help me out?
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 ?
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.
Thank you! All of your videos are so easy to follow. They have helped me so much.
Incredible. Thanks for being so thorough!!
Really good video, easy to follow and just what I needed for my site... Thank you 👍
Really helpful man, keep the good videos coming :)
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.
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...
THANKS A LOT MAN! I found the solution after 3 hours of searching videos on TH-cam.
Really you guys were doing great Job!!
Keep going Keep growing!!
i like ur channel for not using music. no distraction
you are turly a lifesaver person, thanks buddy
Really helpful, I solved my problem.
Thank you
thank you so much for that tip! It made me earn lots of time instead of looking all over the internet :) great content!
Great 👍 as always 🤟🏼
Appreciate the help!!!! Thank you!
Amazing work :)
You are doing outstanding, It's a better way to teach WordPress, Well done
Thank you so much bro. It is lot to me. keep it. Awesome presentation, Love You
This was super helpful.
Very nicely explained all your videos, keep it up.
Nice.
Pretty straight forward video. :)
thank yoy so much well organised tutorial video. no drama and required content thank you for the video
Very helpfull video.... And awesome sound quality...
Very helpful!
You are the best! Thank you
Very good content!
thank you Very Much, The most clear and concise instruction I've seen, Thank you 👍
Glad it helped!
thanks, works great
Thank you, was very helpful : )
That's really cool. I love it
This is the best TH-cam channel on earth 🌎🌎
Love you sir, very important video sir thanks
Thanks bro. I now understand
Excellent channel for learning really great sir
awesome job guys!..
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?
Nice video tutorial and very well explained
Best Review dude,.. very detailed,.. morepower buddy,.. from philippines here.
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.
THANK YOU SO MUCH SIR LOVE U
Bro... thanks a lot! :D REGARDS FROM SANTA MARTA, COLOMBIA
Thank you for this video ❤️
You are so welcome!
thanks so much bro 100% working ..........
Thank You So Much!!
Great stuff.
The best video ever✨
Thank you.👍
Very detailed, Thankyou
Glad it was helpful!
Thank you!
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 ??
Very clear communication. Good. Please let me know why the size of the grid differs?
Thank brother
How did you added the sidebars and follow icons? Which plugin it is or from Content Views we can customize it?
Well explained. Thank you
Glad you liked it
EXECELENTE TUTORIAL
Thank you
Very nice
You are great 👍
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?
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.
Informative
thank u
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
you are the best
Thanks for your helpful vedio
Hey Khawaja Daulat Khan Sadiqee, Please share your query with us in English, so that we can better assist you 😊 .
@@WebsiteLearners ye english he tha or ke dassa twano
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
Thanks
Welcome
Please make a video on how to optimize images in wordpress automatically
Thank you very much! One question! Can you make a tutorial to do a sidebar like yours?
Yes
Yes, i want to see that video too!!
Please make a video on what is extra benefit of WordPress complete course.
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
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?
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..
Thank you for your suggestion and support, Sound Great. We will definitely look into creating a video on this soon 😁 .
@@WebsiteLearners I really appreciate for your prompt reply.
Hello sir can you please provide the link if you made the video from this comment
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
Thank you for your suggestion and support, Khifah Gazani. We will definitely look into creating a video on this soon 😁 .
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
After activate the plugin and use the service then if deactivate, will the plugin work as its already activated earlier.
Thumbs up👍👍..
Sir, which theme are you using on website in this video?
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.
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?
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
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?
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.
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
Hi Really a great video with to the point content, i also have a querry actually i am new to this blogging,
and i am confused , actually i want to do affiliate marketting, for that i want to write blog, but in future i want to build my own ecommerce website too, so should i make a website also now, or it can be make from same domain in future.
TNXXXXX
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 TH-cam there is no step by step guide😊
which theme are you using in this website
This plugin and some more similar plugins. They work on pages but not in the categories and subcategories. Any solution for that?
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?
Hey Guys, you are doing great. Can you please make video of accept cookie notification. When user visit site it appears on site.
display post output directly. is it possible? no need to click the featured post
Hi Dear, is there a similar plugin for inserting lots of pdfs?
Are we creating categories or pages? I am confused coz I focused on creating categories
Please make a video on " How to imrpove Website loading Speed "
Can we do pagination in content view plug-in??
Hi bryan
You are doing good i have question
I want to create a web site there people come and post job then we review and publish... Any free pluging if you knoe please tell me.... Thnks
Is that plugin are compatible with wpbakery?
Is this an ecommerce website in which you added blogs..?