创建一个新的页面模板并添加一个唯一的body类,以便在需要时可以使用不同的样式。
//* Add landing body class to the head
add_filter( \'body_class\', \'wpsites_landing_page_body_class\' );
function wpsites_landing_page_body_class( $classes ) {
if(is_page_template(\'/page-landing.php\')){
$classes[] = \'template-landing-page\';
return $classes;
}}
或者,您可以将自定义body类直接添加到登录页模板文件中。
将其命名为page\\u landing。php并将其添加到子主题的根目录中。
您可以从父主题复制现有页面模板,并删除大部分代码,以便只有导航菜单显示为登录页。
以下是可以添加到新文件中的所有示例代码。
<?php
/**
* This file adds the Landing Page Template to the Twenty Twelve theme.
*
* @author Brad Dalton
* @package Twenty Twelve
* @subpackage Customizations
*/
/*
Template Name: Landing Page
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( \'content\', \'page\' ); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</div><!-- #primary -->
导航菜单类需要与您的主题相匹配。这些是从“212”默认主题中提取的。
您的子主题样式的CSS示例。css文件。
/* Landing Page Styles
--------------------------------------------- */
body.template-landing-page {
background-color: #222;
}
.template-landing-page .site-inner,
.template-landing-page .wrap {
max-width: 800px;
}
.template-landing-page .site-inner {
padding-bottom: 40px;
padding-bottom: 4rem;
}
.template-landing-page .content {
background-color: #fff;
padding: 50px 60px 24px;
padding: 5rem 6rem 2.4rem;
}
您还可以在子主题函数中使用PHP代码控制登录页宽度。php文件
function wpsites_landing_page_content_width() {
if ( is_page_template( \'/page-landing.php\' ) ) {
global $content_width;
$content_width = 960;
}
}
add_action( \'template_redirect\', \'wpsites_landing_page_content_width\' );