如何生成vc_shortcodes自定义css？视觉作曲家
如何生成vc_shortcodes自定义css？视觉作曲家
提问于 2018-02-19 10:19:37
我的一个客户希望在他的Wordpress网站上有一个“本月最佳项目”的功能。但是有一个档案页。
我的想法是创建一个定制的post类型，并称之为项目。在这里，客户端可以管理项目并创建新的项目。
使用这段代码，我可以从最新的项目帖子中获取内容，并将该内容放在主“每月项目”页面上，而所有过去的项目都在归档页面上。
$latest_cpt = get_posts("post_type=projects&numberposts=1");
$my_postid = $latest_cpt[0]->ID; //This is page id or post id
$content_post = get_post($my_postid);
$content = $content_post->post_content;
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
echo $content;这很管用..。但不是真的。
项目页是使用visual composer生成的。其中一些元素有背景色或衬垫。Visual composer为这些元素提供了一些独特的类，如
.vc_custom_1516702624245
并在页面加载时添加自定义样式标记。就像这样
<style type="text/css" data-type="vc_shortcodes-custom-css">
.vc_custom_1516711125312 {
padding-top: 75px !important;
padding-bottom: 75px !important;
background-color: #f3f5f6 !important;
}
.vc_custom_1516702624245 {
background-color: #f3f5f6 !important;
}
.vc_custom_1516711013808 {
margin-top: -106px !important;
}
.vc_custom_1516702490896 {
padding-left: 50px !important;
}
.vc_custom_1516703325534 {
margin-top: -15px !important;
}
.vc_custom_1516702744160 {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.vc_custom_1516702987431 {
padding-right: 65px !important;
}
.vc_custom_1516709810401 {
border-radius: 3px !important;
}
</style>我的方法的问题是，visual没有为正在加载的post内容创建样式标记。
因此，许多小的造型细节都丢失了。
TL：博士视觉作曲家风格不生成post_content
Stack Overflow用户
回答已采纳
发布于 2018-02-21 19:50:55
您可以使用addShortcodesCustomCss函数的一部分Vc_base
$shortcodes_custom_css = get_post_meta( $id, '_wpb_shortcodes_custom_css', true );
if ( ! empty( $shortcodes_custom_css ) ) {
$shortcodes_custom_css = strip_tags( $shortcodes_custom_css );
echo '<style type="text/css" data-type="vc_shortcodes-custom-css">';
echo $shortcodes_custom_css;
echo '</style>';
}用您的$my_postid替换$my_postid，如果需要，用$content .=替换echo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48863928
复制相关文章
相似问题
腾讯云开发者
