URL의 클래스 사용 안 함

Question

홈페이지를 볼 때 콘텐츠 영역이 오른쪽 정렬 세로 막대와 왼쪽 정렬되도록 설계 한 Wordpress 비디오 블로그가 있습니다. 방문자가 특정 블로그 게시물의 페이지를 클릭하면 사이드 바가 콘텐츠 영역 아래로 이동하고 콘텐츠 영역 (및 그 안에있는 비디오)이 훨씬 커집니다. header.php에서

, 내가 읽어 줄이 있습니다

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

을 그리고있는 style.css의를

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

.widescreen #content { 
    width: 940px; 
} 

나는 가능하면, 내 방문자 수있는 기회를 제공하고자

어떤 이유로 든 그들이 크기를 선호하고 아카이브의 특정 게시물을 검색하지 않으려는 경우 작은 크기의 비디오가있는 단일 게시물 페이지를 볼 수 있습니다.

'와이드 스크린'클래스가 비활성화 된 페이지의 대체 버전에 대한 링크를 제공 할 수 있는지 궁금합니다. '웹 사이트/게시판 & 클래스 : widescreen = false'의 영역에있는 것이지만 분명히 정확히는 아닙니다.

Answer 1

당신은 그것을 위해 자바 스크립트를 사용할 수 있습니다

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 = ""; 
    } 
}