Sinag: A Free WordPress Block Theme for Philippine Small Businesses

// inc/business-details.php
function sinag_theme_business_binding_value( $source_args, $block_instance, $attribute_name ) {
	unset( $block_instance );

	$key  = isset( $source_args['key'] ) ? sanitize_key( $source_args['key'] ) : '';
	$data = sinag_theme_get_business();

	switch ( $key ) {
		case 'phone_link':
			$value = sinag_theme_phone_to_tel( $data['phone'] );
			break;
		case 'email_link':
			$value = $data['email'] ? 'mailto:' . $data['email'] : '';
			break;
		default:
			$value = isset( $data[ $key ] ) ? $data[ $key ] : '';
	}

	if ( '' === $value ) {
		return null;
	}

	// URL attributes are encoded by the HTML API when written; rich-text content is inserted as HTML.
	if ( in_array( $attribute_name, array( 'url', 'href' ), true ) ) {
		return 0 === strpos( $value, 'tel:' ) || 0 === strpos( $value, 'mailto:' ) ? $value : esc_url_raw( $value );
	}

	return esc_html( $value );
}

register_block_bindings_source(
	'sinag-theme/business',
	array(
		'label'              => __( 'Business Details', 'sinag-theme' ),
		'get_value_callback' => 'sinag_theme_business_binding_value',
	)
);

// inc/helpers.php — pure PHP, unit-tested without WordPress
function sinag_theme_phone_to_tel( $phone ) {
	$phone  = trim( (string) $phone );
	$digits = preg_replace( '/\D/', '', $phone );

	if ( '' === $digits ) {
		return '';
	}

	if ( 0 === strpos( $phone, '+' ) ) {
		return 'tel:+' . $digits;
	}

	if ( 0 === strpos( $digits, '63' ) && 12 === strlen( $digits ) ) {
		return 'tel:+' . $digits;
	}

	if ( 0 === strpos( $digits, '0' ) && strlen( $digits ) >= 9 && strlen( $digits ) <= 11 ) {
		return 'tel:+63' . substr( $digits, 1 );
	}

	return 'tel:' . $digits;
}

<!-- Any paragraph can print a Business Details field -->
<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"sinag-theme/business","args":{"key":"hours"}}}}} -->
<p>Mon–Sat 7:00 AM – 6:00 PM · Sun closed</p>
<!-- /wp:paragraph -->

<!-- A button's link can be the +63 Call link or your Messenger URL -->
<!-- wp:button {"metadata":{"bindings":{"url":{"source":"sinag-theme/business","args":{"key":"phone_link"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="tel:+639170000000">Call us</a></div>
<!-- /wp:button -->

// styles/dagat.json — a whole new look is seven colours with the same slugs
{ "version": 3, "title": "Dagat",
  "settings": { "color": { "palette": [
    { "slug": "base", "color": "#f3f8fb" }, { "slug": "contrast", "color": "#0b2533" },
    { "slug": "accent", "color": "#0d7fa5" }, { "slug": "on-accent", "color": "#ffffff" } ] } } }