How To Display WordPress Posts In a Grid Layout
HTML-код
- Опубликовано: 15 июл 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.
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! 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 👍
THANKS A LOT MAN! I found the solution after 3 hours of searching videos on RUclips.
thank you so much for that tip! It made me earn lots of time instead of looking all over the internet :) great content!
Really you guys were doing great Job!!
Keep going Keep growing!!
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...
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.
Really helpful man, keep the good videos coming :)
Really helpful, I solved my problem.
Thank you
Appreciate the help!!!! Thank you!
Thank you so much bro. It is lot to me. keep it. Awesome presentation, Love You
i like ur channel for not using music. no distraction
Great 👍 as always 🤟🏼
You are doing outstanding, It's a better way to teach WordPress, Well done
Amazing work :)
thank yoy so much well organised tutorial video. no drama and required content thank you for the video
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?
Very helpfull video.... And awesome sound quality...
you are turly a lifesaver person, thanks buddy
How did you added the sidebars and follow icons? Which plugin it is or from Content Views we can customize it?
Very nicely explained all your videos, keep it up.
Nice.
Pretty straight forward video. :)
Thank you, was very helpful : )
This was super helpful.
thank you Very Much, The most clear and concise instruction I've seen, Thank you 👍
Glad it helped!
Excellent channel for learning really great sir
You are the best! Thank you
Very helpful!
Best Review dude,.. very detailed,.. morepower buddy,.. from philippines here.
That's really cool. I love it
Thanks bro. I now understand
thanks so much bro 100% working ..........
awesome job guys!..
Thank You So Much!!
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 good content!
thanks, works great
Thank you!
Nice video tutorial and very well explained
Very detailed, Thankyou
Glad it was helpful!
Bro... thanks a lot! :D REGARDS FROM SANTA MARTA, COLOMBIA
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.
Great stuff.
Love you sir, very important video sir thanks
Thank you for this video ❤️
You are so welcome!
Thank you.👍
Well explained. Thank you
Glad you liked it
Very clear communication. Good. Please let me know why the size of the grid differs?
THANK YOU SO MUCH SIR LOVE U
Thank brother
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?
EXECELENTE TUTORIAL
The best video ever✨
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
Thank you
This is the best RUclips channel on earth 🌎🌎
Informative
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
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?
thank u
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!!
Sir, which theme are you using on website in this video?
After activate the plugin and use the service then if deactivate, will the plugin work as its already activated earlier.
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
you are the best
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
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
Thanks
Welcome
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
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 optimize images in wordpress automatically
Please make a video on what is extra benefit of WordPress complete course.
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 😁 .
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
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 create a website on wordpress with Elementor.. I need some solutions about different screen resolution..
How can i add grid layout to my home page? instead of category
Hey Guys, you are doing great. Can you please make video of accept cookie notification. When user visit site it appears on site.
which theme are you using in this website
Hi Dear, is there a similar plugin for inserting lots of pdfs?
Can we do pagination in content view plug-in??
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
but grid mode is already there in wordpress block editor right ?
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?
This plugin and some more similar plugins. They work on pages but not in the categories and subcategories. Any solution for that?
display post output directly. is it possible? no need to click the featured post
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
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 RUclips there is no step by step guide😊
Hai,
How to set Grid view on mobile view. Please tell me.
Thumbs up👍👍..
Sir, can you please explain how to make a list view post.
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 ?