Gutenberg in Headless WordPress: Render Blocks as HTML

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

КОМЕНТАРІ • 23

  • @kellenmace3948
    @kellenmace3948 3 роки тому +2

    What questions do you have about rendering Gutenberg blocks as HTML in headless WordPress projects? Let us know! 👇

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

      i did what u did i am getting style a bit from the block css but when I try to add some properties from editor nothings changes on react app. what should i do to get the values from the editor to app? please help

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

      @@journeytocoding816 What block are you applying custom styles to in the editor, what are those styles (margin/padding/border/whatever), and do those styles show up in the rendered markup that gets displayed? Like do any inline styles or CSS classes get added to the markup as a result of the styling change you made? That's the way it should work.

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

      ​@@kellenmace3948 Hello Kellen Thank you for taking out time for replying.
      actually i am a beginner and nextjs/react, graphql is new to me.
      I learnt the basics of react and nextjs and now I can understand otherwise I was just blindly doing what u were doing.
      hahahaha!!
      I am Glad I found coder like you. Doing new and good stuff with wordpress.

  • @tommylsu09
    @tommylsu09 8 місяців тому

    Wow! this is gold. Especially styling the post and internal linking for my NextJS WordPress Site

  • @vstrelianyi
    @vstrelianyi 3 роки тому +2

    useful and rare content! keep it going, man!

  • @AnoopD2013
    @AnoopD2013 3 роки тому +2

    Already gone through your article on it :)

    • @kellenmace3948
      @kellenmace3948 3 роки тому +2

      Nice- thanks for checking it out! I hope it was helpful 🙌

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

    This was so helpful! Keep it going!

    • @WPEngineBuilders
      @WPEngineBuilders  Рік тому +1

      Thanks, if you were interested in dealing with Gutenberg blocks check out this video that has the most recent work we're doing in this space: ua-cam.com/video/tt0ZNbB8KCQ/v-deo.html

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

    Doing a great job ........ !! Thank you for the great content .

    • @kellenmace3948
      @kellenmace3948 3 роки тому +2

      Thanks so much, Anoop! We appreciate your support 😊

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

    This was very helpful.... thanks

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

    Thanks for providing the replace script for fixing interal links! I was little bit suprised that this was done in backend. Experimented with ACF Link via WPGraphQL today, replacement is also needed here if internal pages are linked to. Therefore I thought about that link replacing could be done in the frontend project because its where it is really needed? 🤔

  • @ShalawFatah
    @ShalawFatah 3 роки тому +2

    Is it possible to render ACF's flexible content or repeater fields in Headless WP ?

  • @keywordniches2207
    @keywordniches2207 5 місяців тому

    hi, is there a way to get html and css working in the gutenberg editor for example i want to convert my old site into a gutenberg wordpress site. I know there is a way to go to inspect source and then insert the raw html css into the editor but for some reason i can not get it to be editable into gutenberg. Do you know how to solve this?

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

    Very nice videos dude

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

    Hi, great video thanks.
    I use wordpress as headless cms and gatsby.
    I try to build wordpress post layout in gatsby but don’t well.
    I loading Gutenberg css and theme css but part of block in example Garally don’t build layout and resposible.
    I get enqureStylesheet by wpgraphql.
    Do you think another way of building wordpress post layout in gatsby?
    Thanks.

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

    I tried the plugin and it doesn't change the link in the REST API. Does it work with REST API as well?

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

      Oh I realized it only changes the internal link in the content.rendered JSON. Thanks!

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

      But I wonder if there is a way to change the rest of the url as well. For example the menu link and link to posts/pages

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

    Do you have a solution to get gutenberg color palette classes?

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

    Are there any HTML parser(s) for Svelte?