wordpress在NANA主题下制作个性化全屏页面模板-♚付涛纪实阁♚
欢迎访问付涛纪实阁官方网站！
TAGS标签 | 站内搜索 | 新闻微信 | 用户登陆 | 用户中心
站长之家
开发 教程
常识 服务器
电商运营
做电商 代运营
短视频 新媒体
潮流事
热议 组织
网络 软件
网络随笔
随笔 头条
美景
深入了解
百科 联系
版权 服务

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

付涛纪实阁 WP教程与插件 2018年3月5日 【已收录】 【字体：大 中 小】
4.87K

程序：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();?>

或者直接下载完整文件：

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

添加单面页面

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

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

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

 

【查阅标签同类文章： 】
当前链接：https://www.diebaosoft.com/421.html内容编辑：付涛
♥赞11
【友情提示：】
1、[焦点热议]及其子栏目内容为网络转载，其它栏目内容系作者个人原创文章观点，不代表除作者外的任何第三方观点赞同或支持；
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录，便于日后面对相同问题时候的复盘总结，同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议，转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方，可联系【QQ:860227477】，提供合理合法依据，可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集，请用户下载后24小时内删除，否则引起的争议由使用者承担，与本站无关；
5、针对本站内容若有异义，亦可直接与【法律顾问：易兴俊，律师联系电话：13825799821】直接联系沟通；