如何添加社交分享按钮?

时间:2015-10-14 04:58:05

标签: php wordpress facebook

我在Wordpress上,我可以轻松添加一个插件,但这会增加加载时间,看起来很普通和旧。

我正在使用Brook主题,这是一个极简主题。 (http://www.defensionem.com/7th-and-3rd-fleet-to-be-combined/

如果您注意到,只能在博客上结束我的分享选项,例如Facebook,Linkedin,Twitter。

我可以在补充工具栏小部件中启用此功能吗?我联系了我的主题作者,他们对我说,

  

"我们的社交分享链接建在brook / share_block.php中。您   可以尝试创建一个新的自定义小部件,并使用来自的代码   share_block.php。或者,您可以使用文本小部件和输入   直接用于共享的HTML代码。通过使用标记和类作为我们   是的,你应该能够得到相同的风格。"

这是我的那个php文件。我尝试了各种方法,但它没有用。猜猜一切都错了。

你们都能帮忙吗?

<?php

$theme_settings = brook_theme_settings();

if( has_post_thumbnail() ){
    $share_image            = wp_get_attachment_image_src( get_post_thumbnail_id(), 'xxl' );
    $share_image            = $share_image[0];
    $share_image_portrait   = wp_get_attachment_image_src( get_post_thumbnail_id(), 'portrait-m' );
    $share_image_portrait   = $share_image_portrait[0];
}else{
    $share_image            = '';
    $share_image_portrait   = '';
}

$share_excerpt = strip_tags( get_the_excerpt(), '<b><i><strong><a>' );


?>

<div class="social-nav social-nav--titles">

    <ul class="social-nav__items">


        <?php if( $theme_settings['sharing_email'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'Email', 'brook' ); ?>" class="social-nav__link js-skip-ajax" href="mailto:?subject=<?php echo ( rawurlencode( get_the_title() ) ); ?>&amp;body=<?php echo ( rawurlencode ( $share_excerpt . ' ' . get_the_permalink() ) ); ?>">
                    <?php _e( 'Email', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>

        <?php if( $theme_settings['sharing_facebook'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'Facebook', 'brook' ); ?>" class="social-nav__link js-sharer js-skip-ajax" target="_blank" href="http://www.facebook.com/sharer.php?u=<?php echo( rawurlencode( get_the_permalink() ) ); ?>">
                    <?php _e( 'Facebook', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>

        <?php if( $theme_settings['sharing_twitter'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'Twitter', 'brook' ); ?>" class="social-nav__link js-sharer js-skip-ajax" target="_blank"  href="http://twitter.com/intent/tweet?text=<?php echo( rawurlencode( get_the_title() ) ); ?>&amp;url=<?php echo( rawurlencode( get_the_permalink() ) ); ?>">
                    <?php _e( 'Twitter', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>

        <?php if( $theme_settings['sharing_pinterest'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'Pinterest', 'brook' ); ?>" class="social-nav__link js-sharer js-skip-ajax" target="_blank" href="http://pinterest.com/pin/create/button/?url=<?php echo( rawurlencode( get_the_permalink() ) ); ?>&amp;media=<?php echo ( rawurlencode( $share_image_portrait ) ); ?>&amp;description=<?php echo( rawurlencode( get_the_title() ) ); ?>">
                    <?php _e( 'Pinterest', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>

        <?php if( $theme_settings['sharing_google'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'Google+', 'brook' ); ?>" class="social-nav__link js-sharer js-skip-ajax" target="_blank" href="https://plus.google.com/share?url=<?php echo( rawurlencode( get_the_permalink() ) ); ?>">
                    <?php _e( 'Google+', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>
        <?php if( $theme_settings['sharing_linkedin'] ): ?>
            <li class="social-nav__item">
                <a title="<?php _e( 'LinkedIn', 'brook' ); ?>" class="social-nav__link js-sharer js-skip-ajax" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo( rawurlencode( get_the_permalink() ) ); ?>&amp;title=<?php echo( rawurlencode( get_the_title() ) ); ?>&amp;summary=<?php echo ( rawurlencode ( $share_excerpt ) );?>&amp;source=<?php echo ( rawurlencode( get_bloginfo('name') ) );?>">
                    <?php _e( 'LinkedIn', 'brook' ); ?>
                </a>
            </li>
        <?php endif; ?>

    </ul>
</div>

2 个答案:

答案 0 :(得分:0)

尝试社交分享插件并输入短代码。

答案 1 :(得分:0)

那么我建议你哪个最简单的解决方案是首先从这个链接安装一个插件https://wordpress.org/plugins/php-code-widget/
它是一个插件,当你激活它时,它创建一个小部件,你可以把你的所有来自您所需文件的PHP代码。就样式而言,您可以将相关样式添加到Brook主题的主css文件中。我希望它有所帮助......