Як додати віджети у заголовок (header) , підвал (footer), будь-яке інше місце шаблону. Як змінити стандартні тексти шаблону.
До стилів ми ще повернемося, а зараз розглянемо "тіло" затиснуте між тегами <bodi>.Найперше, поставимо галочку біля "Розширити шаблони елементів керування". Надалі, перед тим як завантажити новий шаблон, клацаємо розширити елементи керування. Кажуть так менше ймовірність виникнення помилок. Особисто я ніколи шаблон не міняв. Що я робив дуже часто, так це вносив правку у код шаблону і на власному досвіді переконався — перед будь-якими змінами у коді шаблону обов'язково натисніть "Завантажити шаблон повністю". Цим ви завантажите резервну копію шаблону собі на жорсткий диск. У разі виникнення фатальної помилки у вас завжди буде можливість відновити останній робочій шаблон завантаживши його з файла "на жорсткий диск", мабуть мався на увазі жорсткий диск на блогерському сервері.
Якщо ми розглянемо початковий код нашої сторінки у браузері, то побачимо, що розділ <style> такий самий як і у шаблоні, а от розділ <bodi> суттєво відрізняється.
Браузер нам показує звичайну послідовність блоків <div>, <span>, тегів, скриптів - все як і на інших веб сторінках. У шаблоні також трапляються знайомі теги, але поміж ними багато малозрозумілих і на перший погляд безглуздих значків:
Можна припустити, що сторінка генерується на основі нашого шаблону. Попутно в неї включають типові віджети та різноманітні стандартні текстові блоки. Що саме буде включено, залежить від:<body>
<div id='wrap'><div id='wrap2'><div id='wrap4'>
<div id='outer-wrapper'>
<b:section class='header' id='header' maxwidgets='3'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
- вашого вибору — це коли ви на вкладці "елементи сторінки" натискаєте "додати гаджет до сторінки".
- мови блогу — одні й ті самі універсальні шаблони використовують для різних мов.
- данні про час написання,
- мітки,
- данні про авторство,
- данні про знайдені посилання на допис.
<div id='wrap'><div id='wrap2'><div id='wrap4'><div id='outer-wrapper'> - блоки оформлення дизайну прописані у таблиці стилів.
<b:section class='header' id='header' maxwidgets='3'> - блок заголовку header, у стилях прописані правила для #header, а також для класу header.
Мене зацікавило що означає maxwidgets='3'. Виявилось це максимальна кількість віджетів, які ви можете додати у блок. Стандартно було maxwidgets='1' тому, ніби нічого додати було не можливо. Після правки я туди примостив віджет перекладу. Більше для красоти, бо практичної користі з гуглівського перекладу не багато.
Мал. 1 Додаємо третій віджет
Мал. 2 Все, більше нікуди, ліміт вибрано повністю.
Мал. 3 У шапці блогу showaddelement='yes'
Мал. 4 А тепер навпаки у шапці showaddelement='no' ,
Наступний рядок нам мало чого дає
<b:widget id='HTML1' — ідентифікатор віджету, наскільки я зрозумів. Краще не
locked='false' — замок,
Мал. 5 Параметр locked='false'
Мал. 6 Параметр locked='true'
type='HTML'> — не чіпаємо, схоже що це тип віджиту. нам воно нідочого.
Наступні кілька рядків:
предписують блогеру включити у шаблон блок 'main', якщо є заголовок то відобразити.<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
Малозрозумілі: "" ,є не що інше, як звичайні лапки
Цікаво вже те, що з'ясувавши значення перемінних, можна трохи покращити дизайн блога.
Серед іншого, мене не влаштовує оте "Ім'ярек сказав..." у коментарях. Дрібниця, але прекрасна половина має всі підстави ображатися.Слова: "каже:", "пише:" набагато толерантніші й без недоречних трьох крапок...А то й взагалі прибрати зайве слово, залишивши лише двокрапку.
Озброівшись улюбленим методом Ламайстра — методом тику, швиденько знайшов у шаблоні ось цю перемінну: <data:commentPostedByMsg/>. Виходячи з розташування, саме вона містить те некоректне у украіномовному шаблоні: "сказав...", Вам найпростіше буде знайти цю перемвнну скориставшись "пошуком на сторінці" у вашому браузері. Про всяк випадок наводжу фрагмент коду:
залишається замінити її на щось подібне :<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>< data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<span style="color: rgb(51, 102, 136);">каже:</span>або ще краще:
<span style="color: rgb(51, 102, 136);">:</span>Ось і все, нічого складного.
Шаблон наказує блогеру включити у сторінку код віджета, та засоби швидкого редагування того ж таки віджета. Тут нічого цікавого для себе я не побачив.<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
На сьогодні все.
Далі буде :)...
3 коментаря
привіт!
ти пропонуєш просто замінити ‹data:commentPostedByMsg/› на ‹span style="color: rgb(51, 102, 136);"›каже:‹/span>›?
гхм... насправді тоді ми ігноруємо стиль шаблону для цього фрагменту. цікаво, чи можна це пофіксити, якщо знати назву стилю (я html'ем цікавився давно, а css'ами ще й не надто терпляче).
привіт ще раз =)
подивився до цього фрагменту... перевіряти трошкиліниво, але по-моєму, ось так має бути правильніше:
‹span class='comment-author'›каже:‹/span›
(зрозуміло, що кутики треба замінити на звичайні)
Привіт, привіт :) !
Згоден, так буде правильніше, бо використовуєш клас визначений у шаблоні Блогера. Я ж просто визначив свій стиль, бо хотілося зробити щоб колір слова "каже" відрізнявся від кольору тексту коментаря. Загалом нічого страшного у цій неправильності мабуть немає.
Твій варіант я перевірив, працює. Але, що цікаво, переглянувши свій шаблон, опис класу comment-author у стилях не знайшов...
Враховуючи, що я з CSS та html знайомлюсь у процесі освоєння Блогера, цікаво буде подивитися що зміниться якщо стиль .comment-author визначити описавши самостійно.
Зроблю як з'явиться бажання ще поморочитися з шаблоном :) .
Дописати коментар
Можна використовувати теги:
<i>курсив</i> <b>жирний</b>
<a href="http:// «адреса посилання» "> «текст» </a>