上一节学习了如何创建新的Theme Customizer选项,现在就来研究如何应用新创建的选项。首先要实现用户保存设置后前台可以看到效果,然后更进一步地增加实时预览的功能。
继续阅读WordPress Theme Customizer学习笔记 – 应用新创建的选项标签: 如何开发WordPress主题
如何修改Twenty Twelve的宽度
Twenty Twelve是一款Responsive类型的主题,宽度定义在Media Queries中,仅当浏览器宽度大于600像素时生效,此时最大宽度为960像素。
继续阅读如何修改Twenty Twelve的宽度Twenty Twelve 1.1修复旧版IE浏览器下的菜单问题
随着WordPress 3.5的发布,新版的Twenty Twelve(version 1.1)主题也浮出水面,很高兴的看到1.0版本中菜单不兼容IE9以下浏览器的问题已经被修正,TwentyTwelve在除了IE6以外的浏览器中均表现完美。
继续阅读Twenty Twelve 1.1修复旧版IE浏览器下的菜单问题WordPress Theme Customizer学习笔记 – 创建新选项
WordPress Theme Customizer是一个很棒的功能,以前主题要通过主题选项让用户定制样式,用户会看到一串常常的颜色选项表单,修改着不知所谓的颜色,不停的保存-预览-修改。而Theme Customizer以一种直观的方式让用户定制主题,修改的同时可以立即预览结果,对用户十分友好。
继续阅读WordPress Theme Customizer学习笔记 – 创建新选项如何清除浮动
浮动的块级元素在网页布局中经常用到,因为它灵活方便,但也有副作用,比如浮动的块级元素无法撑起父级元素的高度,本文介绍浮动元素为何无法撑起父级元素的高度,以及清除浮动的最佳方法。
继续阅读如何清除浮动WordPress rel=”category tag”无法通过w3c markup验证
WordPress在输出category使用了rel="category tag"的属性,这个属性使得主题无法通过w3c markup验证,不过HTML5本来就处于试验阶段,孰是孰非难以定论,但如果通过w3c验证是必须,就得去掉这个属性。
继续阅读WordPress rel=”category tag”无法通过w3c markup验证用HTML5改造WordPress评论表单
HTML5对表单做了很多改进,对用户更加友好,对移动设备的支持更加完善,而WordPress表单还没有应用HTML5特性,这没什么不好,毕竟要考虑兼容性,不过如果你想体验一下HTML5表单,可以用HTML5改造一下WordPress评论表单。
继续阅读用HTML5改造WordPress评论表单FitVids.JS —— 让视频响应屏幕尺寸变化
在制作快速响应式网站时,文字、图片等元素都可以很容易的响应屏幕尺寸的变化,唯独视频比较麻烦。比如通过embed方式加载优酷、土豆甚至YouTube视频时,使用max-width:100%的方式不能保证视频在任何设备上都能跟随屏幕尺寸缩放,这时可以借助js脚本来实现,这就是今天要介绍的FitVids.JS。
继续阅读FitVids.JS —— 让视频响应屏幕尺寸变化禁止评论自动转换URL为可点击的链接
WordPress评论中的链接会自动转换为可点击的链接,某些情况下这对访客是友好的,更方便查看评论中引用的网站。但有时候评论者只是输入了一个示例链接,例如http://yourdomain.com/anything,这个被转换就有点恼人了。因此决定禁用评论中自动转换链接的功能。
继续阅读禁止评论自动转换URL为可点击的链接选项卡式WordPress登陆注册模板
上次说到不用插件也可以修改WordPress登陆注册界面,不过只是简单的修改了CSS,缺少很多元素,例如header、导航、footer等,为了增加这些元素,我们可以采取另一种方式,将WordPress登陆注册界面做成page模板,用page来展示登陆/注册/找回密码。进一步,我们可以将登注册、找回密码放在一个页面,用选项卡切换,效果如下(Based on twentyeleven)
继续阅读选项卡式WordPress登陆注册模板[wordpress]在function.php中使用条件标签一例
WordPress模板制作中,function.php是一个特殊的文件,可以用来自定义模板中需要用到的函数,添加钩子函数等。为了为不同的模板添加不同的钩子函数,需要使用WordPress的条件标签(Conditional Tag)。
继续阅读[wordpress]在function.php中使用条件标签一例SSL加密不完全的https页面在IE中弹出警告的解决方式
IE8以及更低版本IE浏览器在浏览SSL加密https网页时,会弹出一个警告窗口,警告用户该网页存在不安全内容,是否只查看安全内容,如果选是,往往会看到一个凌乱不堪的网页,很多图片都无法显示。从开发者角度讲,应该尽量避免这种情况发生。
理论上讲只要使用ssl加密的网页存在混合内容(mixed content),就会触发安全警报,混合内容就是指http和https共存的页面内容,实际测试时发现,并不是所有的http链接都会触发安全警告,只有以下几种情况会。
继续阅读SSL加密不完全的https页面在IE中弹出警告的解决方式谨防浏览器的怪异模式捣乱
最近研究一个oscommerce的模板,IE浏览器总是出一堆奇奇怪怪的问题,比如载入的时候图片和文字还存在,等网站全部载入完毕后这些图片和文字就莫名其妙的消失了,开始以为是绝对定位有问题,搞了很久没效果,偶然在IE的调试工具中看见Quirks模式,一下搞明白了。。。
怪异模式,与DTD声明密切相关,如果DTD声明漏写,就会使浏览器按照怪异模式解析。DTD(Document Type Definition)即文档类型定义,它给你的HTML文档定义了一个规范,这个规范里有很多规则,你的HTML标签是大写还是小写,是否需要闭合等是不是正确就取决于这个规范。不同DTD会影响浏览器解析同一个网页的方式。浏览器解析网页时可以按照标准模式和怪异模式来进行。标准模式是我们现在最常用的模式,而怪异模式是给旧版本浏览器使用的,例如IE4,Navigator 4。如果用怪异模式解析一个按照现在W3C标准书写的网页,可能就要出错了。
继续阅读谨防浏览器的怪异模式捣乱