“添加到口袋”作为文本而不是图像答案

【问题标题】："Add To Pocket" as text and not image“添加到口袋”作为文本而不是图像
【发布时间】：2015-06-05 01:53:47
【问题描述】：

与Instapaper 不同，Pocket 不向发布商提供添加“添加到口袋”文本锚点的方法。

这是我收集到的应该放入索引的代码：

 <a href="https://getpocket.com/save" class="pocket-btn" data-lang="en"
 data-save-url="http://yourDomain.com/the/page/to/save.html"
 data-pocket-count="vertical" 
 data-pocket-align="left"
 >Pocket</a>
 <script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

我使用的是 WordPress，所以我必须用 PHP 替换 data-save-url，这不是问题。问题是我不知道如何使这个元素显示为 Text 和正常工作。我尝试隐藏其img 类并使用span 和content:before/after，但它不起作用，因为JavaScript 代码在 CSS 已经加载（？）之后执行。

【问题讨论】：

我看不出你怎么做，因为按钮在 iframe 中。对于其他想要尝试的人来说，这是一个小提琴。 jsfiddle.net/e028gb4j

标签： javascript css wordpress pocket

【解决方案1】：

有同样的问题。经过一番搜索，我使用了：

<a href="https://getpocket.com/edit.php?url=http://www.example.com/myPage.html">Save to Pocket</a>

不过，您将失去柜台。当然，用户必须登录到 Pocket 才能立即保存，否则他将被重定向到登录页面。这对我来说很好。希望它也适合你。

【讨论】：