web-dev-qa-db-ja.com

印刷用の簡単なカスタムボタン、Facebook共有、および投稿内のツイートを自動的に追加する

自動的に印刷、 Facebook共有、そしてを実装する簡単な方法が欲しい//] 投稿のツイート。 プラグイン、複雑なJavaScript、関数もありません。

facebooktwittersocial-sharing
1
Natan

私は、各サイトで提供されているように、組み込みのFacebook共有者およびTwitter共有者リンクを使用することにしました。完全な機能は提供されませんが、単純なカスタムアイコンには最適です。

注：これは「ループ内」でのみ正しく機能します。

ページテンプレートに挿入されるHTMLコード：

<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>

基本的なCSSスタイル：

.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