Awesome Icons with the Gutenberg Block Editor

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 22

  • @BizAndProductReviews
    @BizAndProductReviews 2 роки тому +1

    Thankyou Jamie for explaining SVG's. I didn't know anything about them until you mentioned them in this video. I'm likely going to use those whenever I'm putting icons into my websites now. You are an excellent teacher.

  • @erichepperlewp
    @erichepperlewp 9 місяців тому

    Great video Jamie! For anyone looking for how to align center: The align center option is for vertical. To align in the middle horizontally click the "Change items justification" button in the Gutenberg context menu

  • @Cryptomaniax
    @Cryptomaniax 3 місяці тому

    Thank you for this simple explanation. Great video

  • @barsk76
    @barsk76 3 роки тому +1

    I am tired of adding your videos to my Gutenberg favorites :) Thank you Jamie. 👌

    • @jamiewp
      @jamiewp  3 роки тому +1

      thanks Baris :)

  • @ManuelParodiRamos
    @ManuelParodiRamos 2 роки тому

    Hi Jamie and thanks for your videos, hitting the bell most times. Now to my question. I recently started with a podcast, and I´m still struggling to create a website to go with it. I see that within social icons there are spotify, but not apple podcast. How do I get an apple podcast icon on my site?

  • @DaJungleDred
    @DaJungleDred 2 роки тому

    Another awesome post thank you for sharing 👍👍👍👍

    • @jamiewp
      @jamiewp  2 роки тому

      Thanks Simon 🙏

  • @hydro58
    @hydro58 10 місяців тому

    Great stuff! Thank you. Looks great on desktop with icon arrown in left row, text in right but on mobile they are way apart. Any solutions?

    • @jamiewp
      @jamiewp  10 місяців тому

      Can you share a link ?

  • @annetravel5935
    @annetravel5935 3 роки тому

    Thank you. I have recently added icons to my new little sites but couldn't put it next to the text. That's great! Off to edit my posts with the text next to the icon. I think it reads better.

  • @benappiah-poku9491
    @benappiah-poku9491 2 роки тому

    Bless you.

  • @digitalmumlife1
    @digitalmumlife1 3 роки тому

    Thank you. Will it slow our website?

    • @jamiewp
      @jamiewp  3 роки тому

      nope - svg's are super fast :)

  • @atinamoon
    @atinamoon 2 роки тому

    Another great thing I've learnt easily thank you.

  • @orlandobritain
    @orlandobritain 3 роки тому

    I like your videos but am finding block editor the most frustrating thing I have ever used. I thought I would try convert my companies Elementor homepage (and a section of the header) and redesign the with block editor but 2 days in and I think I might just stick with Elementor (even though I am with you on the reasons for dropping elementor). The functionality in this video does not seem to work for me - dragging the second icon into the same row, it just goes above not beside. am I missing something? thanks

    • @jamiewp
      @jamiewp  3 роки тому

      Hi Orlando - what theme are you using?

    • @orlandobritain
      @orlandobritain 3 роки тому

      @@jamiewp Hi Jamie, I'm using OceanWP.
      I had another attempt this morning on another test website (also running oceanwp). I noticed, you have to have Gutenberg installed in order to have the Row block, (my other install said to remove Gutenberg because "The Gutenberg plugin may contain non-final features which may not be compatible with some block plugins. Please deactivate the Gutenberg plugin")... No Gutenberg = no rows block.
      With the rows block, once key thing I had to do to attempt to achieve this video was to switch off 'Allow to wrap to multiple lines' in the list editor whilst over the row (root level)... then it allowed me to put blocks beside each other, however there is a big gap between the blocks - e.g. 2 blocks would take up 50% page width each so text is not beside icon. They blocks do not drop in right next to each other like on this video.
      I have tried to do this using 'Icon Label' by stackable (4 icon text pairs beside each other) - looks acceptable when viewed as template in themes library but when rendered on web page it puts it into 4 rows stacked on top of each other - the polar opposite of what is wanted.

  • @lihuaizhi
    @lihuaizhi 3 роки тому

    ok goat