我的定制模板页面没有加载里面的内容吗?

时间:2017-11-15 作者:Prasad Patel

我想创建自己的wordpress主题,因为我有自己的HTML模板,我想将此HTML模板转换为wordpress主题,因此,我复制了内置的wordpress主题“Twenty17”,并复制了我的CSS&;JS文件到wordpress主题根目录/资产/css(&;js文件夹。之后,我将html和;页脚页并提供了我自己的css&;js url的,对于主页,我需要一个模板页,所以,我创建了一个模板页,并包含标题和;使用“get\\u header()”的页脚文件(&;)get\\u footer()\'方法在模板页的中间,我复制了所有html代码。最后,我创建了一个新的wordpress页面并分配了这个模板。My problem here is only header&footer content is getting loaded but template page content is not loaded.

模板主页。php

<?php
  /* Template Name: home */
   get_header();
?>
<div id="theme-main-banner" class="banner-three gradient-banner-three">
  ---------------------------
   HTML content goes here..
    ------------------------
</div>
<?php
   get_footer();
?>  
标题。php

<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<head>
    <meta charset="<?php bloginfo( \'charset\' ); ?>">
    <!-- For Resposive Device -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <link rel="profile" href="http://gmpg.org/xfn/11"> -->
    <title>My-Site-Title - App Landing Page</title>
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="56x56" href="<?php bloginfo(\'template_url\')?>/assets/images/fav-icon/icon.png">
    <!-- Main style sheet -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo(\'stylesheet_directory\') ?>/assets/css/styles.css">
    <!-- responsive style sheet -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo(\'stylesheet_directory\') ?>/assets/css/responsive.css">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
    <div class="main-page-wrapper home-page-three">
     ---------
    </div>
页脚。php

<?php
/**
 * The template for displaying the footer
 * Contains the closing of the #content div and all content after.
*/ ?>
</div> <!-- /.html-top-content -->
<footer>
  <div class="container-fluid">
   -------
  </div> <!-- /.container -->
</footer>
<!-- jQuery -->
<script type="text/javascript" src="<?php bloginfo(\'template_url\')?>/assets/js/jquery.2.2.3.min.js"></script>
<script> ---- </script>
    --All script files goes here----
</div> <!-- /.main-page-wrapper -->
<?php wp_footer(); ?>

</body>
</html>

1 个回复
最合适的回答,由SO网友:Piyush Rawat 整理而成

您必须使用WP循环来获取页面内容。试试这个

<?php
/* Template Name: home */
get_header();
?>
<div id="theme-main-banner" class="banner-three gradient-banner-three">
   <?php while(have_posts()): the_post(); ?>
       <?php the_content(); ?>
   <?php endwhile; ?>
</div>
<?php get_footer(); ?>  

UPDATE

问题出在头版。php已经出现在主题中。因此,根据Template Hierarchy 它具有更高的优先级,重命名/删除它解决了问题

结束

相关推荐

Custom Category Archive Pages

我有一个带有6个类别的WP安装,我希望其中3个使用名为“Category special.php”的自定义类别归档页面(默认页面是“Category.php”)。我发现下面的代码看起来很接近我的查询,我如何修改它并使其适合我,所以类别31、40和55可以加载上面的特定页面?add_filter( \'template_include\', \'wpsites_photo_page_template\', 99 ); function wpsites_photo_page_template( $te