Отключить класс по URL-адресу

Question

У меня есть блог-блог Wordpress, который я разработал так, чтобы при просмотре главной страницы область содержимого выравнивалась по левому краю с помощью выровненной по правому краю боковой панели. Если посетитель нажимает на страницу определенного сообщения в блоге, боковая панель перемещается вниз ниже области содержимого, а область содержимого (и видео в ней) становится намного больше.

В header.php, у меня есть строка:

<body<?php if (is_single()) { 
echo ' class="widescreen" '; } ?>> 

А в style.css

#content { 
    float: left; 
    width: 660px; 
} 

.widescreen #content { 
    width: 940px; 
} 

Я хотел бы, если это возможно, дать своим посетителям шанс просмотрите отдельную страницу с меньшим размером видео, доступным на домашней странице, если по какой-то причине они предпочитают этот размер и не хотят искать этот пост в архиве.

Мне было интересно, можно ли предоставить ссылку на альтернативную версию страницы с отключенным классом «широкоэкранный». Что-то в области: 'website.com/post & class: widescreen = false', хотя, очевидно, это не так.

Answer 1

Вы можете использовать Javascript для этого:

document.getElementById("content").className = ""; 

Вы можете увидеть живую демонстрацию здесь: http://jsbin.com/yiducicu/1/

Хитрость заключается в вызове функции в гиперссылки, переключаться между удалением класса и положить обратно на ,

function setWidescreen(){ 
    if (document.getElementById("content").className == ""){ 
    document.getElementById("content").className = "widescreen"; 
    } else { 
    document.getElementById("content").className = ""; 
    } 
}