"Добавить в карман" как текст, а не изображение

Question

В отличие от 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, поэтому мне придется заменить data-save-url с PHP это не проблема. Проблема в том, что я не могу понять, как заставить этот элемент выглядеть как текст и работать правильно. Я пытался скрыть его img класс и использование span а также content:before/after, но это не работает, так как код Javascript выполняется после того, как CSS уже загружен (?).

Answer 1

Была такая же проблема. После небольшого поиска я использовал:

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

Вы будете терять счетчик, хотя. И, конечно же, пользователь должен войти в Pocket для немедленного сохранения, в противном случае он будет перенаправлен на страницу входа. Это работало нормально для меня. Надеюсь, это тоже для вас.