Кнопка «Распечатать статью». Как сделать?
Не редко возникает ситуация, когда на сайте встречается пост или статья, которую хочется распечатать, чтобы иметь на руках ее бумажный вариант. Это может быть инструкция, которая требует детального изучения с карандашом в руке, интересный рассказ или кулинарный рецепт.
Чтобы распечатать статью можно воспользоваться настройками браузера или установить специализированный плагин, но мы во-первых, не будем вдаваться в подробности настроек (браузеры у всех разные), да и вашими читателями лишняя волокита ни к чему, это могут быть простые «домохозяйки». Во-вторых, не будем нагружать блог различными внешними скриптами в виде плагина.
Сегодня, мы с вами пойдем немного другим путем, и в этом посте вы получите практическую инструкцию, из которой узнаете, как дать возможность посетителям распечатать статью нажав при этом одну кнопку, например, она будут называться «Печать страницы». Для этого вам придется прописать не большой элемент кода внутри сайта. Он подойдет для реализации на любой платформе, которая поддерживает php, среди них WordPress, Joomla, DLE и прочие.
Как распечатать статью на сайте. Вариант без плагина
По сути, в этом посте вы получите краткое руководство, как установить на свой сайт кнопку «Print» или «Печать», после нажатия на которую, любой посетитель сможет распечатать понравившуюся ему статью. Конечно, никакого толка для оптимизации и раскрутки это не даст, а вот как дополнительный элемент юзабилити будет очень полезен. Особенно кнопка «Печать» актуальна и полезна для кулинарных блогов, на компьютерную и юридическую тематики, то есть там, где постоянно публикуются инструкции, руководства и прочий материал, доступность к которому нужна «off-line».
Ниже опубликован код, который позволит осуществить печать страницы.
<a href="javascript:window.print ()" rel="nofollow">Распечатать страницу</a>
или
<a href=# onClick='window.print ()'>Печать</a>
Его можно разместить, как в файле single.php между тегами «<body>» или же в header.php, что была возможность осуществить печать практически любой страницы. Выбор остается за вами. Ответ на любые вопросы касающиеся этой темы вы можете получить в комментариях.
Кнопке «Распечатать статью» можно придать более интересный вид сделав ее в виде изображения. После внесения изменений код будет выглядеть следующим образом:
<a href="javascript:window.print ()" rel="nofollow"><img src=«адрес_картинки_на_сайте» alt="« width=»размер" height="размер" />Печать статьи</a>
Если нет желания ковыряться с кодом или вы боитесь сделать что-нибудь не так, у вас есть возможность воспользоваться специализированным плагином «Wp_Print». который можно скачать с официального блога WordPress.
На этом у меня все. По традиции советую подписаться на обновление, чтобы получать свежие новости прямо на почту. Жду ваших комментариев.
С уважением, Дороднов Иван
(3 голос, средний: 5,00 из 5)
Loading ...
Навигация
Предыдущая статья: ← Как подобрать доменное имя для сайта
Следующая статья: На каком движке работает сайт? →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
Иван, а как вы сделали вывод звездочек в конце поста для оценки статьи?
Совсем скоро выйдет статья на эту тему, а пока подписывайтесь и ждите)