6. Gutenberg from Scratch: How to Use the ColorPalette Element

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 • 21

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

    And finally alex here again 💙

  • @bjornzschernack7653
    @bjornzschernack7653 Před 2 lety

    Thanks a lot for these lessons.. this was my entry to wp blocks. Merci beaucoup

  • @masoudch9151
    @masoudch9151 Před 5 lety +5

    hi Alessandro. can you start to tutorial for woocommerce premium theme from scratch? thanks alot.

  • @frankescramosa8788
    @frankescramosa8788 Před 3 lety

    You're a total life saver!

  • @vitalii7855
    @vitalii7855 Před 4 lety

    Wordpress company had a great idea to create a page builder tool. But they got a rather strange plugin.
    You should know really lots of things for creating the simplest block. But the worst thing that you can lost all your date if you find and fix a bug few monthes later.
    I worked with all the most famous page builder plugins. I think WPBakery is one of the easiest for creating custom blocks.
    Alex, thank you so much for your videos. You really help us to gain so difficult knowlage like Gutenberg. Have a nice day!!!

  • @pasizdobrekuce
    @pasizdobrekuce Před 4 lety +1

    If anyone wants to disable that anoying color picker so that user can not "design" add disableCustomColors on ColorPalette component.

  • @anshul10550
    @anshul10550 Před 4 lety +1

    Hi Alessandro ,
    I made a inspector control with 5 select control,
    Which have 5 CSS property for a div.
    How should I pass the value of all that 5 select control on a div.

  • @nemanja747
    @nemanja747 Před 4 lety +1

    As usual great explanation from Alex ..... PS: If you don't have any experience with React it will be really hard to understand this concept

    • @JonathanLoganClark
      @JonathanLoganClark Před 3 lety

      I am experienced with modern vanilla JavaScript and had zero experience with React before this tutorial... and the tutorial makes sense to me. The tutorial has made me more interested in React though.

  • @rider3878
    @rider3878 Před 8 měsíci

    How to make :hover color selection?

  • @hienngoc5842
    @hienngoc5842 Před 2 lety

    Error: Failed to set an indexed property on 'CSSStyleDeclaration': Indexed property setter is not supported.
    Help me....How to fix this? :((

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

    Where can I find a good documentation of Gutenberg custom blocks?

    • @rahulpamnani6574
      @rahulpamnani6574 Před 4 lety

      developer.wordpress.org/block-editor/tutorials/block-tutorial/writing-your-first-block-type/

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

    What about if i want to change the color of one word in the title or the body?? Is that possible

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

      omg who want change only one word!!

    • @ABOUHILALBadr
      @ABOUHILALBadr Před 5 lety

      @@muratdeniz7547 if there is any special word on a text maybe??

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

    5:48 Инспектор контрольс

  • @a99986
    @a99986 Před 9 měsíci

    do i memorize the code

  • @moneerfahmy741
    @moneerfahmy741 Před 4 lety

    How to add javascript code inside wp.element.createElement( .... ); ?
    I have a plugin in js code written like this :
    const plugin = new Plugin( "#id", { Options });
    I made a solution but not working because script added to document before returned div
    please help me how to add script code with returned div in react ? thanks
    edit: function ( {isSelected} ){
    var script = document.createElement( "script" );
    script.setAttribute( 'type', 'text/javascript');
    script.setAttribute( 'id', 'xyz-theme-fashion-mili');
    script.innerHTML = (function(){
    "use strict"
    var id = jQuery( '#datasdlasd' );
    console.log( id.html() );
    })(jQuery);
    document.body.appendChild( script );
    return Hello my div !
    },

  • @stpengineering
    @stpengineering Před 5 lety

    Funziona!
    Ho soltanto un piccolo problema nella minificazione del file index.js. Il file viene compilato normalmente ma non minificato. Per poterlo generare devo lanciare il comando "npm run build:scripts" al termine
    Questa dovrebbe essere la causa:
    i.postimg.cc/h4TzMFzs/Annotazione-2019-06-19-110819.jpg
    i.postimg.cc/kX85qWFy/Annotazione-2019-06-19-112055.jpg

  • @insanecuckooman8342
    @insanecuckooman8342 Před 2 lety

    omg srsly? elementor is the BEST page builder? not even one of the good ones. psssh