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

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

Удаление боковой панели в сообщениях с определенными ярлыками — я создал этот пост, чтобы ответить на вопрос друга 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;

Попробуйте и надеюсь, что это будет полезно.

 

Рейтинг
( Пока оценок нет )
Загрузка ...