GenerateBlocks
GenerateBlocks
  • 13
  • 42 253
GenerateBlocks - Asset Library Demonstration
This video demonstrates how to use the Asset Library feature in GenerateBlocks Pro.
References:
docs.generateblocks.com/article/asset-library/
getwaves.io/
jakearchibald.github.io/svgomg/
#wordpress #gutenberg #generatepress #generateblocks #tutorials
Переглядів: 4 964

Відео

GenerateBlocks - Using Custom SVG Icons
Переглядів 10 тис.3 роки тому
This video demonstrates how to use custom SVG icons in headline and buttons blocks from GenerateBlocks. References: icons.getbootstrap.com/ fontawesome.com/ jakearchibald.github.io/svgomg/ #wordpress #gutenberg #generatepress #generateblocks #tutorials
GenerateBlocks - How to Replicate #7: Clickable hover box template from GenerateBlocks Pro
Переглядів 1,9 тис.3 роки тому
This video shows how to replicate a clickable hover box template from GenerateBlocks pro. It uses options such as shapes, container links, translation and transition effects. #wordpress #gutenberg #generatepress #generateblocks #tutorials #hero #shapes #effects
GenerateBlocks - Global Styles Demonstration
Переглядів 6 тис.3 роки тому
This video demonstrates the Global Styles feature available in GenerateBlocks pro. References: generateblocks.com/pro/ docs.generateblocks.com/article/global-styles/ #wordpress #gutenberg #generatepress #generateblocks #tutorials
GenerateBlocks - Apply Transforms, Transition and Box-shadow Effects to the Template Library Blocks
Переглядів 3,5 тис.3 роки тому
This video demonstrates when the transform, transition and box-shadow effects can be used using examples from the template library of GenerateBlocks pro. References: generateblocks.com/pro/ ua-cam.com/video/YLXclTycS9s/v-deo.html #wordpress #gutenberg #generatepress #generateblocks #tutorials #effects #transform #trasition #boxshadow
GenerateBlocks - Transform Effect Demonstration
Переглядів 1,9 тис.3 роки тому
This video demonstrates the transform effect options available in GenerateBlocks pro. References: generateblocks.com/pro/ docs.generateblocks.com/article/effects-overview/#transform-types #wordpress #gutenberg #generatepress #generateblocks #tutorials #effects #transform #trasition
GenerateBlocks and GenerateBlocks Pro Installations
Переглядів 4,3 тис.3 роки тому
Documentation: docs.generateblocks.com/article/installing-generateblocks-pro/
GenerateBlocks - How to Replicate #6: A Hero from Template Library of GenerateBlocks pro
Переглядів 2 тис.4 роки тому
This video will show how to replicate a Hero from the template library of GenerateBlocks pro. The focus here is to show how to implement multiple shapes that overlap within one container. References: generateblocks.com/ generatepress.com/ #wordpress #gutenberg #generatepress #generateblocks #tutorials #hero #shapes
GenerateBlocks - How to Replicate #5: Hero from Template Library
Переглядів 1,4 тис.4 роки тому
This video will show how to replicate Hero 14 from the template library of GenerateBlocks pro. It should provide some good introduction to the background gradient and shape options. References: generateblocks.com/ generatepress.com/ #wordpress #gutenberg #generatepress #generateblocks #tutorials
GenerateBlocks - How to Replicate #4: Custom Footer from Stream
Переглядів 1,1 тис.4 роки тому
This tutorial video shows how to replicate the custom footer in the Stream template from GeneratePress's site library with the block element module and GenerateBlocks. References: generatepress.com/ gpsites.co/stream/ docs.generatepress.com/article/block-element-overview/ generateblocks.com/ #wordpress #gutenberg #generatepress #generateblocks #columns #tutorials
GenerateBlocks - How to Replicate #3: Menu Layout from Grill
Переглядів 1,4 тис.4 роки тому
This tutorial demonstrates how to replicate the menu layout of the Grill template in GeneratePress' site library. It showcases the basic yet powerful options the 4 GenerateBlocks provides for the Gutenberg editor plus a sneak preview of the effects options in GenerateBlocks pro. References: generateblocks.com/ generatepress.com/premium/ gpsites.co/grill/?page_id=25 #wordpress #gutenberg #genera...
GenerateBlocks - How to Replicate #1: GP Premium Modules Section
Переглядів 1,5 тис.4 роки тому
This tutorial demonstrates how to replicate the GP Premium modules section with GeneratePress and GenerateBlocks. It showcases the basic yet powerful options the 4 GenerateBlocks provides for the Gutenberg editor. References: generateblocks.com/ generatepress.com/premium/ #wordpress #gutenberg #generatepress #generateblocks #columns #tutorials
GenerateBlocks - How to Replicate #2: GP Premium Pricing Table
Переглядів 2,3 тис.4 роки тому
This tutorial demonstrates how to replicate the pricing table of GP Premium with GenerateBlocks and GeneratePress. It showcases the basic yet powerful options the 4 GenerateBlocks provides for the Gutenberg editor plus a sneak preview of the effects options in GenerateBlocks pro. References: generateblocks.com/ generatepress.com/premium/ #wordpress #gutenberg #generatepress #generateblocks #col...

