问如何集成visual composer自定义wordpress主题
EN

Stack Overflow用户

提问于 2017-12-20 04:30:11

回答 1查看 922关注 0票数 0

我开发了自定义wordpress主题与集成的visual composer插件，它安装正确，但问题是，当我已经安装插件在我的自定义主题从后端，所有的视觉编写器功能工作，但在前端没有显示设计，因为我已设置在后端，这意味着当我的主题安装visual composer插件js和css没有加载，当我安装其他主题时，它正常工作，请让我摆脱这个问题，我是一天后发现，但没有得到任何适当的解决方案。

对于Ex:我在后端设置了三列，但是当我在前端显示时，它不是除以三列。

Header.php文件

<?php
 /*
  Template Name:Header
 */
?>
<!DOCTYPE html>

<html class="top">
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <?php wp_head();?>
</head>
<body <?php body_class(); ?> id="page-wrap">
    <div id="page" class="main-site">
        <header id="master-header" class="main-header">
            <div class="site-branding">
                <a href="<?php echo esc_url( home_url() ); ?>" class="link-logo"><img src="<?php echo esc_url( home_url() ); ?>/wp-content/uploads/2017/12/test.png" class="logo"></a>
            <?php 
                 wp_nav_menu( array( 
                   'theme_location' => 'primary-menu', 
                   'container_class' => 'top-navigation-menu' ) 
                );
            ?>
        </div>
        </header>   
    <div id="main-content" class="data-content">
         <div class="container-fluid">

Footer.php文件

    </div>
   </div> 
   </div> 
<?php get_footer(); ?>
  </body>
</html>

Function.php文件

<?php
function my_theme_script(){
    wp_enqueue_style('style-css', get_template_directory_uri().'/style.css');
    wp_enqueue_style('bootstrap-css', get_template_directory_uri().'/bootstrap/css/bootstrap.min.css');
    //wp_enqueue_script('jquery-js', get_template_directory_uri().'/js/jquery.min.js');
    wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/bootstrap/js/bootstrap.min.js');
}
add_action('wp_enqueue_scripts','my_theme_script');

/*Add Menu in Wordpress Admin Dashboard*/
add_theme_support( 'menus' );

add_action( 'init', 'register_my_menu' );
function register_my_menu() {
  register_nav_menu( 'primary-menu', __( 'Primary Menu') );
}
?>

jquery

css

wordpress

plugins

themes

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-20 04:40:32

尝试创建这样的页面模板，并在编辑或新页面模板的后端显示选项，选择“首页模板”，更新页面将显示带有可视化设计的内容。

<?php
/**
 * Template Name: Front Page Template // You can change the name
 *
 * @package WordPress

 * @subpackage demo // Theme Name

 * @since demo 1.0
 */

get_header(); ?>

    <div class="main_content">
        <div class="container">
             <?php if ( have_posts() ) : ?>
                <?php while ( have_posts() ) : the_post() ?>
                    <?php the_content() ?>
                <?php endwhile; ?>
            <?php endif; ?> 

        </div><!-- container -->
    </div><!-- main_content -->

<?php get_footer(); ?>