Если в вашем блоге встречаются довольно объемные и интересные посты, то было не плохо иметь возможность распечатать один из них и прочитать, когда на это появится время.
Для этих целей можно добавить кнопку распечатки поста
Нашел парочку решений (ссылки в конце поста), которые добавляют кнопку распечатки поста. Я остановился на первом
Сперва необходимо решить, где будет распологаться кнопка. Я расположил её в первой строке футера поста (ищите в коде шаблона текст post-footer-line-1).
Добавляем следующий код:
<!--Printer Button start--> <b:if cond='data:blog.pageType == "item"'> <a class='print-button' title='Распечатать пост' href='javascript:window.print()'></a></b:if> <!-- Printer Button ends -->
В файле стилей класс print-button описывает стиль кнопки:
.print-button
{
background-image: url('cсылка на картинку');
background-position: center center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
float: right; /* или display:block */
}
Для задания стиля при печати необходимо подключить к блогу файл стилей
Вставить в код шаблона:
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, #comments,.noprint {display: none;}
#main-wrapper {width: 95%}
</style>
Таким образом можно скрыть нежелательный элементы страницы. Так же можно подключить файл .css:
<link rel="stylesheet" type="text/css" media="print" href="ссылка к файлу .ccs" />
спасибочки )
ОтветитьУдалить