隐藏属于某个特定页面上所有页面一部分的div

时间：2013-07-23 作者：David Tunnell

如何隐藏特定WordPress页面的div（包含图像）？

我相信我的页面id是46：

enter image description here

以下是我正在尝试更改的div：

<div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;">
    <img src="images/background-bottom.png"/>
</div>

以及我的主CSS文件中的关联CSS代码：

#static-footer-image body.page-id-46 { 
     display: none; 
}

它仍在上演。我该怎么做才能解决这个问题？

6 个回复

最合适的回答,由SO网友:Mayeenul Islam 整理而成

从URL结构猜测，您的%postname% permalink结构活跃。因此，一些内部CSS也可以提供帮助，语法是in_page(\'page_slug\'):

<?php // Do action only on specific page in WP ?>
<?php if( in_page(\'resourses\') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>

SO网友:M-R

使用以下CSS

body.page-id-46 #static-footer-image { 
     display: none; 
}

并确保将“page-id-46”类应用于body标记并清除缓存。可以在其他浏览器或匿名窗口上尝试。

SO网友:Patty J. Ayers

如果这是页面ID，则选择器应为

body#page-id-46 #static-footer-image

不是

body.page-id-46 #static-footer-image

SO网友:aldo.roman.nurena

您可能有display 在CSS中，您可以尝试：

body.page-id-46 #static-footer-image { 
     display: none !important; 
}

SO网友:Asif

这对我很有用：

body .page-id-46 #static-footer-image { 
     display: none; 
}

不是这个：

body.page-id-46 #static-footer-image { 
     display: none; 
}

在正文后给出空格和类型.page-id-46 #static-footer-image{display: none;}再次检查它是类还是id。在我的情况下，它是id，以下是我的代码供您参考：

body #post-448 .entry-meta-bar
{
    display:none;
}

希望这对你有帮助。

SO网友:Bennetts Design

如果要排除小部件，代码会是什么样子？

CSS：

body.page-id-60748,
.widget_its-single-post { 
     display: none !important; 
}

结束

WYSIWYG with HTML source?

我正在尝试从Drupal切换到WordPress，我有很多文章都是用Drupal的WYSIWYG编辑器编写的，存储方式如下Hi, this is an article<img bla=\'bla\'></img> 所以我想直接复制源代码并粘贴到WordPress中。我可以通过禁用可视文本编辑器来实现这一点。因此，它可以在中迁移现有文章。但是写新文章怎么样？我找不到任何自动插入 标

小码农CODE

隐藏属于某个特定页面上所有页面一部分的div

相关推荐

WYSIWYG with HTML source?