Blockbase: Adding translations

blockbase/block-templates/404.html

@@ -4,11 +4,15 @@
 <main class="wp-block-group page-content">
 
 <!-- wp:heading {"level":1,"fontSize":"large"} -->
-<h1 class="has-large-font-size">Oops! That page can’t be found.</h1>
+<h1 class="has-large-font-size">
+	<!-- wp:blockbase/i18n-strings { "string": "Oops! That page can’t be found." } /-->
+</h1>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p>It looks like nothing was found at this location. Maybe try a search?</p>
+<p>
+	<!-- wp:blockbase/i18n-strings { "string": "It looks like nothing was found at this location. Maybe try a search?" } /-->
+</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:search {"label":"","buttonText":"Search"} /-->

blockbase/block-templates/search.html

@@ -4,7 +4,7 @@
 <main class="wp-block-group page-content">
 
 <!-- wp:heading -->
-<h2>Results:</h2>
+<h2><!-- wp:blockbase/i18n-strings { "string": "Results" } /-->:</h2>
 <!-- /wp:heading -->
 
 <!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->

blockbase/functions.php

@@ -96,7 +96,12 @@ function blockbase_fonts_url() {
 }
 
 /**
- * Customize Global Styles
+ * Customize Global Styles.
  */
-require get_template_directory() . '/inc/wp-customize-colors.php';
-require get_template_directory() . '/inc/wp-customize-color-palettes.php';
+require_once get_template_directory() . '/inc/wp-customize-colors.php';
+require_once get_template_directory() . '/inc/wp-customize-color-palettes.php';
+
+/**
+ * Load a block for i18n.
+ */
+require_once get_template_directory() . '/i18n-strings-block/index.php';

blockbase/i18n-strings-block/block.json

@@ -0,0 +1,17 @@
+{
+	"apiVersion": 2,
+	"name": "blockbase/i18n-strings",
+	"title": "I18N Strings",
+	"category": "text",
+	"icon": "smiley",
+	"description": "Pass strings to PHP for i18n.",
+	"supports": {
+		"html": false
+	},
+	"textdomain": "blockbase",
+	"attributes": {
+		"string": {
+			"type": "string"
+		}
+	}
+}

blockbase/i18n-strings-block/index.php

@@ -0,0 +1,27 @@
+<?php
+
+require_once get_stylesheet_directory() . '/i18n-strings.php';
+
+/**
+ * Registers the block using the metadata loaded from the `block.json` file.
+ *
+ * @see https://developer.wordpress.org/block-editor/tutorials/block-tutorial/writing-your-first-block-type/
+ */
+function create_block_i18n_strings_block_init() {
+	register_block_type_from_metadata(
+		__DIR__,
+		array(
+			'render_callback' => 'render_block_i18n_strings',
+		)
+	);
+}
+
+function render_block_i18n_strings( $attributes ) {
+	if ( I18N_STRINGS && ! empty ( I18N_STRINGS[ $attributes['string'] ] ) ) {
+		return I18N_STRINGS[ $attributes['string'] ];
+	};
+
+	return $attributes['string'];
+}
+
+add_action( 'init', 'create_block_i18n_strings_block_init' );

blockbase/i18n-strings.php

@@ -0,0 +1,7 @@
+<?php
+
+define ( 'I18N_STRINGS', array(
+	'Results' => __( 'Results', 'blockbase' ),
+	'Oops! That page can’t be found.' => __( 'Oops! That page can’t be found.', 'blockbase' ),
+	'It looks like nothing was found at this location. Maybe try a search?' => __( 'It looks like nothing was found at this location. Maybe try a search?', 'blockbase' ),
+) );