吾爱源码分享论坛

 找回密码
 注册[Register]
查看: 12|回复: 0

[Wordpress] 如何使用排除法解决模板上的问题

[复制链接]
  • TA的每日心情
    开心
    3 天前
  • 87

    主题

    91

    帖子

    281

    爱币

    管理员

    Rank: 12Rank: 12Rank: 12

    积分
    2836

    突出贡献荣誉管理

    发表于 2020-1-22 18:31:06 | 显示全部楼层 |阅读模式
    5e1927c6d2d03830.jpg
    如何使用排除法解决模板上的问题?
    在wordpress模板制作过程中,有一些貌似复杂的问题,其实只要确定了问题出现的位置,大多数都可以自行解决。 1.使用Firebug进行排查 1.1 简要介绍与安装方法 Firebug是Firefox的一款插件,提供了一整套web开发所必需的工具。从HTML的编写,到CSS样式表的美化调优,以及在wordpress模板制作过程中,有一些貌似复杂的问题,其实只要确定了问题出现的位置,大多数都可以自行解决。
    1.使用Firebug进行排查
    1.1 简要介绍与安装方法
    Firebug是Firefox的一款插件,提供了一整套web开发所必需的工具。从HTML的编写,到CSS样式表的美化调优,以及…
    所以我们首先要安装Firefox浏览器。
    安装好浏览器后,选择菜单栏上的“工具”菜单,点击“附加组件”==>“获取附加组件”
    在输入框中输入“firebug”。等搜索结果出来后点击Firbug链接进入Firebug的下载安装页面。
    1.2 使用方法
    安装完成后,在自己出错的位置上,点右键==>查看元素,就可以找到出错的样式在什么地方。
    2、边框背景调试法
    2.1 简要介绍
    如果页面在IE下浏览异常,在FF浏览正常,就比较麻烦一点,这时候我们可以给元素设置显眼的边框或者背景,进行调试。
    2.2 使用方法
    首先估计一下出错的位置在那,在它的标签上加style=”border:1px solid #000″,这样就可以看到该模块占了多少位置,是否在成长的范畴。
    3、最大宽度最小宽度
    3.1 简要介绍
    在模板制作过程中,经常会出现侧边栏下沉的情况,通常都是content区域的宽度过多造成的,但并不绝对是。
    3.2 解决方法
    遇到这种情况,我们可以先将content的宽度给成100或更小并添加overflow:hidden属性,隐藏掉超出部分。如果宽度改小后,下沉问题解决。就可以判断问题就是出现在这个元素上。之后可以改小margin-left、改小宽度、隐藏超出宽度的图片什么的,一点一点测试,调个完美版本的出来。(之前看到某同事,每次宽度减小10来测试,既然是测试,减小100不是更容易发现问题吗?)
    3、样式排除法
    有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
    对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
    4、模块确认法
    有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块



    上一篇:WordPress实现登录可见评论模块
    下一篇:搜猫搜索引擎v8.5 价值2999元
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册[Register]

    本版积分规则

    网站地图|小黑屋|吾爱源码分享论坛 ( 鲁ICP备09035195号-1 )

    GMT+8, 2020-2-18 15:24 , Processed in 0.109383 second(s), 29 queries , Gzip On, Redis On.

    Powered by Discuz!

    Copyright © 2019-2020, 吾爱源码分享论坛.

    快速回复 返回顶部 返回列表