wp-address-block

A Gutenberg block for displaying an address with Schema.org markup.

8 months after

WP Address Block

A Gutenberg block for displaying an address with Schema.org markup.

Animated demonstration of entering and formatting an address.

Entering the address in the image above produces the following markup:

<div class="wp-block-cedaro-address vcard" itemscope itemtype="http://schema.org/PostalAddress">
    <span class="vcard__name" itemprop="name"><a href="https://wordpressfoundation.org/">WordPress Foundation</a></span><br>
    <span class="vcard__street" itemprop="streetAddress">660 4th Street<br>Box 119</span><br>
    <span class="vcard__city" itemprop="addressLocality">San Francisco</span>, <span class="vcard__state" itemprop="addressRegion">CA</span> <span class="vcard__postal-code" itemprop="postalCode">94107</span><br>
    <span class="vcard__country screen-reader-text" itemprop="addressCountry">United States</span>
</div>

Installation

  1. Download the latest release from GitHub.
  2. Go to the Plugins → Add New screen in your WordPress admin panel.
  3. Click the Upload button at the top next to the "Add Plugins" title.
  4. Upload the zipped archive.
  5. Click the Activate Plugin link after installation completes.

Related Repositories

wp-cli

wp-cli

The command line interface for WordPress ...

WP-User-Frontend

WP-User-Frontend

A WordPress plugin that brings many backend functionality to the site frontend ...

wp-mailchimp

wp-mailchimp

The MailChimp WordPress plugin allows you to quickly and easily add a signup for ...

login-security-solution

login-security-solution

Development of the login-security-solution WordPress plugin happens here. ...

forms-3rdparty-integration

forms-3rdparty-integration

Wordpress Plugin - Forms 3rdparty Integration - a plugin to help integrate 3rdpa ...