WP教程与插件

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

程序:WordPress 4.9.4

主题:采用懿古今NANA主题

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

</p">

【NANA主题默认全屏】</p">

</p">

【新增修正后的全屏效果】</p">

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

重新创建头部文件

因为默认的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();?>

     

    或者直接下载完整文件:

    template-all-full.php

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

    添加单面页面

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

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

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

     

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

    评论:

    1 条评论,访客:0 条,博主:0 条
    1. 沐風
      沐風发布于: 

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

    发表评论