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.

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.

hCard ShortCode vs hCard Widget for WordPress