<
  • Главная
Статьи

Управління показом гаджетів на blogger

  1. - «Архів блога». А вище знаходиться контейнер div, який і є контейнером всього гаджета архіву. Контейнер...
  2. 2. Коли код гаджета знайдений, і точно визначені його початок і кінець, можна додати до нього умова....
  3. 3. Як правильно прописати тип сторінки - останнє, що ми розберемо сьогодні. Тут вам все стане зрозуміло...

, Тобто елемента списку. Якщо ми станемо рухатися вгору по дереву вихідного коду, то виявимо кореневий елемент списку

      , Вкладений в кілька контейнерів div. div з класом «widget-content» відповідає за вміст гаджета. Над ним йде заголовок блоку, укладений в тег

- «Архів блога». А вище знаходиться контейнер div, який і є контейнером всього гаджета архіву. Контейнер гаджета можна дізнатися тому, що у нього завжди йде клас «widget», і через пробіл написано назву гаджета. В даному випадку це «BlogArchive». Якщо ви на рядку з цим контейнером клацніть зліва по значку «-«, тобто повернете цей контейнер, то побачите, що він знаходиться на одному рівні з іншими подібними контейнерами, які все мають клас widget, і через пробіл - унікальне назву гаджета. На нашому скріншоті ми бачимо вище такі гаджети, як «widget Label» (гаджет ярликів або рубрик), «widget FollowByEmail» (підписка на розсилку), «widget LinkList» (список посилань), «widget Text» (текстовий гаджет) і « widget Profile »(гаджет автора блогу).

Таким чином ви можете зрозуміти тепер, як вам знайти код потрібного вам гаджета. У вас список швидше за все буде іншим, але користуючись даними алгоритмом, ви легко знайдете потрібний гаджет.

У підсумку, нам потрібен унікальний id нашого гаджета. Чи не клас, а саме id! Якщо у вас на сторінці є два гаджета одного типу (а це дуже ймовірно, особливо якщо ви використовуєте гаджет html / javascript), то у них буде однаковий клас «widget HTML».

Два гаджета одного класу можна відрізнити по id. він то нам і потрібен. У тому ж рядку контейнера, де записаний клас гаджета, записаний і його id. Як правило, це той же унікальний клас, тільки разом з порядковим номером. Наприклад «HTML1» або «Text3».

Даний спосіб трохи важкувато і передбачає наявність хоча б базових знань html, зате дозволяє вам використовувати його і в інших ситуаціях. Наприклад, коли потрібно правильно визначити який-небудь зайвий шматок дизайну, який хочеться видалити.

Спосіб 2. Ще один простіший спосіб дізнатися id гаджета полягає в наступному - на вкладці «Дизайн» в адміністративній панелі блогера відкриваєте потрібний вам гаджет і збільшуєте вікно на весь екран, щоб бачити повністю адресний рядок:

В кінці адреси сторінки, після слів widgetid і знака «=» буде потрібний нам id нашого гаджета!

Копіюємо id гаджета, йдемо в html-редактор шаблону і за допомогою пошуку (CTRL + F) знаходимо код нашого гаджета.

[Box type = "warning»] Перед роботою з html-кодом шаблону не забуваємо робити резервну копію! [/ Box]

Код гаджет має приблизно такий вигляд:

[Содержімоевіджета]

Тобто йдуть два рядки відкривають гаджет, потім йде саме вміст, і в кінці - два рядки закривають гаджет.

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

Як бачите, від вас буде потрібно якийсь терпіння, щоб правильно виділити код гаджета.

2. Коли код гаджета знайдений, і точно визначені його початок і кінець, можна додати до нього умова. Для цього укладемо вміст гаджета в умова за наступною схемою:

[Содержімоевіджета]

Тобто після перших двох рядків, починаючи з рядка <b: widget ..., вам потрібно поставити умову, і перед останніми двома рядками, починаючи з

Розберемо сам код умови:

Слово «if» вказує на умову. Після коду «data: blog.pageType» вказується тип сторінки, для якого має бути виконана умова. Тобто, якщо ми знаходиться на цій сторінці, то гаджет буде показаний. А на всіх інших сторінках він буде прихований. Це один варіант.

Припустимо, що ми хочемо виводити гаджет всюди, крім певних сторінок. Що нам тепер робити - прописати в умова всі сторінки, де він буде виводитися? Це може бути дуже виснажливим. Для цього є зворотне умова. У цьому випадку після «data: blog.pageType» буде не подвійний знак рівності, який вказує на тотожність умови заданому типу сторінки, а ось такий знак: «! =», Який вказує на те, що умова буде працювати тільки в разі нерівності. Тобто гаджет буде виводиться тільки в тому випадку, якщо ми знаходимося на будь-якій сторінці, відмінною від зазначеної в умови. Можна використовувати обидва ці способи, в залежності від ситуації.

І не забувайте, що потрібно поставити закриває тег умови перед двома останніми рядками коду гаджета:

3. Як правильно прописати тип сторінки - останнє, що ми розберемо сьогодні. Тут вам все стане зрозуміло з наступного списку:

1. Показ тільки для головної сторінки:

[Box type = "warning»] Зверніть увагу, що, якщо ви використовуєте якусь іншу сторінку замість головної, то потрібно буде прописати повну адресу використовуваної сторінки (див. 7 пункт) [/ box]

2. Показ тільки для сторінок повідомлень:

3. Показ тільки для сторінок архіву:

4. Показ тільки для статичних сторінок:

5. Показ тільки для головної і для сторінок ярликів:

6. Показ для статичних сторінок і сторінок повідомлень:

7. Показ тільки для певної користувачем сторінки (потрібно вставити повну адресу сторінки):

Ну і звичайно, кожне з цих умов можна застосувати навпаки, якщо замість подвійного рівності поставити «! =».

Це досить складна тема, робота безпосередньо з кодом шаблону. Невсой це потрібно, але іноді з'являється така необхідність, і, якщо ви озброєні необхідними знаннями, то у вас все вийде! Якщо щось не виходить або є інший досвід вирішення даного питання, то прошу залишати коментарі.

[Box type = "bio»] Сподобалася стаття - клікніть на кнопки соціальних мереж внизу. Підпишіться на розсилку нових повідомлень сайту - вона знаходиться в правій колонці зверху. Так ви завжди зможете отримувати найсвіжішу інформацію з цього блогу прямо собі на пошту! [/ Box]

zp8497586rq

Що нам тепер робити - прописати в умова всі сторінки, де він буде виводитися?


Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью