如何整合视觉作曲家自定义wordpress主题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何整合视觉作曲家自定义wordpress主题相关的知识,希望对你有一定的参考价值。

Console Image

我已经开发了自定义wordpress主题与集成的视觉作曲家插件,它安装工作正常,但问题是我从后端安装我的自定义主题插件,所有视觉作曲家功能工作,但在前端没有显示设计,因为我已设置在后端这意味着当我的主题安装视觉作曲家插件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') );
}
?>
答案

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

<?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(); ?>

enter image description here

以上是关于如何整合视觉作曲家自定义wordpress主题的主要内容,如果未能解决你的问题,请参考以下文章

如何在 wordpress 视觉作曲家中搜索替换图像 url

如何在wordpress主题中添加设置页面

如何从 PHP 代码自定义 Wordpress DashBoard 中的用户角色?

在不同的 wordpress 页面上执行可视作曲家生成的代码

为 wordpress 主题和插件创建满足作曲家的私有存储库

如何让wordpress了解我的自定义主题不是儿童主题?