Версия для печати

Создание страниц вашего сайта в виде готовом для печати может быть очень полезым для ваших посетителей. Прочитав эту заметку вы сможете создавать такие страницы используя блоговый движок MovableType.

1. Создаём шаблон “Версия для печати”. В меню “Шаблоны”, пролистайте до раздела “Шаблоны архивов” и выберите Создать новый шаблон (Create New Archive Template).

Создание шаблона

В появившемся окне напишите “Версия для печати”.

Скопируйте этот шаблон. Этот шаблон создан для примера. Вы, разумеется, можете использовать свой шаблон:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /> <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> <title><$MTBlogName$>: Print This</title> <link rel="stylesheet" href="<$MTBlogURL$>PF-stylesheet.css" type="text/css" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" /> <script type="text/javascript" language="javascript"> <!– var HOST = '<$MTBlogHost$>'; // Copyright (c) 1996-1997 Athenia Associates. // http://www.webreference.com/js/ // License is granted if and only if this entire // copyright notice is included. By Tomer Shiran. function fixDate (date) { var base = new Date(0); var skew = base.getTime(); if (skew > 0) date.setTime(date.getTime() – skew); } //–> </script> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> </head> <body> <div id="content"> <div id="container"> <div class="blog"> <div class="blogbody"> <h3 class="title"><$MTBlogName$>: <$MTEntryTitle$></h3> <$MTEntryBody$> <a name="more"></a> <$MTEntryMore$> Posted by <$MTEntryAuthor$> on <$MTEntryDate$> to <$MTBlogName$> </div> </div> </div> </body> </html>

Сохрание, но пока не пересобирайте сайт.

Советую вам использовать этот код:

<META NAME=”ROBOTS” CONTENT=”NOINDEX, NOFOLLOW”>

в заголовке страницы. Это позволит вам избежать индексирования страниц “для печати” поисковыми системами. Обратите внимание, что в приведённом шаблоне имеется ссылка на CSS моего сайта. Вам может потребоваться изменить эту ссылку.

2. Создайте CSS для шаблона “Версия для печати”. В раделе “Шаблоны” создайте новый индексный шаблон. Имя для этого шаблона вы можете выбрать любое – это не важно. Не забудьте присвоить имя выходного файла для этого шаблона. У меня выходной файл называется PF-stylesheet.css.

В качестве примера CSS можете использовать нижеприведённый код. Теперь сохраните и пересоберите ваш новый индексный хаблон с CSS и архив.

body { margin:0px; padding:20px; width:500px; font-family: verdana, tahoma, sans-serif; font-size:14px; background:#FFF; } A { color: #003366; text-decoration: underline; } A:link { color: #003366; text-decoration: underline; } A:visited { color: #003366; text-decoration: underline; } A:active { color: #999999; } A:hover { color: #999999; } h1, h2, h3 { margin: 0px; padding: 0px; } #banner { font-family:verdana, palatino, georgia, arial, sans-serif; color:#333; font-size:x-large; font-weight:normal; padding:15px; border-top:4px double #666; } #banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover { font-family: verdana, palatino, georgia, arial, sans-serif; font-size: xx-large; color: #333; text-decoration: none; } .description { font-family:verdana, palatino, georgia, arial, serif; color:#333; font-size:12px; text-transform:none; } #content { position:absolute; background:#FFF; margin-right:20px; margin-left:20px; margin-bottom:20px; border:1px solid #FFF; } #container { background:#FFF; border:1px solid #FFF; } .blog { padding:15px; background:#FFF; } .blogbody { font-family:verdana, palatino, georgia, arial, sans-serif; color:#333; font-size:12px; font-weight:normal; background:#FFF; line-height:200%; } .blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover { font-weight: normal; text-decoration: underline; } .title { font-family: verdana, palatino, georgia, arial, serif; font-size: medium; color: #666; } .date { font-family:verdana, palatino, georgia, arial, serif; font-size: large; color: #333; border-bottom:1px solid #999; margin-bottom:10px; font-weight:bold; } .floatimgleft { float:left; margin-top:10px; margin-right:10px; margin-bottom:10px; } .posted { font-family:verdana, arial, sans-serif; font-size: x-small; color: #000000; margin-bottom:25px; }

3. Добавьте новый способ архивирования. Откройте меню конфигурации вашего блога. Щёлкните меню “Архивирование”. Затем щёлкните добавить новый. Выберите тип архивирования “Индивидуальный”, и шаблон “Версия для печати”. Щёлкните “Добавить”. Вы увидите новый шаблон для архивирования в таблеце архивов.

Выбор шаблона

4. Настройте URL для шаблона “Версия для печати”.

Тип архива

Настройте URL в зависимости от тога как настроен ваш MT. По умолчанию имена в MT выглядят примерно так ht tp://www.website.com/archives/000123.html. Я просто добавл слово “print” к номеру записи: ht tp://www.website.com/archives/000123print.html. С помощью вот такого кода:

<$MTEntryID pad=”1″$>print.html

Сохраните настройки и пересоберите сайт.

5. Ссылка на страницу “Версия для печати”. Ну а теперь самое главное – создание ссылки на созданные страницы. Для этого достаточно найти в шаблонах отображения записей (Шаблон главной страницы и Индивидуальный шаблон”) тэг <MTEntries> и в конце его добавьте:

<a href=”<$MTBlogArchiveURL$><$MTEntryID pad=”1″$>print.html” title=”print this!”>
Printer-friendly version</a>

Сохраните и персоберите сайт

Оригинал

Похожие записи:

« Назад

Вперед »

julik
4 Июнь, 2004

Дурь.
CSS для этого надо применять.

Ответить
Coolmax
4 Июнь, 2004

А я бы, на твоём месте, ещё и ссылочку с примером привёл…

Ответить