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