Turning wordpress/components into blocks

  • robbiedev

    (@robbiedev)


    3 years, 7 months ago

    I have been combing through the documentation and looking for tutorials. I’m sure I must be missing something, but this seems like a simple thing.

    I can see that there exists “@wordpress/components” and I can successfully add, for example, a <Card> component – complete with <CardHeader> and <CardBody> into my edit.js and see it rendered beautifully in the block editor. However, when I add the <Card>,<CardHeader, and <CardBody> to the save.js I do not see anything rendered at all. Not even the text inside. It will render when I create a <div class=”myCard,myCardHeader,etc.”> but that hardly makes this a time saver. Is there a step I am missing? I can’t see any meaningful error logs or anything like that.

    Is there a tutorial that simply walks through taking one of these components and turning it into a custom block?

    I started with the gutenberg pride block. That works great and I’ve been able to make a few useful blocks with just that knowledge, but it would be nice to be able to use these pre-built components to add functionality for our users.

    Thanks!

Viewing 1 replies (of 1 total)
  • Sarah Snow

    (@arasae)

    3 years, 6 months ago

    Hi there!

    Hmm, I’m not a developer so I’m not sure how helpful this might be, but since it’s been a little bit since you’ve posted this, I thought I might provide a potential resource for you. There is a brand new course on Learn.ww.wp.xz.cn available specifically on making custom blocks. I don’t see anything mention of cards, but perhaps it may be useful to you?

    Take a look at this course here on developing your first custom block to see if it might be useful for you.

    If that doesn’t help, could you list a few of the custom blocks you’re trying to make? What do you need them to to do? 🙂 If you do so, others might be able to provide some ways to achieve what you’re after.

    I hope this helps. Good luck!

Viewing 1 replies (of 1 total)

The topic ‘Turning wordpress/components into blocks’ is closed to new replies.