web-dev-qa-db-fra.com

Ajoutez automatiquement de simples boutons personnalisés pour l'impression, le partage sur Facebook et le tweet dans les messages

Je veux un moyen facile automatiquement d'implémenter l'impression , Partage Facebook , et Tweeting pour messages . Pas de plugins, javascript compliqué, ni fonctions.

facebooktwittersocial-sharing
1
Natan

J'ai décidé d'utiliser les liens intégrés de partage sur Facebook et Twitter, tels qu'ils sont fournis sur chaque site. Cela ne donnera pas une fonctionnalité complète, mais c'est parfait pour une simple icône personnalisée.

Remarque : Ceci ne fonctionnera correctement que dans "la boucle".

Code HTML à insérer dans votre modèle de page:

<div class="social_icons">
    <a href="javascript:window.print()" target="_blank" class="printIcon">
       Print page
    </a>
    <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo get_permalink(); ?>" target="_blank" class="facebookIcon">
       Share on Facebook
    </a>
    <a href="https://Twitter.com/share?text=<?php echo get_the_title(); ?>+&ndash;+" target="_blank" class="twitterIcon">
       Tweet on Twitter
    </a>
</div>

Style CSS de base:

.social_icons {
    float: right; /*change for your specific needs*/
}

.social_icons a {
    text-indent: -9999px;
    height: 50px; /*change for your specific needs*/
    display: block;
    float: right; /*change for your specific needs*/
}

.social_icons a.printIcon {
    background-image: url(); /*add a custom share icon*/
    background-repeat: no-repeat;
}

.social_icons a.facebookIcon {
    background-image: url(); /*add a custom share icon*/
    background-repeat: no-repeat;
}

.social_icons a.twitterIcon {
    background-image: url(); /*add a custom share icon*/
    background-repeat: no-repeat;
}
1
Natan