我的主题如何允许用户利用帖子中的高级html标记

时间:2015-05-20 作者:shrm03

不知道该如何表达这个问题。让我为single绘制一个简单的Wordpress设置。php:

<div id="container">
   <?php the_content(); ?>
</div>
但是,如果在\\u content()中,我希望用户能够使用更高级的页面布局,而这些页面布局在#容器之外会发生什么呢?例如,假设#容器的宽度为1140px,但我希望页面上的blockquote是(浏览器的)100%宽度?

以下是我想做的主题:http://cedarwp.ecko.me/design-patterns-introduction/

请注意,黑条是全宽的,需要html标记才能实现外观。

我想我可以用短代码来实现这一点,但这听起来不是很灵活。请告知!

1 个回复
SO网友:m4n0

About the link you provided

黑条是.pagewrapper 但没有为pagewrapper指定宽度。

.pagewrapper {
  left: 0;
  position: relative;
  transition: left 500ms ease-in-out 0s;
}
帖子内容设置为最大宽度:700px,它不会延伸边界。

.wrapper {
  margin: 0 auto;
  max-width: 700px;
  width: 90%;
}
黑条是全新的部分,具有此代码,没有设置宽度:

.postcontents.dark {
  background: none repeat scroll 0 0 #2c2e32;
  color: #e2e2e2 !important;
  padding: 90px 0;
}
There is a CSS specific solution.

如果需要使用100%宽度的块引号,则需要使其脱离#容器的正常流。

.blockquote {
  position: absolute;
  width: 100%;
  left: 0;
}
Blockquote within containerBlockquote within container

Blockquote outside the flowBlockquote outside the flow

更好的解决方案是创建一个名为blockquote-full-width 并允许用户使用它。

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。