美文网首页
小白日记(三)附录

小白日记(三)附录

作者: fire_candle | 来源:发表于2019-01-04 19:02 被阅读0次

    从现在开始,问题的出现就难以统一了,根据WordPress的版本问题,以及实际页面和我的有出入,或者是代码方面有问题等等,我会尽量列举出我遇见的和我认为可能会出现的问题。

    针对当前主题,说几点注意事项。

    第一点,头部和底部文件的引入。header.php和footer.php这两个文件是编写好的,可以引入,引入方式为<?php get_header()?><?php get_footer()?>,我们在这中间来编写html即可,因为header.php中写好了声明,html头等,footer.php里面也写好了</html>结束,并不用去管这些。

    有这方面能力的人可以去看看header和footer的写法,方便以后的修改,毕竟主题是人家写好的,咱们需要根据自己的想法和喜好来进行样式的改变,能力差一点的可以,先略过,后面会介绍如何简单的改变样式,只需要记住引入方式即可。

    第二点,头部菜单的位置。如果是最原始主题,添加菜单后会自动出现在设定好的位置,不容易改变,如果引入主题,以当前主题为例,他用php的方式来添加菜单,我们可以改变这个php的位置和内容来调整位置。

    <?php

         wp_nav_menu(array(

            ‘ theme_location ‘ => ‘ header_menu ’, //导航别名

            ‘ container ‘ => ‘ div ‘,                            //容器标签

            ‘ container_class ‘ => ‘ menu container ‘,//ul父节点class值

            ‘ walker ‘ => new wp_bootstrap_navwalker ) );//自定义walker

?>

    wp_nav_menu是WordPress的菜单函数里面有很多属性,可以自行查阅。

    这段代码就是菜单栏的代码,其实作用就是修改class,然后给class添加属性,就可以改变样式,’walker‘后面是一个对象,可以在functions.php中看到对应的方法,他的作用是添加子导航,也就是当鼠标放上去时,会出现下拉菜单。

    第三点,style.css的样式问题。它所有的css样式都是写在了style.css当中,可以通过在这里编写css来改变页面效果,但是这里要注意几个问题,首先是原有主题就写了很多css样式,例如栅格化,自适应等,这个在修改时要注意,另外,要注意它全局声明的css样式,最后一点,我们编写style.css时,可能会出现写好css样式,但是页面无变化,这是因为服务器开启了.htaccess缓存,又不能直接关掉,可以通过修改引入style.css的版本号来实现页面相应,但是这个主题当中,并不清楚在哪里引入的style.css的版本,我们采用比较麻烦的方式,就是清除缓存,当你发现修改样式并不能在页面中展示时,我们可以通过清除浏览器缓存,然后进行刷新,f12后查看sources里面的style.css看代码是否改变即可,这点很重要,记住这个可能会让你省了很多麻烦,为了下拉菜单,修改了大半天没有作用,结果清除缓存后,成功了。

    第四点,图片路径的引入。如果要在头部引入logo图片的话,通常放入images文件夹中,这里会出现一个引入的路径问题,不论是相对路径或者是绝对路径页面都会报404的错误,因为htaccess文件目录重定向的作用(可能是这个问题),是你无法得到正确的文件路径,我们要在img的src中写入一段php代码,

    <?php echo get_template_directory_uri(); ?>/images/图片名称

    就可以正确显示图片,get_template_directory_uri()该函数返回主题目录URI。

    附录三专门介绍编写中出现的代码问题和有关的wp函数。

相关文章

  • 小白日记(三)附录

    从现在开始,问题的出现就难以统一了,根据WordPress的版本问题,以及实际页面和我的有出入,或者是代码方面有问...

  • 小白日记(一)附录

    日记后面会有一份附录,负责将构建网站的过程中,可能出现的问题进行说明和解决,附录随时更新。 第一篇说的是从配置环境...

  • 小白日记(二)附录

    关于主题和插件上传的时候,可能出现的问题,其实不光是这两个上传,WordPress一切上传功能,例如媒体库上传图片...

  • QR码设计(7)之附录

    附录一 附录二 附录三 附录四 附录五 Table:QR Code Log Antilog Table for G...

  • 75号《搞定3》附录读后感

    《搞定3》附录1-7 附录一、未完成事务提示清单 附录二、自然数学公式计划模式 附录三、项目规划提示清单 附录四、...

  • 2018-11-03 73 莫丹阳 亮剑

    《搞定3》附录1-7 附录一、未完成事务提示清单 附录二、自然数学公式计划模式 附录三、项目规划提示清单 附录四、...

  • 附录(三)

    马路上的穷人享受不起阳光 在这个还没有到来的冬天 贫穷或然正在发芽 为明年高额的温暖 做出必要的牺牲 被寒风垄断的...

  • 《搞定三》附录一读后感

    原来读书时很少主动的先读附录,为这事,重要的内容,但是看了搞定三附录,真的觉得里面还是大有乾坤。 首先,附录一是未...

  • 搞定三附录

    目录1 什么引起你的关注? 工作方面 个人方面提示信息 自然式计划模式 1.宗旨/指导原则 为什么要做这件事?原则...

  • 附录

    附录 附录A 计算机的0和1 附录B 编程的本质 附录C Java编程简史

网友评论

      本文标题:小白日记(三)附录

      本文链接:https://www.haomeiwen.com/subject/snvkrqtx.html