![Adam Wright Design](/img/default-banner.jpg)
- Видео 76
- Просмотров 109 255
Adam Wright Design
США
Добавлен 23 фев 2022
Hello! This channel was created to post tutorials and design insight on WordPress, using my favorite tech - including GeneratePress and GenerateBlocks.
I’m truly honored that you’re here watching my videos, and hope you'll stick around for more.
Want to get better at design? Check out my free newsletter: adamwrightdesign.com/subscribe
I’m truly honored that you’re here watching my videos, and hope you'll stick around for more.
Want to get better at design? Check out my free newsletter: adamwrightdesign.com/subscribe
Typography 101: Rules for Using Letter Spacing in Web Design
Letter spacing can make or break a design - and you should always be treating your text properly. In this video, I teach you what letter spacing is, and demonstrate the best practices for using it in your web design.
Looking for more tips on design? Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe
--
🖥️ My business site: adamwrightdesign.com
🖥️ My personal site: heyadamwright.com
📧 Get in touch: hello@adamwrightdesign.com
💙 If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
🙌 Thanks for your support!
Looking for more tips on design? Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe
--
🖥️ My business site: adamwrightdesign.com
🖥️ My personal site: heyadamwright.com
📧 Get in touch: hello@adamwrightdesign.com
💙 If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
🙌 Thanks for your support!
Просмотров: 8
Видео
Dissecting the Anatomy of a Website: Terms to Know
Просмотров 9714 часов назад
If you've ever struggled with understanding the difference with the sections of a website, I break down the basic anatomy and layout that makes up any website. 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: hello@adamwrightdesign.com 💙 I...
10+ Keyboard Shortcuts to Speed Up Your Workflow in Figma
Просмотров 42День назад
I'm always looking for ways to speed up my workflow, and keyboard shortcuts are one of the best ways to do that! In this video, I walk you through 10 keyboard shortcuts that I use on a regular basis. Here they are for reference: T = Text R = Rectangle O = Circle/Oval Shift Click = Multi Select objects Shift A = Auto Layout K = Scale CMD Click = Select Nested Object [ = Bring to Top ] = Send to ...
How to Add Social Icons to Navigation Bar in GeneratePress Premium
Просмотров 24514 дней назад
Need to add some social icons to your navigation? Here's how to do it quickly and easily with GeneratePress Premium Elements! 💡Learn More about GenerateBlocks: generateblocks.com/ 💡Learn More about GeneratePress: generatepress.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My persona...
How to Setup & Create Text Styles in Figma for Faster Designing
Просмотров 12221 день назад
Just like I showed you in a previous video for creating your colors, this video shows you how to create Text Styles in Figma. This allows you to design and control your text on a global basis, making it quicker and easier to work. Sign up for my Design Consistency Email Series here: adamwrightdesign.com/lm/design-consistency-email/ 📰 Become a Design to Dollars subscriber & receive design tips t...
How to Setup Your Global Color Styles & Palette in Figma
Просмотров 140Месяц назад
To begin every new Figma design, I always start by setting up my color styles. In this video, I walk you through how to create your color palette, and then save those swatches as Color Styles so you can streamline your design workflow, and make the transition from Figma to development so much easier. Join my 5 Day Email Design Course: adamwrightdesign.com/lm/design-consistency-email/ 📰 Become a...
5 Cool New Features in WordPress 6.6 Core Update
Просмотров 523Месяц назад
Have you updated your site to WordPress 6.6? Here's a handful of things I think are pretty cool in the newest WP update! Learn more about WP 6.6 here: wordpress.org/download/releases/6-6/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: he...
How to Setup a Grid Layout for Your Website Design in Figma
Просмотров 283Месяц назад
I've been learning Figma over the past year, and so I wanted to show you how to quickly setup your own Grid layout with columns. I utilize a 12-column layout, and a 1200 pixel container width, but you can do the math to adjust the columns, margins, and container to your own preferences. Remember, take the overall Frame width, subtract your Container width, and divide that by 2 - that will be yo...
How to Transfer Old Legacy Styles to the New Global Styles System in GenerateBlocks
Просмотров 2502 месяца назад
The latest big update in GenerateBlocks was a big jump in some of the functionality in how we build and utilize global styles. It's an advancement that may have you confused, so I'm here to help show you how to transfer your old legacy styles into the new system. This new system in GenerateBlocks allows even greater control and scalability in your global styles as you build sites. 💡Learn More a...
Web Design 101: How to Use Drop Shadows Effectively (using GenerateBlocks)
Просмотров 2253 месяца назад
GET THE FREE VIDEO: adamwrightdesign.com/lm/design-consistency-video/ If you're looking for ways to add some depth to your layouts, without totally distracting from the design, you can utilize drop shadows! These are the two ways I incorporate them most effectively, using GenerateBlocks. 💡Learn More about GenerateBlocks: generateblocks.com/ 📰 Become a Design to Dollars subscriber & receive desi...
How to Populate a Gravity Forms Dropdown field with an Advanced Custom Fields Post Type
Просмотров 5403 месяца назад
To help streamline your processes, you can integrate an ACF Post Type to populate a Gravity Forms dropdown - it's simple, easy, and effective! Here's the docs: docs.gravityforms.com/dynamically-populating-drop-down-or-radio-buttons-fields/ Code: smalldev.tools/share-bin/KIzqk68t 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My b...
How to Add Related Posts to Your Blog Posts in GenerateBlocks Pro
Просмотров 5784 месяца назад
In this tutorial, I walk you through how to setup a Related Posts section to add to the bottom of your blog posts. You're able to filter by category, author, terms, and more. Adding a Related Posts section really helps to keep readers engaged and spend more time on your site, so it's always a good thing to add! 💡Learn More about GenerateBlocks: generateblocks.com/ 💡Learn More about GeneratePres...
How to Create a Custom Confirmation ‘Thank You’ Message in Gravity Forms
Просмотров 2374 месяца назад
In Gravity Forms, you can use Merge Tags in the Confirmation message to customize and personalize what you want to say. In this demo, I show you how to enter someone's name, as well as display all of the entry data upon submission. Get Gravity Forms here: www.gravityforms.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My bus...
How to Enable Smooth Scroll on Anchor Links with GeneratePress Premium
Просмотров 4654 месяца назад
Using GeneratePress Premium, you can enable and utilize Smooth Scrolling for your anchor links - both on individual links, or site-wide. 💡Learn More about GeneratePress: generatepress.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: h...
How to Open a WordPress Menu Item in a New Tab
Просмотров 1395 месяцев назад
It's an easy one to miss, but today I show you how to open a link in a new tab from your WordPress menu. 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: hello@adamwrightdesign.com 💙 If you enjoyed this video, please consider helping suppo...
How to Sort a Query Loop by an ACF Date Field using GenerateBlocks
Просмотров 6385 месяцев назад
How to Sort a Query Loop by an ACF Date Field using GenerateBlocks
How (& When) to Use Inner & Outer Containers in GenerateBlocks
Просмотров 9406 месяцев назад
How (& When) to Use Inner & Outer Containers in GenerateBlocks
3 Ways to Hide Your Site Header in GeneratePress Theme (Free + Premium!)
Просмотров 5877 месяцев назад
3 Ways to Hide Your Site Header in GeneratePress Theme (Free Premium!)
How to Setup & Change Fonts in GeneratePress Theme
Просмотров 9517 месяцев назад
How to Setup & Change Fonts in GeneratePress Theme
How to Create Equal Height Cards (+ Make the Last Item Stick) Using GenerateBlocks
Просмотров 7187 месяцев назад
How to Create Equal Height Cards ( Make the Last Item Stick) Using GenerateBlocks
How to Enable & Customize a Back to Top Button in GeneratePress
Просмотров 3468 месяцев назад
How to Enable & Customize a Back to Top Button in GeneratePress
The 10 GeneratePress Elements I Use on Every Site I Build
Просмотров 2,7 тыс.8 месяцев назад
The 10 GeneratePress Elements I Use on Every Site I Build
Creating a Testimonial Design using GenerateBlocks
Просмотров 4108 месяцев назад
Creating a Testimonial Design using GenerateBlocks
Learn the Basics of Using Flex in GenerateBlocks
Просмотров 2 тыс.8 месяцев назад
Learn the Basics of Using Flex in GenerateBlocks
How to Make Your Pages Full-Width using GeneratePress
Просмотров 9729 месяцев назад
How to Make Your Pages Full-Width using GeneratePress
Transform Your Mobile Menu Hamburger Icon into a Full Button in GeneratePress
Просмотров 8459 месяцев назад
Transform Your Mobile Menu Hamburger Icon into a Full Button in GeneratePress
How to Add a Different Logo only on Mobile with GeneratePress Premium
Просмотров 2989 месяцев назад
How to Add a Different Logo only on Mobile with GeneratePress Premium
How to Use Global Styles for Your Buttons in GenerateBlocks
Просмотров 9549 месяцев назад
How to Use Global Styles for Your Buttons in GenerateBlocks
Add a Design Accent to Your Headings with GenerateBlocks
Просмотров 2369 месяцев назад
Add a Design Accent to Your Headings with GenerateBlocks
How to Use the Shapes Feature in GenerateBlocks
Просмотров 40910 месяцев назад
How to Use the Shapes Feature in GenerateBlocks
Content that I really search finally I found love you bro ❤
great overview of a elements of a webpage, super helpful
Please tell me your Figma file is only that organized and labeled because you're doing this video 😅 Cause mine are a mess and now I feel like a turd 😂
Hahaha most definitely JUST for this video 🤣
Thank you 🌺
Adam, how can I centre the icon? Mine are a little bit too high...are not vertical centred with the text. Thanks!
In the Icon panel there are padding options, below where you add the icon - add some top padding to push it down a little bit!
Hi Adam, thank you so much for your video. Could you add a vidoe explaining all the options that a container has? Layout, block aligment, flex child, etc? I would really apppreciate it. Thank you.
Thanks man. Legit!
I have tried several times. I clicked in the title box but I don't have the options to change the heading style to h1
I can't make the title a h1. in the blog post. There is a heading called title, I enter the title but it does not allow me to enter a h1 title tag.
You just need to change the GenerateBlocks heading to a H1 heading. Like any other heading with GB. I might be set as a p instead.
it does not give me the option to change it in the title block
Hello, I have a quick question. Ahrefs is stating I have not h1 title for my blog page. How do I make the title show up as h1 tags. I have h2/h3 tags. But the title is not showing as h1.
In your template, you need to make the dynamic page title heading an H1.
I have incorporated some of these into my starter site. Another to add would be your Analytics tracking code. which is for most people going to be Google Analytics. Which would stop people loading another Plugin to do that.
Thanks for sharing. I achieved a similar result with a plugin, but clearly using Generatepress Premium to achieve such a task is better than using a plugin. This might require a bit of a collaborative effort, but a video which went through how you could reduce your plugins by using Generatepress Premium would be an interesting topic. Which re-reading the other comment is more or less the same idea.
Thank you so much!
Hi Adam, how can i show The Selectable available dates, the dates added using ACF repeater !!
Unfortunately, I don't think the GB Query loop supports ACF repeaters.
Thank you Adam
It would be great to have more examples of GP hooks with ideas and visualisations of where it places the content.
Definitely! Great idea, thanks!
Yes! Love Adam's videos.. Also there is a "Hooks Visual Guide" in the GP docs if you haven't seen it. Required reading for me since there's nearly 60 GP hooks and they all overlap in my mind, lol.
@@badcatdesign I’ve seen the visual guide. Yet, when I’ve used some they’ve not quite ended up placing the content where I expected!
I have done exactly as you told it. Including selecting "Full Size Screen Shot". But it, nevertheless made just a screenshot of the portion that was visible. (I had the same issue with the Chrome extension "GoFullPage".) That is odd. And frustrating. (But thanks for the effort.) Oh, the page I wanted to capture was on Reddit. All other pages seem to work. Can you tell, what to do to make full size screenshots work on Reddit, too?
Thank you exactly what i was looking for 🙏
Awesome!
Nice!
Its soooo helpful to use the text styles - espeically once you go to decelop!
@@kylevandeusen yea totally! It really saves a lot of work doing it on the front end in Figma.
Truly good work!
Thanks, mate!
Happy to help!
but how to display footer bar below that custom footer
Just build it in your footer Element with a new container 🙂
Thanks, Adam! Keep'em coming!
Thank you! Any specific areas in Figma you'd like me to cover?
@@adamwrightdesignThere is so much that I would like to know. A video idea could be where you create a nice-looking page in Figma and then recreate that style on a GP site. This would cover a lot of nuances, like how to export styles, create logos, and create designs (arches, patterns, etc.). Hopefully, it makes sense.
A Figma course is much welcomed.
Noted!
Many thanks for the quick look, Adam. Appreciate the effort!
Glad you found it useful!
saved me hours of searching, thanks!!!
Awesome! 🙌
Super handy video Adam, thanks
Hey brother, how can i customize category archives, like tamplate for category archives in elements, what dynamic tags should select in dynamic data, for category name/title, i am not talking about page, i have problem with category archives so can you please make a short video on it, there is no video ok it,❤❤❤❤❤❤
Man I hate thay new page panel because everything opens up in modal off to the side :( feels like MORE clicks to me
I see what you mean, but I kinda like it over having to scroll and open an accordion instead. We'll see if it stays or changes again soon!
The less clicks the better!
Always! 🙌
First
😆
thank you for this no nonsense 1 minute tip!
How images will work in the code in this case ?
I would just use the Image block instead.
Hi, Adam. Came across your video on an online search. Would this work to disable the hamburger view of my mega menu on tablet view *only*? I want the hamburger for mobile but not tablet. I thought I'd ask before experimenting in case I break my site 😅Thanks in advance!
THANK YOU! This was very easy to follow along.
More figma videos like this, please
I'll definitely release more! Thanks for the support 👊
Hi. Nice video. Thx. I have a question : in a text, when i put some words in bold, it's not visible enough. I'd like to configure the font weight but can't see where. Any idea where i can configure ?
This all depends if the font you are using supports Bold, or additional font weights. But you would find this in the Typography panel.
Great, thank you!
Hi Adam, Great tutorial! I have a question for you. I saw on your website, Adam Wright Design, that you have a new design for the query loop where you have the category over the image. I love the idea of doing that, so how do I do that?
Hey Sonia! Thanks so much! To achieve the look I have on my site, you would put the category first, then the featured image below it and add negative margin to that image block. You may need to change the z-index of the category headline block to 2, to bring it on top of the image.
@@adamwrightdesign Hey Adam, thanks. I will try it for sure!
There's no Sticky Navigation option on my Customizer...
Are you using GeneratePress premium or Free?
@@adamwrightdesign the free one
nice.
Thank you Adam! Saved a lot of hassle.
Hey, Adam, Do you also use a customizer to set up where you can specify the margins, or is there a 0 and you only control the content with containers?
I really just use containers to control my content width and margins.
@@adamwrightdesign I see, so the setting in customization is 0 for all sides. OK?
Thanks for this. As always your tutorials are super easy to follow and if it hadn't have been for this video I probably wouldn't have bothered with getting my legacy styles updated! Thanks again.
So glad to hear that!
Question. If the "Blue Button" from the legacy global style has been used throughout the website, then when the new "Blue Button" global style is created and saved, are all the buttons using the legacy "Blue Button" global style automatically updated to use the new global style? Since you mentioned the old global style can be deleted, I would assume that all the buttons automatically get updated to the new global styles system.
No, I don't believe that's how it works. You will have to apply the new global class to each button across your site. Sorry for not explaining that further!
Too many changes in generateblocks. And above all changes that force us to change the way of working. I understand that it is to work better, but no one takes into account the time we need to continually learn. New web developers who don't understand a little CSS are going to have a harder time. :) Thanks Adam for summarizing and explaining this new way of working with generateblocks.
I agree with what you are saying. Right now my end-users are trained to use the legacy global styles system, which is fairly easy to understand because you just pick a style from a dropdown menu. This new system will be far more complicated for the end-user, so I think I'll need to rely even more on "Local Patterns," or what is the new way of using local patterns.
i understand the point you are making but i am going to respectfully disagree with what you are saying. In my humble opinion the new class system is the greatest system i have ever worked with. The GP & GB UI is designed in such a way you can survive with absolutely no css skills at all. The ability to change something once hand have all those changes reflect across the site in an instant is an absolute game changer. I know we had global styles previously but the new setup is a vast improvement.
I feel you, Jose! However, as developers and designers, we have to continue to evolve with the software. Otherwise, our very own expertise and processes will also become dated and obsolete. It's not easy to keep up, but it feels necessary if we want to continue to run a business that's relevant and will last. It's sort of the way of technology - it's always going to evolve.
For me this doesnt work because I dont have the possibility to add a parameter on my bricks UI. Im not even 100% sure you are talking about a query loop in bricks and since I dont see the upload date of the video I dont have a chance to check whether you might be talking about an old version of bricks or acf.
This is aimed at GenerateBlocks and ACF, all recent up to date versions at the time of the video.
Uno de esos tesoros que el ususario medio no sabe que existen, gracias! Si no tienes la traduccion te ofrezco hacer gratuitamente el texto de los subtitulos, aunque supongo saldra por AI automaticamente, y gracias nuevamente por informar de algo tan util y simple, y sin embargo desconocido, supongo que tendra que ver con que vender una app (aunque no sea ni la mitad de eficaz) es mas rentable.
we have to do this for every post ? can we use your this block template in our site in post like importing other templates
You don't do this for every post - you set it up once, and it applies to all your posts automatically.