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

Статья читается: 1 мин.

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

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

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

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

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

Если вы пишите интересные и полезные посты (например, рецепты или какие-нибудь инструкции), то посетителю вашего сайта возможно захочется распечатать их или сохранить в 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 формате на компьютер, отправить страницу другу, изменить размер текста, удалить изображения и отменить.

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

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

Вам понравилась статья?
плохохорошо (+12 баллов, 4 оценок)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!
9 комментариев к статье "Как добавить кнопку «печать» на wordpress без плагина"
  1. juliadiets.com: 13.03.2016 в 05:40 - Ответить

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

  2. Юрич: 09.04.2016 в 09:04 - Ответить

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

  3. Julianna: 15.10.2016 в 05:07 - Ответить

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

  4. Dmitrii: 29.11.2016 в 12:35 - Ответить

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

  5. Юрич: 04.12.2016 в 20:35 - Ответить

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

  6. Tetyana: 21.04.2017 в 07:06 - Ответить

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

  7. Юлия: 12.05.2017 в 08:27 - Ответить

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

  8. Андрей: 14.08.2017 в 18:53 - Ответить

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

  9. Андрей: 14.08.2017 в 18:56 - Ответить

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