wordpress在NANA主题下制作个性化全屏页面模板-♚纪实阁付涛♚

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

程序:WordPress 4.9.4

主题:采用懿古今NANA主题

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

【NANA主题默认全屏】

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

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

重新创建头部文件

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

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

  1. <?php if (is_home()) { ?>
  2. <?php if (!get_option('ygj_ggl_kg')) {?>
  3. <nav class="breadcrumb" style="height:1px;line-height:1px;"></nav>
  4. <?php }else{?>
  5. <nav class="breadcrumb">
  6. <div id="scrolldiv">
  7. <div class="bull"></div>
  8. <div class="scrolltext">
  9. <ul style="margin-top: 0px;">
  10. <?php echo stripslashes(get_option('ygj_ggl_nr')); ?>
  11. </ul>
  12. </div>
  13. </div>
  14. <script type="text/javascript">$(document).ready(function() {$("#scrolldiv").textSlider({line: 1, speed: 1000,
  15. timer: 3000});})</script>
  16. </nav>
  17. <?php } ?>
  18. <?php }else{the_crumbs(); }?>

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

创建全屏页面模板

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

  1. <?php
  2. /*
  3. Template Name: 全屏100%尺寸页面模板
  4. */
  5. ?>
  6. <?php include("header-full.php"); ?>
  7. <?php while ( have_posts() ) : the_post(); ?>
  8. <?php the_content(); ?>
  9. <?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>')); ?>
  10. <?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => '<span><i class="fa fa-angle-right"></i></span>')); ?>
  11. <?php if (get_option('ygj_taobaoym') == '显示') { get_template_part('/inc/taobao'); } ?>
  12. <?php if (get_option('ygj_g_full') == '显示') { get_template_part( 'inc/ad/ad_full' ); } ?>
  13. <?php endwhile; ?>
  14. <?php get_footer();?>

或者直接下载完整文件:

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

添加单面页面

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

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

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

 

【友情提示:】
1、本文由 ♚纪实阁付涛♚ 作者:付涛纪实阁 发表,其版权均为 ♚纪实阁付涛♚ 所有;
2、文章内容系作者个人观点,不代表除个人作者外的任何第三方针对观点赞同或支持;
3、本站文章均为博主原创,如需转载,请注明文章来源;
0

评论:

1 条评论,访客:1 条,站长:0 条

0%好评

  • 好评:(0%)
  • 中评:(0%)
  • 差评:(0%)

最新评论

  1. 沐風
    沐風发布于: 

    找这个教程找了好久了,感谢博主;我去实战一下;

发表评论