Fancybox可以用来展示图片,视频、PDF、Word、Excel、Powerpoint等各种内容,本文介绍一个简单的给WordPress添加Fancybox的方法,借助插件ARI Fancy Lightbox,既能自动将链接转换为fancybox,也能通过给链接添加class的方法手动控制,非常简单实用。
继续阅读WordPress添加Fancybox的简单方法分类: WordPress主题开发
定制GTranslate语言下拉菜单
GTranslate是一款WordPress翻译插件,利用Google Translate自动翻译,轻松将网站变为多语言站点,收费版支持SEO优化。它提供的下拉菜单样式比较简单,本文介绍如何自己来控制下拉菜单的样式,使用Astra主题做演示。
继续阅读定制GTranslate语言下拉菜单Photoshop使用没有安装到系统上的字体
假设你有字体的源文件,otf或ttf格式的都可以,想直接在Photoshop中使用,而不安装到系统里,好处是不会把系统字体搞的很臃肿,想删除字体也很方便,下面介绍方法。
继续阅读Photoshop使用没有安装到系统上的字体WordPress优化CSS和JS的加载(2021)
通常情况下,css和js会阻碍html的解析,在谷歌测速里会被当成阻碍渲染的资源。如何优化呢?答案很简单,给javascript文件添加defer标签,异步加载。css文件,可以用preload方式加载,也可以用一点小技巧使其异步加载。本文简单介绍如何优化CSS和JS的加载。
继续阅读WordPress优化CSS和JS的加载(2021)漂亮的One Page模板
有个网站名叫Codrops,有很多网页设计的免费资源,最近看上了一个one page HTML模板,大气简洁,特效丰富却没有为了特效而特效的感觉,做landing page或动态网站都很合适,可以免费下载HTML和PSD文件,使用完全免费。
继续阅读漂亮的One Page模板如何在主题中使用特色图像
WordPress的特色图像是一张可以代表文章或页面的的图片,用法也很简单,两句话搞定。
if( has_post_thumbnail() ){ the_post_thumbnail(); }
但简单的代价就是局限性高一些,比如产生的img标签class是什么,调用了多大尺寸的图片?
继续阅读如何在主题中使用特色图像用Owl Carousel展示gallery图片
Owl Carousel是我比较喜欢的一款carousel插件,responsive效果很好,支持触摸设备,选项灵活,鼠标拖拽就能滚动图片。本文就以WordPress内置Gallery为例来展示Owl Carousel的用法。
继续阅读用Owl Carousel展示gallery图片创建自定义图标字体手记
用Adobe Illustrator和icomoon.io可以创建自己的图标字体,如果你和我一样不知道如何将一个图形转化成能在网页上使用的Icon Fonts,下面这个记录或许会对你有帮助。
继续阅读创建自定义图标字体手记如何找到自己需要的Icon Fonts
要找到一款适合自己用的Icon Fonts,首先要了解资源。本文列举了一下常见的icon fonts,并描述了icon fonts的特点,了解图标字体的特点能够帮助你在选择字体时有的放矢,选择适合自己的。
继续阅读如何找到自己需要的Icon FontsWordPress图片处理脚本bfi_thumb
bfi_thumb是一款类似于TimThumb的图片处理php脚本,由于timthumb的安全性问题,很多WordPress主题不再使用这个脚本,bfi_thumb是一款很好的替代产品。它通过扩展WordPress Image Editor class来实现各种图片处理效果,相比timthumb更加安全。
继续阅读WordPress图片处理脚本bfi_thumbWordPress:获取当前页面菜单的current menu item
遇到一个问题,要显示当前页面的面包屑导航,只是这个面包屑路径反应的不是页面自身的层级关系,而是该页面在菜单导航中的位置。因此需要检测该页面所在菜单的current menu item,在stackexchange上找到了一个不错的方法,记录一下。
继续阅读WordPress:获取当前页面菜单的current menu item使用Lightbox 2时遇到图片高度问题
使用Lightbox 2创建灯箱效果时遇到一个问题,图片会变得很高,如图所示…
继续阅读使用Lightbox 2时遇到图片高度问题Visual Composer定制方法
Visual Composer是一款所见即所得的WordPress编辑器,充分利用了shortcode功能,任何人都可以用这个插件制作专业的布局。
这款插件的功能不再赘述,可以看插件介绍。本文主要介绍如何通过代码扩展该插件的功能。
继续阅读Visual Composer定制方法WordPress自动刷新style.css一法
今天在网上发现一个自动在style.css被更改后强制用户浏览器刷新样式表的方法,很简洁,适用于child theme。
继续阅读WordPress自动刷新style.css一法向Woo主题的theme options中添加自定义选项
Woo主题的框架很灵活,想其主题选项(theme options)中添加自定义的选项可以通过插件完成,本文演示如何添加选项。
继续阅读向Woo主题的theme options中添加自定义选项按钮在IOS下渲染异常的解决方法
在ios下,当使用圆角、背景灯css定义input提交按钮时,按钮看起来很奇怪,被莫名其妙的加上高光效果,如下图所示
继续阅读按钮在IOS下渲染异常的解决方法