l Breadcrumbs або "хлібні крихти" у блозі на Вlogger - Довідник блогера

Breadcrumbs або "хлібні крихти" у блозі на Вlogger

Ваш блог ніколи не матиме завершеного вигляду, якщо ви не створите на ньому Breadcrumbs (хлібні крихти).

На моєму блозі вони розміщені відразу ж над заголовком публікації і мають ось такий вигляд: 

Для чого потрібін Breadcrumbs


Головне завдання  Breadcrumbs - полегшити навігацію по сайту для читачів. За "хлібними крихтами" вони зможуть зорієнтуватися у якому розділі перебувають цієї миті.


Крім того, Breadcrumbs зорієнтовані на пошукові машини, вказаючи їм посилання на головну сторінку блогу та посилання на категорію.Таким чином ми перелінковуємо свій сайт, зв'язуючи його посиланнями.

Тому я раджу і вам встановити у блозі Breadcrumbs.

А виконати це завдання доволі просто.

Заходимо в Шаблон -- Змінити HTML. Із  допомогою клавіш (Ctrl+F) знаходимо рядок  шаблоні: ]]></b:skin>

Просто перед ним вставляємо код стилю "хлібних крихт":
breadcrumbs {
padding:5px 10px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:1px solid #e6e4e3;
}
.breadcrumbs a {
text-decoration:underline;
}
 
Тепер шукаємо код:
<b:include data='top' name='status-message'/>
і змінюємо його на:
<b:include data='posts' name='breadcrumb'/>
<b:include data='top' name='status-message'/> 

Наступний крок - пошук коду у шаблоні:
 <b:includable id='main' var='top'>

Його ми змінюємо на такий:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
Перед тим, як прописувати наведений код блогу, ви можете скопіювати його у блокнот і внести правки, замінивши HOME на Головна.
Вітаю, після виконання нескладних маніпуляцій ви мали б отримати "хлібні крихти" перед кожною публікацією свого блогу.
Перший етап "перелінковки блогу завершено. 
Breadcrumbs або "хлібні крихти" у блозі на Вlogger Breadcrumbs або "хлібні крихти" у блозі на Вlogger Reviewed by Vasyl Markovych on вересня 25, 2013 Rating: 5

Немає коментарів:

На платформі Blogger.