wordpress在NANA主题下制作个性化全屏页面模板

谍豹云销 WP教程与插件 2018年3月5日 百度已收录

874 1 0

程序：WordPress 4.9.4

主题：采用懿古今NANA主题

文章背景：NANA主题自身在页面风格里面为用户提供了template-full.php全屏模板，但是此模板所为谓的全屏只是中间部分，并未真正意义上的全屏；在实际使用中，因为部分用户的部分需求，会需要直接意义上的全屏效果模板；

【NANA主题默认全屏】

【新增修正后的全屏效果】

效果预览请点击：企业网站建设

重新创建头部文件

因为默认的header.php文件里面包括了以下部分：

将主题模板根目录下的header.php复制一份，并通过notepad++或其它编辑器（不建议使用系统自带的记事本，会导致文件出现莫名其妙的问题），找到以下代码：

<?php if (is_home()) { ?>
<?php if (!get_option('ygj_ggl_kg')) {?>
<nav class="breadcrumb" style="height:1px;line-height:1px;"></nav>
<?php }else{?>
<nav class="breadcrumb">
<div id="scrolldiv">
<div class="bull"></div>
<div class="scrolltext">
<ul style="margin-top: 0px;">
<?php echo stripslashes(get_option('ygj_ggl_nr')); ?>
</ul>
</div>
</div>
<script type="text/javascript">$(document).ready(function() {$("#scrolldiv").textSlider({line: 1, speed: 1000,
timer: 3000});})</script>
</nav>
<?php } ?>
<?php }else{the_crumbs(); }?>

找到以上代码，并删除；然后保存为：header-full.php，上传至主题根目录下；

在原主题模板里面随便选择一个原始模板如：template-full.php，并打开，将其中的所有代码删除并用以下代码替换保存为以template-all-full.php的文件（文件名可自定义）；

<?php
/*
Template Name: 全屏100%尺寸页面模板
*/
?>
<?php include("header-full.php"); ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php wp_link_pages(array('before' => '<div class="page-links">', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '<span><i class="fa fa-angle-left"></i></span>', 'nextpagelink' => "")); ?><?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')); ?>
<?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => '<span><i class="fa fa-angle-right"></i></span>')); ?>
<?php if (get_option('ygj_taobaoym') == '显示') { get_template_part('/inc/taobao'); } ?>
<?php if (get_option('ygj_g_full') == '显示') { get_template_part( 'inc/ad/ad_full' ); } ?>
<?php endwhile; ?>
<?php get_footer();?>

或者直接下载完整文件：

将下载的文件解压后，上传至当前主题文件夹的目录下方即可。

进入后台页面管理——新建页面

在页面属性——模板里面就可以看到刚刚添加的自定义全屏模板了；

然后在页面内容里面添加自己想的任何信息就可以了，编辑器里面支持所有类型形式；

本文由 ♚纪实阁付涛♚ 作者：谍豹云销发表，其版权均为 ♚纪实阁付涛♚ 所有，文章内容系作者个人观点，不代表 ♚纪实阁付涛♚ 对观点赞同或支持。如需转载，请注明文章来源。