预定义要在lightbox中显示的发布内容的样式

时间:2016-12-09 作者:Joolian

因此,我构建了一个post系统,它被推到图像网格中。当用户单击其中一个图像时,将打开一个灯箱,并通过AJAX沿功能图像显示帖子内容。像这样:https://code.org/learn

我能够获得帖子内容和图片。然而,我希望能够预先设计它们的样式。例如,能够以一种CSS样式推送标题,以另一种样式推送类别,以另一种样式推送内容,从而实现更具设计感的完成。我该怎么做呢?我刚刚意识到,通过帖子进行解析超出了我的范围,而且相当愚蠢,因为这涉及到字符检测系统。但我想实现一个精心设计的解决方案。

我已经在Xtheme和essential grid上建立了我的网站,lightbox是默认的essential grid,即fancybox。

非常感谢您的帮助。

1 个回复
SO网友:iantsch

创建自己的子主题,其中包含functions.phpstyle.css 所以,如果你的第三方主题得到更新,你不会失去任何你投入其中的工作。

functions.php 将样式表排队。

function enqueue_my_style() {
    wp_enqueue_style( \'xtheme-custom\', get_stylesheet_uri() );
}
add_action( \'wp_enqueue_scripts\', \'enqueue_my_style\' );
在您的style.css 写下你的CSS风格调整标记。

资料来源:

相关推荐

为“Swipebox”lightbox定制css

我正在使用Awesome Flickr Gallery,一个在网站上显示Flickr图库的插件;它使用“Swipebox”在灯箱上显示单个图片。灯箱在屏幕上和底部显示两个栏,di显示信息并提供导航控制。我正在尝试自定义这些栏以匹配网站的字体和颜色,但没有成功。通过用铬检查相关项目,我发现这些元素<div id=\"swipebox-top-bar\" class=\"visible-bars\"> 和<div id=\"swipebox-bottom-bar\" class=\"visi