在网站上设计 Pinterest 和 G+ 按钮答案

【问题标题】：Design Pinterest and G+ button on website在网站上设计 Pinterest 和 G+ 按钮
【发布时间】：2017-08-24 02:14:31
【问题描述】：

我们如何自定义设计在网站上添加的 pinterest 和 G+ 按钮以用于共享目的？我已经用这段代码添加了以下两个按钮，但我需要根据网站上的其他按钮来设计这些按钮。

<a class="pin" data-pin-do="buttonPin" href="https://www.pinterest.com/pin/create/button/?url=<?php echo base_url(); ?>Product/<?php echo $result->itemId; ?>&media=https://s-media-cache-ak0.pinimg.com/736x/17/34/8e/17348e163a3212c06e61c41c4b22b87a.jpg&description=<?php echo urlencode($result->title); ?>" ><i class="fa fa-pinterest-p"></i></a>


<div class="g-plus" data-action="share" data-annotation="none" data-href="http://bafwebsite.localhost/Product/720"></div>

你可以看到 g+ 按钮在 div 中，我可以在锚标签中像 pinterest 一样使用 fa 图标吗？？

【问题讨论】：

标签： html css google-plus pinterest

【解决方案1】：

您可以自定义Google+ Share Link

默认的sn-p是这样的：

<a href="https://plus.google.com/share?url={URL}" onclick="javascript:window.open(this.href,
  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img
  src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a>

但是你可以很容易地让它和你现有的 Pinterest sn-p 一样。

<a href="https://plus.google.com/share?url=<?php echo base_url(); ?>Product/<?php echo $result->itemId; ?>" ><i class="fa fa-google-plus-official"></i></a>

【讨论】：