Storefront WordPress主题：如何使用与模板相同的自定义设计创建新主页

时间：2015-12-02 作者：Puzzled Boy

在店面主题中使用模板创建新主页时，我感到非常沮丧。https://wordpress.org/themes/storefront/.

借助于此https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/我试过bt，但没有成功。。任何人都可以告诉我，如果没有插件，我如何做到这一点。。

我想更改主页，并想显示我的自定义模板主页

Template Script

<?php
/**
 * Template name: Homepage My Custom
 *
 * @package storefront
 */

get_header(); ?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
            **My Custom Home Template**
        </main><!-- #main -->
    </div><!-- #primary -->
<?php get_footer(); ?>

2 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

修改主题的第一步是creating a child theme.

现在您有了一个与原始主题基本相同的主题，您可以简单地将要修改的原始主题的文件复制到与原始主题完全相同的相对位置，并根据需要对其进行修改。在您的特定情况下，在找到主页的页面模板并复制它之后，您只需修改其中的代码，无需创建新的代码。

SO网友:Envision eCommerce

首先在主题目录中创建一个新页面

实例template-newhomepage.php （副本template-homepage.php)

将主题名称更改为

Template name: New Homepage
下一步是更改：

do_action( \'homepage\' );
至

do_action( \'homepagenew\' );
用于创建homepagenew hook in hook。php

遵循目录路径：

/wp-content/themes/storefront/inc/structure
在主页挂钩下添加此代码：

add_action( \'homepagenew\', \'storefront_homepagenew_content\', 10 );
add_action( \'homepagenew\', \'storefront_product_categories\', 20 );
add_action( \'homepagenew\', \'storefront_recent_products\',  30 );
add_action( \'homepagenew\', \'storefront_featured_products\', 40 );
add_action( \'homepagenew\', \'storefront_popular_products\', 50 );
add_action( \'homepagenew\', \'storefront_on_sale_products\', 60 );
接下来我们要做的是在模板标记中添加下面的代码。同一目录中的php：

if ( ! function_exists( \'storefront_homepagenew_content\' ) ) {
/**
  * Display homepage content

* Hooked into the `homepage` action in the homepage template

* @since  1.0.0
  * @return  void
  */
function storefront_homepagenew_content() {

while ( have_posts() ) : the_post();
   get_template_part( \'content\', \'newhomepage\' );

endwhile; 
// end of the loop.

}
}
现在创建一个内容新主页。内容主页的php文件副本。主题目录中的php

/wp-content/themes/storefront/
现在，您可以在WordPress admin中创建一个新主页，并将模板“New homepage”分配给该页面。

标签： theme-development   themes   小码农  

相关推荐

Wp-Content/Themes文件夹在哪里？

我想为我的wordpress站点创建一个子主题（仅供参考），这样我的更改就不会被每次更新所覆盖。显然，我需要在wp-content/themes文件夹中为子主题创建一个子文件夹。问题是，我找不到它。我曾尝试将wp内容和wp内容/主题添加到域中-它生成了一个空白的白色页面。我试着在spotlight文件搜索（是的，我有一台mac电脑）中搜索它（只是“wordpress”），它只找到了一些我在2010年安装的wordpress文件夹，我甚至都不记得做过这些。由于我最近在过去两周（2014年5月）建立了这个网站