WordPress kívülről

Közösségi linkmegosztás

Főleg blog készítés során lehet hasznos, ha a felhasználóknak adunk egy olyan funkciót amellyel az adott bejegyzést meg tudja osztani diggen, redditen és még sorolhatnám linkmegosztó oldalalakon vagy esetleg közösségi oldalakon. Előnyeit ennek nem kezdem el sorolni, mert ez a bejegyzés nem erről szól. Inkább nézzük, hogyan jeleníthetjük meg ezeket a lehetőségeket bejegyzéseinknél. A single.php fájlba ahol meg szeretnénk jeleníteni az ikonokat szúrjuk be ezt a kódot:

<div class="socials">
<a class="btn_email" href="mailto:?subject=<?php the_title(); ?>&amp;body=<?php the_permalink() ?>">E-mail</a>
<a class="btn_comment" href="#respond">Comment</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit to Del.icio.us" target="_blank" class="btn_delicious">Del.icio.us</a>
<a href="http://www.digg.com/submit?phase=2&amp;url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Post to Digg" target="_blank" class="btn_digg">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Reddit" target="_blank" class="btn_reddit">Reddit</a>
<a href="http://technorati.com/faves?add=<?php the_permalink() ?>" title="Submit to Technorati" target="_blank" class="btn_technorati">Technorati</a>
<a href="http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;u=<?php the_permalink() ?>" title="Submit to Furl" target="_blank" class="btn_furl">Furl</a>
</div>

Ezt természetesen a loopon belülre kell, legajánlatosabb a content után. Ezután a style.css fájlunkba illesszük az alábbi osztályokat:

.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

Egyébként ilyen ikonok esetén én ajánlom a CSS manók használatát, hogy csökkentsük a HTTP lekéréseket.