Как добавить кнопку «печать» на wordpress без плагина

Лето — волшебная пора отдыха. Как ни странно летом все как бы затихает — люди уезжают на дачу, море или другие страны отдохнуть, меньше времени проводят в душных квартирах, выезжают на природу и не сидят сутками за компами или ноутбуками.

Здравствуйте, уважаемые посетители моего блога!

Больше месяца не добавлял статьи на блоге — не то чтобы лень, а просто ужасно некогда. Небольшие проблемы с работой. Нужно и туда съездить и сюда — до компьютера добираешься только вечером и уже в выжатом состоянии и просто нет сил на блог, добавление статей и т.д.

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Итак, начнем. Сегодня речь пойдет о том, как добавить на свой блог кнопку печати без плагина.

Если вы пишите интересные и полезные посты (например, рецепты или какие-нибудь инструкции), то посетителю вашего сайта возможно захочется распечатать их или сохранить в PDF, чтобы прочитать позже.

Есть много дополнений к браузерам для этих целей, но не у всех установлены эти дополнения для печати веб-страниц. Таким образом, будет здорово, если вы дадите своим посетителям выбор загрузить страницу в PDF или же распечатать на бумагу, установив кнопку «Print».

Есть несколько плагинов для wordpress, например WP-print, для печати страниц сайта. Но это будет лишний плагин на вашем блоге wordpress. Поэтому предлагаю добавить кнопку для печати с помощью скрипта от сервиса PrintFriendly & PDF.

Для этого вам нужно будет выбрать место (сайдбар, конец статьи и т.д.) куда вставить кнопку и добавить этот скрипт:

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script>
<a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;"
class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF">
<img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>

В принципе все! Теперь коротенько как работает эта кнопка. Нажав на кнопку появится версия страницы для печати с несколькими кнопками наверху:

print

У посетителя будет выбор: отправить на печать, загрузить страницу в PDF формате на компьютер, отправить страницу другу, изменить размер текста, удалить изображения и отменить.

На этом пока все! Пост получился хотя и маленьким, но я думаю очень полезным не только кто хочет создать блог, а и тем у кого он уже есть. На этом буду заканчивать — всего вам самого наилучшего и удачи! Жду вас опять на страницах моего блога.

И как всегда — с вами был, ваш Юрич! До новых встреч!


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.
11 комментариев к статье "Как добавить кнопку «печать» на wordpress без плагина"
  1. Юрич: 25.06.2019 в 19:11

    Здравствуйте, Ольга!
    Сочувствую) Но…
    В гугле самый первый скрипт)) Вот на этом сайте
    Пользуйтесь))

  2. Ольга Клишевская: 25.06.2019 в 17:08

    Юрич, помогите.
    Хочу на сайте размесить статью РАСКРАСКИ ДЛЯ МАЛЫШЕЙ.. и так чтобы любую картинку из статьи (только картинку без текста) можно было бы отправить на печать.
    Уже час ищу плагины ВПресса и не нахожу. Может вы подскажете где искать или можно скрипт под картинкой писать… Направьте мой ум, пожалуйста.
    Спасибо за любой ответ.

  3. Андрей: 14.08.2017 в 18:56

    Не берет весь текст, только первый абзац, там где php код прописан не печаете

  4. Андрей: 14.08.2017 в 18:53

    Не берет весь текст, только первый абзац

  5. Юлия: 12.05.2017 в 08:27

    Спасибо, замечательная и функциональная вещь. Поставила….теперь записи можно распечатывать…

  6. Tetyana: 21.04.2017 в 07:06

    А ссылку на статью в печати никак нельзя убрать. Я пишу рецепты, хорошо бы распечатывать название, сам рецепт и все, подчеркивание как раз кстати. И хорошо бы ставить кнопку в конце каждого рецепта , я ставлю, а отражается и в левом сайдбаре, и распечатывается не конкретный рецепт в тело которого вставлен код, а все статьи блога, с название блога. Блог у меня на blogger coogle. Но для этого полностью код, наверное, нужно переписать, пока поставила в сайдбарде и счастлива, потому что за 7 часов поиска у Вас самая замечательная кнопка. Я блог веду с картинками, а себе в книгу рецептов появилась возможность распечатывать без них, и можно выбрать формат бумаги. И вообще это единственный код, а мне нужен код, потому что такие скрипты я не осилю, который я нашла способный распечатывать отдельные статьи. Так что огромное Вам спасибо! Ну а если не сложно переделать буду очень благодарна!

  7. Юрич: 04.12.2016 в 20:35

    Если ваш сайт на wordpress вставляйте в файл single.php, сразу после тега H1

  8. Dmitrii: 29.11.2016 в 12:35

    Добрый день, Юрич!
    Может Вы чуть более подробно поясните этот момент: «Для этого вам нужно будет выбрать место (сайдбар, конец статьи и т.д.) куда вставить кнопку и добавить этот скрипт: …»
    Было бы классно если со скринами. Я просто не понимаю куда эти скрипты добавлять, вообще задача просто сделать кнопку для печати картинок на сайте. Пробовал целую кучу разных плагинов и что то нормально не один не работает.

  9. Julianna: 15.10.2016 в 05:07

    чистый код печать ? Поэтому добавим кнопки на свои профили в социальных сервисах. Идем в Google, набираем запрос «social icons» и скачиваем понравившийся набор иконок социальных сервисов.

  10. Юрич: 09.04.2016 в 09:04

    Да, можно! Скрипты только подключите в шапке, а остальной код вставьте куда вам надо.

  11. juliadiets.com: 13.03.2016 в 05:40

    Юрич, скажите, а можно эти кнопки поставить непосредственно в тело сообщения, чтобы они не висели на главной странице или внизу блога?

Заказать сайт