我已经设计了一个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'。

===============>>#1 票数:0

您可以为此使用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 = "";
   }
}

  ask by MisterCerberus translate from so

未解决问题?本站智能推荐:

2回复

在Wordpress中创建自定义URL

有没有一种方法可以在Wordpress中创建自定义永久链接? 例如,我正在尝试创建以下网址: website.com/our-services/douchebag-removal 但是,当我创建页面douchebag删除时,我无法在永久链接中添加/,因此它看起来像是我们的ser
4回复

如何检查url在jQuery中是否没有查询字符串?

我正在WordPress中编辑一个表单。 我希望我的jquery脚本在url没有查询字符串时执行。 该网址不应包含如下查询字符串: http : //127.0.0.1/mybetabizopi/login/?action = lostpassword 我只希望我的脚本在url是这
1回复

将图像链接到WordPress模板中的外部URL

我已经遇到过几次这个问题,但是一直都在解决它。 有没有一种特殊的方法可以将WordPress模板中的图像链接到典型的href标签之外的外部URL? 这是我要链接到外部URL的图像:
1回复

很棒的字体,而不是网址中的图片

好吧,我有这种网址 并想用真棒字体图标代码更改facebook png图像 如何在我的网站顶部蓝色标题中执行此操作?
1回复

如何将页面中的所有URL图像转换为Wordpress中的媒体库图像?

我真的遇到了将HTML静态站点转换为WordPress的问题,因为图像是通过HTML SRC代码托管的,因此在将其转换为Wordpress后,在编辑过程中没有人能够在页面中以可视格式查看图像,所以我想知道是否确实存在任何将图像内的整个页面转换为链接到媒体库托管图像的方法,以便人们在编辑页面时可以
2回复

用于视差背景的图像是从http localhost而不是style.css中的wordpress url

我为我构建的wordpress网站创建了一个视差滚动效果。 使用以下html和css: HTML CSS 我转到页面,图像没有出现。 我去“检查”并得到以下错误: (索引):1混合内容:“ https://mywebsite.com/ ”页面是通过HT
1回复

WordPress网站中页面源中服务器上文件的URL已更改

我正在尝试将adsense代码添加到wordpress博客demonuts.com 。 我已经将Google代码放在wordpress的TEXT WIDGET中 。 但是,当我运行该网站时,.js,.css或.png文件的网址在视图页面源中已更改。 例如,dashicon.min.cs
4回复

如何在WordPress中获取子主题网址?

我正在WordPress中创建子主题。 我已经上传了包含css和javascripts的资产文件夹。 这将是一个自定义主题。 在标签内部,我包括了css文件以获得css文件。 我下面的当前代码有问题: 如果下面的代码在icomoon文件夹后没有styles.css,则可以
1回复

如何在wordpress中获取img标签的图像网址

我正在创建一个wordpress主题。 我希望一些图像保持静止。 我怎么能得到我的图像源背后的网址。 我的默认图片网址 src="assets/logo/logo.jpg"> 我正在尝试 src="../assets/logo/logo.jpg"
1回复

WordPress - 如何禁用function.php中media.php使用的过滤器? [关闭]

在WordPress中,如果我使用此代码将“照片库”添加到我的主题模板: 然后WordPress核心将“use_default_gallery_style”导致其设置为“ true ”: wp-include / media.php第755行开头如下: 问题是:我的页