How To Display WordPress Posts In a Grid Layout
Vložit
- čas přidán 30. 07. 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 - Jak na to + styl
*🚀 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.
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.
Really good video, easy to follow and just what I needed for my site... Thank you 👍
Incredible. Thanks for being so thorough!!
thank you so much for that tip! It made me earn lots of time instead of looking all over the internet :) great content!
THANKS A LOT MAN! I found the solution after 3 hours of searching videos on CZcams.
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...
Really helpful man, keep the good videos coming :)
Really you guys were doing great Job!!
Keep going Keep growing!!
Thank you so much bro. It is lot to me. keep it. Awesome presentation, Love You
Very nicely explained all your videos, keep it up.
Really helpful, I solved my problem.
Thank you
You are doing outstanding, It's a better way to teach WordPress, Well done
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...
i like ur channel for not using music. no distraction
you are turly a lifesaver person, thanks buddy
Great 👍 as always 🤟🏼
Best Review dude,.. very detailed,.. morepower buddy,.. from philippines here.
Nice.
Pretty straight forward video. :)
Thank you, was very helpful : )
Appreciate the help!!!! Thank you!
Amazing work :)
Bro... thanks a lot! :D REGARDS FROM SANTA MARTA, COLOMBIA
This was super helpful.
That's really cool. I love it
Excellent channel for learning really great sir
thank you Very Much, The most clear and concise instruction I've seen, Thank you 👍
Glad it helped!
Thanks bro. I now understand
You are the best! Thank you
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.
awesome job guys!..
Nice video tutorial and very well explained
Thank You So Much!!
Love you sir, very important video sir thanks
Thank you!
Very helpful!
The best video ever✨
Great stuff.
Very good content!
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?
thanks so much bro 100% working ..........
This is the best CZcams channel on earth 🌎🌎
thanks, works great
Very detailed, Thankyou
Glad it was helpful!
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 ??
THANK YOU SO MUCH SIR LOVE U
Very clear communication. Good. Please let me know why the size of the grid differs?
EXECELENTE TUTORIAL
Thank you.👍
Thank you for this video ❤️
You are so welcome!
Well explained. Thank you
Glad you liked it
Thank brother
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.
Thank you
Informative
How did you added the sidebars and follow icons? Which plugin it is or from Content Views we can customize it?
You are great 👍
Very nice
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
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
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?
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
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
thank u
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
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 😁 .
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?
Please make a video on what is extra benefit of WordPress complete course.
Please make a video on how to optimize images in wordpress automatically
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
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
Thumbs up👍👍..
Thanks
Welcome
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 CZcams there is no step by step guide😊
After activate the plugin and use the service then if deactivate, will the plugin work as its already activated earlier.
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.
Hey Guys, you are doing great. Can you please make video of accept cookie notification. When user visit site it appears on site.
Sir, which theme are you using on website in this video?
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!!
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?
i wish you would give the overview/list all the steps in the beginning of the video so that i can know if i should watch the whole video or not for what i'm trying to learn
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.
Sir, can you please explain how to make a list view post.
TNXXXXX
Do you know how to hide tags on a post, for it to only be visible to the admin , and not in the front end. Thanks
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?
Please make a video on " How to imrpove Website loading Speed "
Please can you make a video on how to create a website with google sites , and word press app that will rank on google
but grid mode is already there in wordpress block editor right ?
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
Hello Sir, can you please tell how to add grid layout post in home page?
My wordpress setting is for default 10 posts per page but it shows only 6 posts in one page. I already have grid layout on my blog post without the plugin. But it displays only 6 posts in one page. I have 7 posts on my blog so far. But the 7th one is not visible to my visitors, but I can see it as an admin. How to create the pagination ? Like the "next button" at the bottom so my visitors can go to the next page and see the 7th post as well ?
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
Sir will the url of previous posts changed after applying the plugin?
This plugin and some more similar plugins. They work on pages but not in the categories and subcategories. Any solution for that?