воскресенье, 2 сентября 2012 г.

Сделать на Blogger'е сайт - Убираем лишнее!

взято здесь
http://www-1.blogger4you.ru/2009/10/make-your-site-on-blogger.html

Сделать на Blogger'е сайт - Убираем лишнее!

74 comments

Здравствуйте! Вот под такой маской мы и будем прятать некоторые характерные Blogger'овские признаки.

Сразу скажу, что ОНО нам не надо -- большинству из нас, т.е. тем кто использует Blogger как платформу для ведения блога. Некоторые же из моих читателей реализовали идею, которй я всегда восхищалась - они сделали на платформе Blogger бизнес - сайт.

Да, это возможно сделать! Да на мой взгляд это очень экономный способ создания сайтов (особенно сайтов визиток без реализации на них системы приема заказов, оплаты и т.д.). Если вы когда-нибудь возьметесь создать бизнес-сайт для приятелей, для себя или за деньги вам придется найти красивый шаблон, придумать систему навигации: что показываем на горизонтальном меню, что на боковой/боковых колонках. Как организовать посты по ярлыкам или по датам, чтобы иногда показывать сразу несколько подряд. И об этом обо всем я вам рассказывать не буду. Я только дам несколько идей, что можно "удалить" из шаблона или изменить в настройках, чтобы ваш блог выглядел максимально похоже на сайт.

Что же, давайте попробуем... Еще раз повторю Блоггерам этого делать не надо!


1. Какие возможно вам захочется сделать изменения в настройках:

Итак, Панель инструментов -- Настройки

1) На вкладке Основные сведения возможно вы захотите поставить напротив параметра
Показывать ссылки на отправку электронной почты? Нет

2) На вкладке Форматирование возможно стоит изменить количество сообщений на главной странице - это самый первый параметр
Показать -- ставим 1 сообщение, которое будет как бы главной страницей нашего сайта, в конце концов в одно сообщение можно поместить все что угодно.

3) На вкладке Комментарии можно поменять значение параметров

Настройка по умолчанию для комментариев в сообщениях на У новых сообщений нет комментариев (это чтобы не забывать отключать комментарии). Комментарии можно потом включить только в одно сообщение, которое назвать "Мнение заказчиков" или "Гостевая книга" и это будет очень неплохо смотреться.

Обратные ссылки поставим Скрыть

Настройка по умолчанию для обратных ссылок в сообщениях ставим В новых сообщениях нет обратных ссылок

2. Теперь будем убирать из шаблона всю дополнительную, ненужную информацию. Ведь все нужное вы ведь и так способны руками написать в сообщении: и автора если надо -- не обязательно показывать ваш Blogger'овский профайл на ЭТОМ проекте и дату публикации и даже ярлыки, которые вы возможно будете использовать.

Для начала пара слов о технике безопасности:

А. НЕ ЗАБЫТЬ СДЕЛАТЬ РЕЗЕРВНУЮ КОПИЮ ШАБЛОНА!
Б. Все изменения выполнять пошагово. После каждого сделанного изменения нажимать кнопку ПРОСМОТР и если все выглядит хорошо СОХРАНИТЬ ИЗМЕНЕНИЯ.

Все изменения делаем при поставленной галочке на Расширить шаблоны виджета

1) Убираем Ссылку на автора (она не совсем ссылка, но неважно, мы её все равно удалим)

Ищем и убираем из шаблона следующий кусок кода:
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>

Искать можно по строке data:top.authorLabel

2) Убираем Отметку времени (в конце поста).

Как правило за куском кода из предыдущего пункта следует кусок кода, описывающий Отметку времени:
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
Его находим с помощью следующих характерных подстрок data:top.showTimestamp или data:post.timestamp и удаляем.

3) Убираем Дату перед постом. В обычных шаблонах ей соответствует код:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Его находим по подстроке data:post.dateHeader и удаляем.


4) Удаляем Blogger'овскую навигацию (т.е. ссылки Предыдущие, Следующие, Главная страница) из вашего шаблона.

Находим строчку
<b:include name='nextprev'/>
и удаляем её.

5) Возможно вам не нравится строчка внизу вашего блога (ой, простите, сайта): Subscribe to: Posts (Atom) (Трюк взят из блога Кайла, на ведение которого я его старательно подбиваю As The Donut Turns!)

Её тоже можно убрать. Для этого мы вставим строчку.
.feed-links {display: none; }
А вставить её можно сразу после строчки <b:skin><!--[CDATA[</span>

6) Про то как убрать Navbar я уже рассказывала.

7) Если вы решили использовать Ярлыки для структуризации информации на вашем сайте, сделанном на движке Blogger, то

a) возможно, когда вы будете показывать несколько постов подряд, вы не захотите, чтобы заголовки этих постов были кликабельны. Исправляем ситуацию так:

Находим в шаблоне строчки:

<a expr:href='data:post.url'><data:post.title/></a>

и всех из заменяем её на
<data:post.title/>

б) не захотите показывать ярлыки внизу сообщения

Находим кусок кода:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
и удаляем его

в) так как Blogger'овскую навигацию Предыдущие - Следующие мы удалили, захотите показывать сразу ВСЕ сообщения с данным ярлыком на одной странице. Тогда к url ярлыка надо дописать ?max-results=100 уж больше 100 сообщений на одну тему у вас же не будет (мы вообще разговариваем о создании небольшого сайтика) по умолчанию постов будет показано не более 25 (так что этот совет наверное вам не потребуется).

г) возможно статусное сообщение Blogger'а типа:

Показаны сообщения с ярлыком ЯЯЯ. Показать все сообщения

вас тоже не порадует. И его мы тоже уберем.

Не расширяя шаблонов виджета, находим строчку:

]]></b:skin>

и ПЕРЕД ней вставляем следующий код:
#main .status-msg-border {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-body {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-wrap {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-hidden {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-border {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-wrap {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-bg {
height: 0px;
visibility: hidden;
display: none;
}

Не претендуя на полноту, статья явилась попыткой свести вместе все ответы, которые я когда-либо давала на вопрос Как можно удалить из шаблона Blogger'а информацию о ...?

Если будут еще вопросы на эту тему (а вы, пожалуйста, задавайте их) ответы буду дописывать прямо здесь...

Рекомендации 1, 2, 7б я попыталась здесь написать в самом общем виде. Издержкой этого подхода могут быть пустые блоки (полоски) под постом. Добиться удаления этой информации можно проще: для этого удалить ВЕСЬ БЛОК начинающийся с

<div class='post-footer-line post-footer-line-1'>
и до закрывающего </div>

Проблема может быть только одна - у вас в шаблоне может строчки <div class='post-footer-line post-footer-line-1'> и не найтись, вернее будет что-то аналогичное, но с другим именем.


Комментариев нет:

Отправить комментарий