在前台查看草稿页面的自定义css？

时间：2019-02-11 作者：Derek Illchuk

在前端查看草稿页面时，我希望立即在页面本身上看到该状态。目前，有零指示。是否有任何方法可以获得特定于草稿的CSS（甚至只是标题消息？）

2 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

可能有更好的方法，但您可以将以下CSS添加到样式表中，这将在查看状态为草稿的页面时添加一个小横幅。

.status-draft.hentry:before {
    content: "Previewing a Draft";
    background: #87C5D6 !important;
    display: block;
    text-align: center;
}
您还可以将这些类用于不同的状态。

.status-pending

.status-publish

.status-future

.status-private

对我有用。

enter image description here

SO网友:Derek Illchuk

请点击此处。如果主页设置为draft，则所选答案中使用的CSS类不可用。下面是我现在使用“CSS和Javascript工具箱”插件放置对角线草稿水印的方法：

CSS

.draft-watermark{
  position:absolute;
  background:clear;
  display:block;
  min-height:50%; 
  min-width:50%;
  color:lightgrey;
  font-size:500%;
  transform:rotate(310deg);
  -webkit-transform:rotate(310deg);
  z-index: 100;
}
.draft-watermark:before {
  content: "DRAFT DRAFT DRAFT DRAFT";
}
CJToolbox中的脚本，设置为包含在所有页面中：

<?php if (get_post_status(get_the_ID()) == \'draft\'): ?>
<script>
  jQuery(document).ready(function() {
    jQuery(\'<div class="draft-watermark"></div>\').insertBefore(jQuery(\'div:first\'));
  });
</script>
<?php endif; ?>

标签： draft   小码农  

相关推荐

使用‘DRAFT_TO_PUBLISH’挂钩(发布状态转换)

我正在尝试使用draft\\u to\\u publish挂钩(http://codex.wordpress.org/Post_Status_Transitions) 在发布作为草稿的帖子时运行函数。此挂钩似乎不起作用：add_action(\'draft_to_publish\', \'myFunction\'); 当我在插件中使用它时，myFunction永远不会被激发。我以前使用/测试过该功能。我知道这是挂钩，而不是myFunction的内容。我找到的所有“解决方案”都只是指向上面的Cod