DesignerWisdom
DesignerWisdom
  • 76
  • 81 748
Create a blog post category drop down filter without extra plugins in Elementor.
I wanted to create a simple filter for my blog posts inside the Designer Wisdom website, but didn't want to pay for an extra plugin. Instead, I worked with ChatGPT to help me find a better way.
As a result, I was able to use the brand new Elementor feature on Taxonomy Filters and with some good Ol' JS I was able to create a simple drop down menu in less than 10min and saved on $40+ for another plugin.
In this video you will see how I set up the HTML, CSS and JS to do this, and ALL YOU NEED TO DO is drop the code that I created for you here. docs.google.com/document/d/1f36VonCBQYKSfvsrOU67rICBxDd5ibI36JBA9jLnFQI/edit?usp=sharing
🏆 Updated the script to include what you need to have if you also would like to filter by newest/oldest posts inside the loop. 🏆
I will be dropping a Short soon, showing you a bit of the behind the scenes of the ChatGPT prompts I used for this and a full video later on.
If you want to learn more about web design, head over to designerwisdom.xyz/
#elementor #elementortutorial #wordpresstutorial
----------------------------------------
FOLLOW ME AROUND THE WEB:
Website: designerwisdom.xyz/
LinkedIn: / leopoldopirela
IG: @lp.creativestudio
-----------------------------------------
Do you need help with your website and marketing? Let's work together
www.flowcanvas.io/
มุมมอง: 443

วีดีโอ

Setting up a staging environment in SiteGround in under 5 minutes
มุมมอง 5602 หลายเดือนก่อน
Building a WordPress website can feel risky, but hosting it on @siteground makes this feeling go away! In this video I go over on how to set up a staging environment for any WordPress website on Siteground. This is the same process I under take anytime I have to: - Update a plugin - Update WordPress - Test or create new pages and layouts It literally saves me hours every week, as I am not going...
How to structure landing pages - Real Website Project Walk Through
มุมมอง 4482 หลายเดือนก่อน
In this video, I’ll walk you through the process of creating the perfect structure for a landing page, specifically designed for a SaaS company project I recently worked on. If you’re a beginner designer looking to understand the essential elements of a high-converting landing page, you’re in the right place! I’ll break down key sections, including: • How to create a compelling hero section tha...
How to use spacing in Web Design
มุมมอง 1.2K2 หลายเดือนก่อน
In this video, I am showing how I am using spacing in web design to help me create a better, more user friendly website for a SaaS company. I dive into Figma, where I show you examples of where the entire design got started vs. where the current design is. I also share a few tips and Figma shortcuts on how to work with Figma more effectively. If you want to learn more about web design, head ove...
How to setup a 12 Column Grid System in Figma
มุมมอง 4162 หลายเดือนก่อน
In this micro lesson, Leo introduces the concept of layout grids in Figma, focusing on how to set up a responsive design that works across various devices. He explains the importance of using a 12-column grid for web design, discusses best practices for setting up grids for desktop, tablet, and mobile, and provides practical examples from tech companies to illustrate how to effectively use grid...
5 approaches to improve website conversion rates by optimizing the hero
มุมมอง 3432 หลายเดือนก่อน
In this micro lesson, Leo discusses five approaches to improve website conversion rates by optimizing the hero section of landing pages. He emphasizes the importance of clear messaging, consistent calls to action, and the use of social proof to enhance user trust and engagement. The lesson provides practical design strategies for targeting SaaS companies and driving sales through effective webs...
How to use Trello to manage a design subscription business
มุมมอง 7956 หลายเดือนก่อน
Welcome to our channel! In this video, we're diving into the world of design studio management with the power of Trello boards. Whether you're a seasoned pro or just starting out, Trello can revolutionize how you manage projects and keep your team on track. 🚀 📋 SOP: Trello Boards for Design Studio Management Learn the ins and outs of using Trello effectively for project management in your desig...
5 revenue streams for website design freelancers
มุมมอง 3022 ปีที่แล้ว
5 revenue streams for website design freelancers
Website Design Process: The Hand over Checklist Using Notion
มุมมอง 2.5K2 ปีที่แล้ว
Website Design Process: The Hand over Checklist Using Notion
How to manage your website design projects like a PRO with Notion
มุมมอง 2.2K2 ปีที่แล้ว
How to manage your website design projects like a PRO with Notion
7 no-code tools I use everyday to run my freelance website design business
มุมมอง 8082 ปีที่แล้ว
7 no-code tools I use everyday to run my freelance website design business
Leaving Adobe XD For Figma - Here is why!
มุมมอง 9K3 ปีที่แล้ว
Leaving Adobe XD For Figma - Here is why!
Webflow Review: Wireframe by FinSweet - Client First
มุมมอง 1.6K3 ปีที่แล้ว
Webflow Review: Wireframe by FinSweet - Client First
How to export from Wordpress to Webflow
มุมมอง 5K3 ปีที่แล้ว
How to export from Wordpress to Webflow
How to build CMS pages in Webflow using CMS Collections
มุมมอง 3.6K3 ปีที่แล้ว
How to build CMS pages in Webflow using CMS Collections
How to build a Webflow CMS Collection list for your portfolio or case studies
มุมมอง 2.1K3 ปีที่แล้ว
How to build a Webflow CMS Collection list for your portfolio or case studies
A Youtube Channel for Web Designs by a Web Designer
มุมมอง 693 ปีที่แล้ว
A TH-cam Channel for Web Designs by a Web Designer
Home Office Tour for 2021
มุมมอง 1733 ปีที่แล้ว
Home Office Tour for 2021
How to get started with Webflow for beginners in 2021
มุมมอง 1693 ปีที่แล้ว
How to get started with Webflow for beginners in 2021
How to on Webflow: Create a filterable portfolio with JavaScript
มุมมอง 8453 ปีที่แล้ว
How to on Webflow: Create a filterable portfolio with JavaScript
How to use a 12-column grid system to build better websites
มุมมอง 20K3 ปีที่แล้ว
How to use a 12-column grid system to build better websites
Enhance your website's UX with some breathing room
มุมมอง 1453 ปีที่แล้ว
Enhance your website's UX with some breathing room
How to better organize your Website Design projects using Notion
มุมมอง 3163 ปีที่แล้ว
How to better organize your Website Design projects using Notion
What if you don't have any website design projects to show your new clients or niche?
มุมมอง 903 ปีที่แล้ว
What if you don't have any website design projects to show your new clients or niche?
5 Complementary skills that have made an impact in my website designing Skills
มุมมอง 573 ปีที่แล้ว
5 Complementary skills that have made an impact in my website designing Skills
The Battle for the Web - Webflow or WordPress: What will you choose?
มุมมอง 1803 ปีที่แล้ว
The Battle for the Web - Webflow or WordPress: What will you choose?
4 ways to help you get motivated and inspired for your next website design project
มุมมอง 543 ปีที่แล้ว
4 ways to help you get motivated and inspired for your next website design project
5 thing to keep in mind with Webflow
มุมมอง 593 ปีที่แล้ว
5 thing to keep in mind with Webflow
Watch this before you design your next startup's pitch deck
มุมมอง 633 ปีที่แล้ว
Watch this before you design your next startup's pitch deck
Creating a dynamic gallery from your blog posts in Webflow
มุมมอง 1.7K3 ปีที่แล้ว
Creating a dynamic gallery from your blog posts in Webflow