Убрать боковую панель со страницы

Как убрать боковую панель

Иногда нужно для заработка или по иной причине убрать панель (сайдбар, колонка) с определённой статичной страницы или страницы сообщения в блоге на Blogger. Например, когда надо поместить на страницу какое-либо приложение, которое не входит при наличии боковой панели. Например, такое выполнено в этом блоге на странице "Генератор кнопок для сайта".
Убрать боковую панель
Вообще, убрать колонки можно как по отдельности - правую или левую, растянув содержание на оставшуюся часть или сразу обе боковые колонки, отведя под текст всю ширину страницы. Для выполнения этой достаточно непростой задачи понадобится изменить HTML код темы, поэтому не забудьте сделать резервную копию шаблона.

Удалить боковую панель справа

В нашем примере будем убирать правую боковую колонку страницы, используя данный код: column-right-outer.
  1. Заходим в редактор кода темы.
  2. С помощью поиска Ctrl + F находим в шаблоне </head>
  3. Перед </head> вставляем код для удаления сайдбара справа:

    4. <b:if cond='data:blog.url == &quot;Адрес страницы&quot;'>
      <style type='text/css'>
        .main-inner .columns { padding-right: 0; }
        .main-inner .fauxcolumn-center-outer { right: 0;
          _width: expression(this.parentNode.offsetWidth -
            parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;); }
        .main-inner .fauxcolumn-right-outer { width: 0px; }
        .main-inner .column-right-outer { width: 0px; margin-right: 0; }
      </style>
    </b:if>
  4. По окончании вставки первого кода начинаем поиск кода, выделенного зелёным цветом, после чего к нему добавляем второй код - по строчке сверху и снизу. Данные строчки подчёркнуты.

    5. <b:if cond='data:blog.url != &quot;Адрес страницы&quot;'>
    <div class='column-right-outer'>
      <div class='column-right-inner'>
        <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
        </aside>
      </div>
    </div>
     </b:if>
  5. Проверяем отсутствие правого сайдбара.

Удалить боковую панель слева

Чтобы убрать колонку с левой стороны надо проделать следующее:
  • Перед </head> сначала прописать этот код
    • <b:if cond='data:blog.url == &quot;Адрес страницы&quot;'>
      <style type='text/css'>
        .main-inner .columns { padding-left: 0; }
        .main-inner .fauxcolumn-center-outer { left: 0;
          _width: expression(this.parentNode.offsetWidth -
            parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;); }
        .main-inner .fauxcolumn-right-outer { width: 0px; }
        .main-inner .column-left-outer { width: 0px; margin-left: 0; }
      </style>
    </b:if>
  • Если нужно убрать колонку с левой стороны страницы, в искомом коде, соответственно, вместо right должно быть left. Поэтому ищем в шаблоне темы именно такой код, который выделен зелёным цветом. Потом выше и ниже добавляем подчёрткнутые строчки. Должно получиться так:
    • <b:if cond='data:blog.url != &quot;Адрес страницы&quot;'>
    <div class='column-left-outer'>
      <div class='column-left-inner'>
        <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
        </aside>
      </div>
    </div>
     </b:if>
  • Смотрим, отсутствует ли левый сайдбар.
В кодах необходимо Адрес страницы поменять на адрес своей страницы.

Убрать боковые панели

Со страницы удалить обе боковые панели можно прописав перед </head> коды на удаление левой и правой боковых колонок. После этого для каждой боковой колонки найдите основной зелёный код и добавьте над и под ним подчёркнутый код.
Чтобы убрать колонку на всех страницах сообщений вместо "Адрес страницы" вставьте "item" без кавычек.
Если нужно убрать сайдбар только со статичных страниц, то вставьте: static_page.
Для удаления колонок на главной странице "&quot;Адрес страницы&quot;" замените на: data:blog.homepageUrl.

1 комментарий: