Help Create a Custom Gutenberg Block For Nonprofit

  • I am a developer working for a nonprofit that helps refugees and immigrants living in the United States and Italy. We’re in the midst of rebuilding our websites and are wanting to add some new features as well as optimize existing ones.

    A top priority is to build an improved system that manages our translated content. We have a team of translators that provide high-quality translations (we’re not using machine translations) and what is greatly needed is an easier system to manage the content editing itself in the WP dashboard.

    There are plenty of translation plugins for WordPress, but we’ve struggled to find one that suits all of our needs. The biggest hurdle is that we give users of our website the ability to view posts with the original language and the translated language side-by-side. I was excited about Gutenberg because it seems like the potential to build something custom that suits our needs is great.

    However, as I’ve started teaching myself React, JSX, and the Gutenberg API I’m finding myself banging my head against the wall over and over again. Maybe I’m just not a good developer? That’s another topic. Regardless, I’m hoping to find someone that is willing to talk through a good strategy for managing our translations and potentially someone that is interested in helping us build the solution if it proves to be over-my-head.

    I am happy to go into more specifics here or in a follow-up conversation.

Viewing 1 replies (of 1 total)

  • You might find a theme that offers a two column approach and put the blog loop in each of the two columns with some extra code to differentiate the two lang versions. I’d opt for a theme that used borders around each individual post. I’m not sure how to make the two bordered blocks match left and right height but that can’t be that difficult.

    You’ll most likely want to stay with your present theme so you’ll just excise the two column’s code and embed that as two equal sized cols in a new present theme page. That way the header and footers and style elements all match.

    The loop will run on the blog posts and hopefully present both language types next to each other. There’s plenty of code examples showing how to detect posts and conditional presentation.

    You’ll also need a single page in the two column style and then you’ll need a page template for presenting the a page’s content in the two styles.

Viewing 1 replies (of 1 total)
  • The topic ‘Help Create a Custom Gutenberg Block For Nonprofit’ is closed to new replies.