Php 禁用URL中的类

我有一个Wordpress视频博客，我设计了这样一个博客，在浏览主页时，内容区域是左对齐的，而侧边栏是右对齐的。如果访问者点击特定博客文章的页面，侧边栏将向下移动到内容区域下方，内容区域（以及其中的视频）将变得更大

在header.php中，我有一行内容如下：

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

我希望，如果可能的话，让我的访问者有机会查看主页上可用的较小视频大小的单个帖子页面，如果出于某种原因，他们喜欢该大小，并且不希望在存档中搜索该特定帖子

---

我想知道是否有可能提供一个链接，指向禁用“宽屏”类的页面的替代版本。“website.com/post&class:widescreen=false”领域中的一些东西，尽管显然不是那么准确。

您可以使用Javascript实现这一点：

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

您可以在此处看到现场演示：

诀窍是调用超链接中的函数，在移除类和重新打开类之间切换

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

---

Javascript是我的弱点之一。我如何将其实现为超链接？我在这里给大家举了一个例子：我现在正在编辑我的答案。好的，我已经实现了这段代码，它的行为非常奇怪#内容不是唯一受宽屏类影响的元素，当我按下按钮时，Javascript会更改除内容之外的每个元素的宽屏类。另一个反常现象是，该代码适用于宽屏类最初被禁用的页面，例如我的主页。这个按钮可以打开和关闭它。然而，在类最初处于活动状态的页面上，它两者都没有。

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