7. Gutenberg from Scratch: Create a Custom Media Uploader

Sdílet
Vložit
  • čas přidán 9. 09. 2024
  • GitHub Repository:
    github.com/Ale...
    Check out Elementor: bit.ly/2q10nRo
    :: Support Me ::
    / alecaddd
    www.alecaddd.co...
    amzn.to/2Hcp5mo
    Try SkySilk VPS: bit.ly/2xrm79p
    NordVPN: go.nordvpn.net...
    :: Tutorial Series ::
    WordPress Plugin Series: bit.ly/2FEWdmK
    WordPress 101 - Create a theme from scratch: bit.ly/1RVHRLj
    WordPress Premium Theme Development: bit.ly/1UM80mR
    WordPress Mega Menu: bit.ly/2ucxSO4
    Laravel from Scratch: bit.ly/2Aaoekr
    Learn SASS from Scratch: bit.ly/220yzmZ
    Design Factory: bit.ly/1X7Csaz
    Affinity Designer: bit.ly/1X7CrDA
    :: My Website ::
    alecaddd.com/
    :: Follow me on ::
    Twitter: / alecaddd
    Google+: bit.ly/1Y7sunz
    Facebook: / alecadddpage

Komentáře • 32

  • @npc2016
    @npc2016 Před 5 lety +40

    If you get the error: Invariant Violation: "Minified React error #152;
    then put return ( ... ) around ...

    • @XerosXIII
      @XerosXIII Před 5 lety +3

      my npc!! my hero!!

    • @Arttyor
      @Arttyor Před 4 lety

      How did you find out about this?

    • @leprottaontheconsole
      @leprottaontheconsole Před 4 lety

      OMG! Thank you! How did you find this solution?

    • @hubvill284
      @hubvill284 Před 4 lety +11

      Another option is to change the render callback opening curly brackets to round brackets. So render={ ( { open } ) => { ... } would become render={ ( { open } ) => ( ... )

    • @DonatedPegasus
      @DonatedPegasus Před 4 lety

      Love u

  • @igorkovacevic2792
    @igorkovacevic2792 Před 3 lety

    Thank you for this golden content. I also kinda feel this one was a bit rushed compared to other episods, but still most detailed guide on youtube :)

  • @tehmansardar2525
    @tehmansardar2525 Před 5 lety

    O Thank God after long time.

  • @PanCakeMixer101
    @PanCakeMixer101 Před 5 lety

    the thing is that on the editor the block shows fine but on preview or the pages/posts where it is embedded it is not being rendered, although both the edit and save method has the same html markup when it is being returned .

  • @amirrahman853
    @amirrahman853 Před 2 lety +1

    is there any good reason why they have made it with such ugly syntaxes where we already have plain html and js which works perfectly ? i mean i can build multiple custom forms with plain html and js in the time which it is taking to use integrated system

    • @alecaddd
      @alecaddd  Před 2 lety

      The WP devs decided to adopt React for their JavaScript approach and consequentially, since WordPress never had server side loading built-in, a lot of things under the hood had to change and a lot of tools had to be built from scratch.
      Things are slowly getting better, but indeed, this new approach is very jarring for users used to plain PHP and JS.

  • @rahulmohite3367
    @rahulmohite3367 Před 4 lety

    How do I style the default Wordpress audio player with CSS please make this video

  • @user-xf4ix8mx2b
    @user-xf4ix8mx2b Před 4 lety

    Hi! Can enyone explain how to predefine some attibutes data? I mean How to preset, for instance, some data which was got from AJAX to attibute?

  • @martinbowman1993
    @martinbowman1993 Před 5 lety

    I am having a hard time finding information on how to add a shortcode to a custom page in a custom post type.
    The plugin currently lists the shortcode as a classic block and it will work, but if I cut and paste it into the shortcode block it allow me to save the page.

  • @SyedAwonAbbas
    @SyedAwonAbbas Před 5 lety +2

    Pro coding. Thanks for sharing...
    What's the source of all this stuff? I mean documentation..

    • @alecaddd
      @alecaddd  Před 5 lety +1

      Official WP documentation: developer.wordpress.org/block-editor/

  • @masoudch9151
    @masoudch9151 Před 5 lety

    hi Alessandro. Are there places to find a job in web designing especially WordPress theme design in Canada?
    I want to emigrate to Canada in 2022. thanks.

  • @XerosXIII
    @XerosXIII Před 5 lety +1

    Beyond the tutorials, I find these are pretty hard to build, does not seem to make sense to spend all these time to learn something so obscure

  • @arete_
    @arete_ Před 5 lety

    Hi Alessandro, what is going to happen to that image once the theme is changed? It will probably disappear, right? One of my worries with diving into Gutenberg is the consistency of content across themes. To me, it sounds like a step backward when the content is not consistent across themes. Like for instance if you add custom block colors to the theme, use them in a post and then later change the theme you will miss the colors (I assume). I would love if you could shed some light on this. Personally, I feel like I am holding back on Gutenberg 😟

    • @alecaddd
      @alecaddd  Před 5 lety +1

      This applies to any theme related customization, not just Gutenberg.
      If you have a custom function in your theme's functions.php file, once the user changes theme all your settings are gone. You can avoid these issues by developing your custom Gutenberg blocks as a standalone plugin.

  • @user-xd3ez1gd5u
    @user-xd3ez1gd5u Před rokem

    У кого не работает, на 2023 год нужно поменять фигурные скобки на круглые
    (

    Background Image

    ) }/>

  • @afmarchetti
    @afmarchetti Před 4 lety

    Next video?

  • @ClearCrystalRu
    @ClearCrystalRu Před rokem

    " rendrer = { ( { open } ) => { " in this video turn to " rendrer = { ( { open } ) => ( " in next video
    )))))

    • @elsen570
      @elsen570 Před rokem

      Many thanks you spared me hours to make it work