Убрать боковую панель в сообщениях с определенными ярлыками

Как убрать боковую панель в сообщениях с определенными ярлыками


Удаление боковой панели в сообщениях

Удаление боковой панели в сообщениях с определенными ярлыками - я создал этот пост, чтобы ответить на вопрос друга Blogger о том, как удалить боковую панель в сообщениях с определенными ярлыками. На самом деле, я хотел написать про другой вариант, о том, как создавать просмотры разных страниц сообщений на основе ярлыков с помощью javascript, но я не предполагал фокусироваться на том, как избавиться от боковой панели, поэтому пришлось немного скорректировать план. И так, поехали! 

В этом варианте нам понадобится условный тег для определенных меток, чтобы разместить javascript, который служит для добавления классов в тег body. Поскольку для определенных меток используются условные теги, их нельзя хранить вне сообщений.

Условные теги для этих конкретных меток выглядят следующим образом:
<b:if cond='data:blog.pageType == &quot;item&quot; and data:post.labels'><b:loop values='data:post.labels' var='label'><b:switch var='data:label.name'>
<b:case value='Label'/>
............
</b:switch></b:loop></b:if> А вот и javascript для добавления класса в тег body, который будет храниться в условном теге выше.
<script>
//<![CDATA[
document.body.className += ' Label';
//]]>
</script>
Внимание, пространство перед меткой, как указано выше, предназначено на тот случай, если классы в теле не являются плотными или унифицированными, если ранее в теге тела был класс.

Так что если объединить теги cond и javascript, это будет выглядеть так.
<b:if cond='data:blog.pageType == &quot;item&quot; and data:post.labels'><b:loop values='data:post.labels' var='label'><b:switch var='data:label.name'>
<b:case value='Label'/>
<script>
//<![CDATA[
document.body.className += ' Label';
//]]>
</script>
</b:switch></b:loop></b:if>
Измените код, помеченный жёлтым, которую вы хотите использовать для класса в теге body, например, меткой Trick, чтобы он выглядел так.
<b:if cond='data:blog.pageType == &quot;item&quot; and data:post.labels'><b:loop values='data:post.labels' var='label'><b:switch var='data:label.name'>
<b:case value='Trik'/>
<script>
//<![CDATA[
document.body.className += ' Trik';
//]]>
</script>
</b:switch></b:loop></b:if>
Затем, сохраните код в области сообщений следующим образом.
<b:includable id='post' var='post'>
<article class='post hentry'.........>
..............
..............
</article>
KODE TADI DI SINI
</b:includable>
 Так что внешний вид такой.
<b:includable id='post' var='post'>
<article class='post hentry'.........>
..............
..............
</article>
<b:if cond='data:blog.pageType == &quot;item&quot; and data:post.labels'><b:loop values='data:post.labels' var='label'><b:switch var='data:label.name'>
<b:case value='Trik'/>
<script>
//<![CDATA[
document.body.className += ' Trik';
//]]>
</script>
</b:switch></b:loop></b:if>
</b:includable>
Затем добавьте CSS в стиль своего блога, чтобы удалить боковую панель, как показано ниже.
.Trik .sidebar {
display: none;
visibility: hidden;
}
Если вы хотите добавить другие метки, например метку Blogger, добавьте следующий код
<b:case value='Blogger'/><script>
//<![CDATA[
document.body.className += ' Blogger';
//]]>
</script>Так что внешний вид выглядит следующим образом.
<b:if cond='data:blog.pageType == &quot;item&quot; and data:post.labels'><b:loop values='data:post.labels' var='label'><b:switch var='data:label.name'>
<b:case value='Trik'/>
<script>
//<![CDATA[
document.body.className += ' Trik';
//]]>
</script>
<b:case value='Blogger'/>
<script>
//<![CDATA[
document.body.className += ' Blogger';
//]]>
</script>
</b:switch></b:loop></b:if>
Так что CSS изменится на следующее.
.Trik .sidebar, .Blogger .sidebar {
display: none;
visibility: hidden;
Попробуйте и надеюсь, что это будет полезно.
ОткрытьЗакрытьКомент
Cancel