Adam Wright Design
Adam Wright Design
  • Видео 76
  • Просмотров 109 255
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!
Просмотров: 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

Комментарии

  • @CricpkApp
    @CricpkApp 4 дня назад

    Content that I really search finally I found love you bro ❤

  • @kentio
    @kentio 5 дней назад

    great overview of a elements of a webpage, super helpful

  • @TheAdminBar
    @TheAdminBar 6 дней назад

    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 😂

    • @adamwrightdesign
      @adamwrightdesign 3 дня назад

      Hahaha most definitely JUST for this video 🤣

  • @finatureka
    @finatureka 6 дней назад

    Thank you 🌺

  • @ClaudiuOvidiuStoica
    @ClaudiuOvidiuStoica 10 дней назад

    Adam, how can I centre the icon? Mine are a little bit too high...are not vertical centred with the text. Thanks!

    • @adamwrightdesign
      @adamwrightdesign 10 дней назад

      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!

  • @theartistinus
    @theartistinus 10 дней назад

    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.

  • @pachecopeace
    @pachecopeace 12 дней назад

    Thanks man. Legit!

  • @jellycrackersmerch8221
    @jellycrackersmerch8221 13 дней назад

    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

  • @jellycrackersmerch8221
    @jellycrackersmerch8221 13 дней назад

    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.

    • @adamwrightdesign
      @adamwrightdesign 13 дней назад

      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.

    • @jellycrackersmerch8221
      @jellycrackersmerch8221 13 дней назад

      it does not give me the option to change it in the title block

  • @jellycrackersmerch8221
    @jellycrackersmerch8221 13 дней назад

    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.

    • @adamwrightdesign
      @adamwrightdesign 13 дней назад

      In your template, you need to make the dynamic page title heading an H1.

  • @charleswillcock3235
    @charleswillcock3235 13 дней назад

    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.

  • @charleswillcock3235
    @charleswillcock3235 14 дней назад

    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.

  • @digital_aviator
    @digital_aviator 16 дней назад

    Thank you so much!

  • @amirmirza5338
    @amirmirza5338 18 дней назад

    Hi Adam, how can i show The Selectable available dates, the dates added using ACF repeater !!

    • @adamwrightdesign
      @adamwrightdesign 16 дней назад

      Unfortunately, I don't think the GB Query loop supports ACF repeaters.

  • @mikeparry4353
    @mikeparry4353 19 дней назад

    Thank you Adam

  • @alexmorgan85
    @alexmorgan85 20 дней назад

    It would be great to have more examples of GP hooks with ideas and visualisations of where it places the content.

    • @adamwrightdesign
      @adamwrightdesign 20 дней назад

      Definitely! Great idea, thanks!

    • @badcatdesign
      @badcatdesign 19 дней назад

      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.

    • @alexmorgan85
      @alexmorgan85 19 дней назад

      @@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!

  • @derbgentler3868
    @derbgentler3868 23 дня назад

    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?

  • @grumpykoala6896
    @grumpykoala6896 25 дней назад

    Thank you exactly what i was looking for 🙏

  • @bhavleen00
    @bhavleen00 26 дней назад

    Nice!

  • @kylevandeusen
    @kylevandeusen 26 дней назад

    Its soooo helpful to use the text styles - espeically once you go to decelop!

    • @adamwrightdesign
      @adamwrightdesign 26 дней назад

      @@kylevandeusen yea totally! It really saves a lot of work doing it on the front end in Figma.

  • @visualmodo
    @visualmodo 29 дней назад

    Truly good work!

  • @frostycap
    @frostycap 29 дней назад

    Thanks, mate!

  • @samarthredekar52
    @samarthredekar52 Месяц назад

    but how to display footer bar below that custom footer

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      Just build it in your footer Element with a new container 🙂

  • @bhavleen00
    @bhavleen00 Месяц назад

    Thanks, Adam! Keep'em coming!

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      Thank you! Any specific areas in Figma you'd like me to cover?

    • @bhavleen00
      @bhavleen00 Месяц назад

      @@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.

  • @DesignCodeToken
    @DesignCodeToken Месяц назад

    A Figma course is much welcomed.

  • @luckycatcreative
    @luckycatcreative Месяц назад

    Many thanks for the quick look, Adam. Appreciate the effort!

  • @wordpresswithayoub
    @wordpresswithayoub Месяц назад

    saved me hours of searching, thanks!!!

  • @IainMace
    @IainMace Месяц назад

    Super handy video Adam, thanks

  • @samarthredekar52
    @samarthredekar52 Месяц назад

    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,❤❤❤❤❤❤

  • @kylevandeusen
    @kylevandeusen Месяц назад

    Man I hate thay new page panel because everything opens up in modal off to the side :( feels like MORE clicks to me

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      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!

  • @deepatton7855
    @deepatton7855 Месяц назад

    The less clicks the better!

  • @kylevandeusen
    @kylevandeusen Месяц назад

    First

  • @shookmusic
    @shookmusic Месяц назад

    thank you for this no nonsense 1 minute tip!

  • @adityagaonkar3057
    @adityagaonkar3057 Месяц назад

    How images will work in the code in this case ?

  • @eleanor.shadow
    @eleanor.shadow Месяц назад

    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!

  • @NextGenMarketers
    @NextGenMarketers Месяц назад

    THANK YOU! This was very easy to follow along.

  • @bhavleen00
    @bhavleen00 Месяц назад

    More figma videos like this, please

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      I'll definitely release more! Thanks for the support 👊

  • @vchan8103
    @vchan8103 Месяц назад

    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 ?

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      This all depends if the font you are using supports Bold, or additional font weights. But you would find this in the Typography panel.

  • @willyosorto
    @willyosorto Месяц назад

    Great, thank you!

  • @SoniaZannoni
    @SoniaZannoni Месяц назад

    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?

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      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.

    • @SoniaZannoni
      @SoniaZannoni Месяц назад

      @@adamwrightdesign Hey Adam, thanks. I will try it for sure!

  • @troycastle5640
    @troycastle5640 Месяц назад

    There's no Sticky Navigation option on my Customizer...

  • @puzosuttichai
    @puzosuttichai Месяц назад

    nice.

  • @Pauljb1111
    @Pauljb1111 2 месяца назад

    Thank you Adam! Saved a lot of hassle.

  • @suchomil1
    @suchomil1 2 месяца назад

    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?

    • @adamwrightdesign
      @adamwrightdesign 2 месяца назад

      I really just use containers to control my content width and margins.

    • @suchomil1
      @suchomil1 2 месяца назад

      @@adamwrightdesign I see, so the setting in customization is 0 for all sides. OK?

  • @TomBoyNI
    @TomBoyNI 2 месяца назад

    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.

  • @TimTaricco
    @TimTaricco 2 месяца назад

    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.

    • @adamwrightdesign
      @adamwrightdesign 2 месяца назад

      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!

  • @jose.fonterosa
    @jose.fonterosa 2 месяца назад

    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.

    • @TimTaricco
      @TimTaricco 2 месяца назад

      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.

    • @IainMace
      @IainMace 2 месяца назад

      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.

    • @adamwrightdesign
      @adamwrightdesign 2 месяца назад

      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.

  •  2 месяца назад

    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.

    • @adamwrightdesign
      @adamwrightdesign 2 месяца назад

      This is aimed at GenerateBlocks and ACF, all recent up to date versions at the time of the video.

  • @ironbitx
    @ironbitx 2 месяца назад

    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.

  • @MuhammadIdrees-jd5nh
    @MuhammadIdrees-jd5nh 2 месяца назад

    we have to do this for every post ? can we use your this block template in our site in post like importing other templates

    • @adamwrightdesign
      @adamwrightdesign Месяц назад

      You don't do this for every post - you set it up once, and it applies to all your posts automatically.