КОМЕНТАРІ

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 10 місяців тому

    This is very cool, GenerateBlocks is a great product

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

    Thank you.. 2024.

  • @pigital_it
    @pigital_it Рік тому

    Is this the Premium version of Generateblocks or the free one?

  • @charleswillcock3235
    @charleswillcock3235 Рік тому

    Great video - but for most people these applied on many websites would be seen as pretty annoying! I need to see some applications in the real world.

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

    Hi Leo, will you implement animations?

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

    7:45 Create first h2 in page, select, turn on global style, select global style ; Go to next container, create second h2, select, turn on global style, select global style … → Many repetitive steps! 👉 Is it possible to simply copy the first h2 with the already assigned style, and then paste it into the second and third block each, and this pastes an h2 with the global style assigned? That would be my preferred workflow.

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

    4:20 UX feedback: 1) Add container 2) Toggle on [√] Global style 3) Dropdown [ Choose... ▾ ] 👉 You could simplify the interaction design of this by combining 2+3 into just 1 UI element/step. Simply rename the dropdown to [ Choose global style … ] and get rid of the toggle. ℹ Only advantage of separating toggle + style-selector: You could keep the style and temporarily toggle off, and then on again without needing to select the style again. Analogy in code: Commented CSS class which you outcomment again, instead of completely deleting the CSS class and retyping again later. 👍 Toggling but keeping the class is a big flexibility advantage indeed. Is this use case supported in GenerateBlocks? Then this UX is justified. 👉 Still improvable: Make the dropdown a combobox. When toggling on, focus is already in combobox, ready for typing and autocompletion and selecting with ENTER. 👉 As long as you want/have to stay with the dropdown-menu: There's still one possible improvement: As there are possibly anyhow only few classes per block-element-type, maybe the better design is to just preselect the last used one. Then in many cases you are done already. If you want something else then you need to click. Which in the current UX you need to do each time (cumbersome!).

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

    Is it possible to bulk import from a library? Say the Bootstrap icons. The same import group option didn't work for me.

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

    Lov these tutorials! Thanks

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

    horrible background bass on the audio of this video. great video though.

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

    how to start effect after page load, maybe rotating infinity element? (in expl. you've shown only hover )

    • @PaulHigginbottom-uh6kp
      @PaulHigginbottom-uh6kp 11 місяців тому

      transitions don't seem to work after page load... only on hover events :/

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

      ​@@PaulHigginbottom-uh6kp I think that it need to be scale on any types of events not only hover

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

    On Fontawesome there's a copy SVG button now next to the download button.

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

    Hey Leo, can I change the size of the icon?

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

      It has something with the last step. If I paste the code without the last step, size of the icon is good. If I paste the code with the last step, I cannot change the icon size, even if I change height and width. It is really small.

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

      @@nenadmilunov2065 @Leo Hsiang even if to me! It's all correct but when i optimize it with the last step on my block i can't change the size. Is it correct? Nenad did you find the solution then? Thanks

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

    The sales page said this stuff was "pre-built" and can be imported with a "few clicks" Why the hell are we trying to "replicate", and why isn't there any real tutorials on how to use the plugin? This is so frustrating.

  • @bradfranklin-j66co
    @bradfranklin-j66co 3 роки тому

    Nice!

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

    Don't forget to add the license key in GenerateBlocks->Settings in the WP backend

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

    Leo is my favorite

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

    Why is this all? Where is the animation on scroll? Who needs hover effects now?

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

    wow,. very interesting. How do I change the size and color?

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

    Leo!! It is your new UA-cam channel!????

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

      Nope this is the GB channel. We have a separate one for GP :)

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

      Oh sorry my mistake 🤦‍♂️ Leo I have a question, generateBlock is different plugin or it's default items in generatpress premium....!?

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

    Great!!!!🎉

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

    Great video! I have a little problem creating the footer with GenerateBlocks. I have tried all possible configurations, width options and hooks types but when I publish the footer 2 vertical blank bands appear on both sides of the footer. Have you had this problem before?

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

    Thanks for the tuto. We very much miss the hover effect demo on the images.

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

    Why don't you use UL for the list? I'm cringing on multiple Hs for that task. Makes no sense semantically.

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

    How do you make this a homepage without the title of the post showing up? Thanks!

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

      You would follow the exact steps in the video and assign to the home page. The "Stay connected..." text isn't the page title.

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

      @@leohsiang7887 Thanks, when I do this, the title "home" shows up

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

    how to make home slider need Video

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

      You'll need a slider plugin if you want one for your site. GenerateBlocks is mainly for styling layouts.

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

      @@elvinabquina7853 without plugin ,, Need mainly make.

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

      You will need a custom solution without a plugin. Features like sliders are best handled by a specific plugin.

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

      @@leohsiang7887 yes.

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

    It would be good to be able to save a global asset library somewhere in the cloud for global access. Just an idea for a future version?

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

      Not sure if that's possible without making things complicated. I think the import/export option mentioned at the end of the video is the best solution for now.

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

      This idea sounds similar to what Kadence will be releasing in the next month or so.

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

      If you maintain a starter site, you can build your own global asset library as part of that. When you clone the site for a new build, you have all your assets.

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

    Yessss I needed to know this! Thank you!

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

    Thanks, Leo, that's very helpful. I hadn't come across Bootstrap Icons before so that's another useful resource I have learned from you.

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

      Glad to hear! I just discovered that last week as well...

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

    When I add a paragraph at the 8:20 second mark, I do not get the spacing options on the right side menu

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

      That is using a headline block from GenerateBlocks with P selected: docs.generateblocks.com/article/headline-overview/ docs.generateblocks.com/article/headline-overview/#element

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

      @@leohsiang7887 thanks for replying! I figured that out finally, but at least it is documented here for others to see.

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

    Thank you for this great video! Any chance you can add the links for the sites you used in this video?

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

    Hi, I think you forgot to put the links to the websites in... Great resources, thanks Leo

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

    This would be useful for buttons.

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

    Thank you very much for the content, is there a way to apply effects, transitions or transformations to an image that is inside a container?

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

      I could already solve it, I had a problem with the class to select the image! I appreciate your time for the content of the video * Self-translated text

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

    Thanks Leo, great info on this one! One thing I noticed, after 8 minutes in, you had trouble grabbing the slider control to adjust the color opacity - I find this sometimes too - is this a known issue? I find I have to click somewhere in the middle of the slider, then I can control it! Dave

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

      Hey Dave! Honestly not sure why it happened. Haven't noticed it before. I'll try to see if I replicate it somehow. Let me know if you know how :)

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

    Wow that's impressive. I can already tell once I get used to this it's gonna be painful to not have this available across any non-GB blocks :(

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

    well done

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

    Hi, what's the difference between blocks and pro blocks? Thanks.

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

    Thanks!

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

    Why create two plugins to do one thing? I don't get this logic. If you have a free version, have a free version. But if you have a pro version, it should not be dependent on another plugin or the free version ...

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

      I do like the idea of the Pro plugin including the features or framework or whatever that is in the free version. Then I could just install the pro plugin and have one less plugin on the site. But it seems that the two plugin way of doing things is rather common. For example, SEOPress Pro involve installing two plugins - both the free edition and the pro edition. But why?

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

      @@brentwilson5 I agree .. but why? Too many plugins create bloat and slow your site down. There is no need for that and there are many Pro plugins out there that don't do the "two plugin" model.

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

      @@zensukai It doesn't matter how many plugins you have or activated, It would not slow your site, it depend on how the plugin works.. merging it into one doesn't make your site faster than 2 plugin

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

    Good show Leo. I expect lot more videos in coming time. Please add more ready to use templates also at Library. All the best.

  • @ecomturbo6027
    @ecomturbo6027 4 роки тому

    Very interesting video Leo! Thank you.

  • @MarcelReschke
    @MarcelReschke 4 роки тому

    Awesome! I wonder if transforms can be part of Global Styles.

  • @scottkepnesmusic
    @scottkepnesmusic 4 роки тому

    Excellent video Thanks!

  • @mateuszb4387
    @mateuszb4387 4 роки тому

    I belive that this kind of materials is what sells the product in the first place. Not even what can I do, but how can I do it...

  • @iamYasin22
    @iamYasin22 4 роки тому

    Amazing i love it

  • @tarunkashyap1041
    @tarunkashyap1041 4 роки тому

    The images also have a hover effect in the Gp premium site how to create that with Generateblocks

  • @shlommi
    @shlommi 4 роки тому

    It's awesome! where and when I can get the GenerateBlocks pro? and there will be a lifetime price?

  • @zooner7256
    @zooner7256 4 роки тому

    These videos are absolute gold, Leo.