anewholm

<p>[geo_hcard_map] shortcode map of <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> elements found in the current webpage. All <code>.cb-popup</code> sub-elements will be included in the map popup for the corresponding <code>.vcard</code> item. See below for an example of a <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> element. The developer must ensure the correct <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> markup in the post templates. <a href="http://wordpress.xsearchservices.com/allplugins/geo-hcard-map/" rel="nofollow ugc">Working Demo</a></p>
<h3>Companion plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/cmb2/" rel="ugc">CMB2</a> for nice custom fields.</li>
<li><a href="https://github.com/villeristi/CMB2-field-Leaflet-Geocoder" rel="nofollow ugc">CMB2-field-Leaflet-Geocoder</a> setting of post position on a map.</li>
<li><a href="https://github.com/anewholm/CMB2-field-Icon" rel="nofollow ugc">CMB2-field-Icon</a> giving a post a custom little icon.</li>
</ul>
<h3>Example hCard Markup for a post</h3>
<pre><code><div class="vcard">
  <h2><a class="url fn org" href="http://example.com/locations/magnet-bank/">Magnet Bank</a></h2>
  <div class="cb-popup">Balacs utca, 1000 Budapest, Hungary</div>
  <div class="cb-popup">Mon-Fri, 8:00 - 18:00</div>
  <div class="adr">
    <div class="geo">
      <span class="latitude">47.50496815665008</span>,
      <span class="longitude">19.063553810119632</span>
      <span class="icon">/wp-content/plugins/geo-hcard-map/images/gray-green.png</span>
      <span class="icon-shadow"></span>
    </div>
  </div>
</div>
</code></pre>
<p><a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">microformats wiki</a> and <a href="http://microformats.org/wiki/geo" rel="nofollow ugc">geo</a></p>


Geo hCard Map

[geo_hcard_map] map of hCard elements found in the current webpage.

michaellautman

<p>Give your local SEO efforts a boost!</p>
<p>This plugin creates two new widgets that outputs contact information (URL, address, email, phone) according to the hCard microformat standard and Schema.org</p>
<p>In addition, each field can be assigned a unique CSS class for styling.</p>
<p>Visit the <a href="http://lautman.ca/forums/" rel="nofollow ugc">support forum</a> on our site for help.</p>
<h4>Available Fields</h4>
<ul>
<li>
<p>Widget Title</p>
</li>
<li>
<p>Name (Given, Middle, Family)</p>
</li>
<li>
<p>Organization</p>
</li>
<li>
<p>Address</p>
</li>
<li>
<p>Website</p>
</li>
<li>
<p>Email</p>
</li>
<li>
<p>Map (Organizations only – for now)</p>
</li>
<li>
<p>Telephone</p>
</li>
<li>
<p>Fax</p>
</li>
<li>
<p>Google Plus (rel=”author” for individuals and rel=”publisher” for organizations)</p>
</li>
<li>
<p>Facebook</p>
</li>
<li>
<p>Twitter</p>
</li>
<li>
<p>LinkedIn</p>
</li>
</ul>
<h3>Notes</h3>
<p>This plugin was built on the amazing <a href="http://piklist.com" rel="nofollow ugc">Piklist</a> using the [Piklist Plugin Builder] (https://github.com/michaellautman/Piklist-Plugin-Builder).</p>


hCard Widget for WordPress

Creates a widget that outputs contact information for individuals or organizations with Schema.org compliant markup.

Geo hCard Map vs hCard Widget for WordPress