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.

sandropaganotti

Comparto Web

<p>hCard ShortCode translates vCard to hCard and let’s you display them using a simple [hcard] shortcode.</p>
<h3>How it works:</h3>
<ol>
<li>install the plugin</li>
<li>upload the vCards in the Media section</li>
<li>choose a <strong>no-space only-alphanumeric lowercase</strong> Title for the vCards</li>
<li>use the [hcard vcard=’vcard title’ only=’optional comma separated vcard fields to display’] shortcode </li>
<li>style the resulting hCard using CSS</li>
</ol>
<h3>Which fields are supported?</h3>
<p>hCard ShortCode supports the following vCard fields:</p>
<ul>
<li><code>N</code> given name and family name;</li>
<li>one <code>EMAIL</code> optionally use <code>TYPE</code> to specify a label to use in the <a> link;</li>
<li>one <code>TITLE</code></li>
<li>one <code>ORG</code></li>
<li>one <code>PHOTO</code> with <code>TYPE=URL</code></li>
<li>one or more <code>URL</code>, optionally use <code>TYPE</code> to specify a label to use in the <a> link;</li>
<li>one <code>ADR</code></li>
</ul>
<h3>Can you give me a sample vCard?</h3>
<p>Sure, here it is:</p>
<pre><code>BEGIN:VCARD
N:Paganotti;Sandro;;;
EMAIL;TYPE=Email:sandro.paganotti@compartoweb.com
TITLE:Software Architect
ORG:Comparto Web
PHOTO;VALUE=URL;TYPE=PNG:/wp-content/uploads/2012/04/official_me-43x43.png
URL;TYPE=Twitter:https://twitter.com/#!/sandropaganotti
URL;TYPE=LinkedIn:http://www.linkedin.com/in/sandropaganotti
ADR;INTL;PARCEL;WORK:;;Via Cipro 66;Brescia;Brescia;25100;Italia
END:VCARD<h3>How can use the 'only' option?</h3>the `only` option can be used to limit the fields printed on the hCard, you
</code></pre>
<p>can declare a comma-separated list of the fields you want to be displayed, here’s the<br />
keyword:</p>
<ul>
<li><code>name</code> for given name and family name</li>
<li><code>email</code> for the <code>EMAIL</code></li>
<li><code>org:title</code> for the <code>TITLE</code> </li>
<li><code>org:name</code> for the <code>ORG</code></li>
<li><code>url</code> for the <code>URL</code>s</li>
<li><code>photo</code> for the <code>PHOTO</code></li>
<li><code>location</code> for thr <code>ADR</code></li>
</ul>
<h3>An example:</h3>
<p>Here’s a shortcode example:</p>
<pre><code>[hcard vcard="sandropaganotti" only="name,email,org:title,photo,url"]<h3>Kudos and acknowledgements:</h3>This plugin uses the cool Contact_Vcard_Parse class from Paul M. Jones <pjones@ciaweb.net> and a modified version of the phpMicroformats class from Tobias Kluge (enarion.net). Thank you!
</code></pre>


hCard ShortCode

hCard ShortCode is a WordPress plugin that translates vCard to hCard and let's you display them using a simple [hcard] shortcode.

Geo hCard Map vs hCard ShortCode