Skip to content
Sola Blog - 最好的学习方式是与人分享
  • 文章索引

分类: WordPress主题开发

WordPress主题开发

WordPress添加Fancybox的简单方法

2022 年 12 月 5 日

Fancybox可以用来展示图片,视频、PDF、Word、Excel、Powerpoint等各种内容,本文介绍一个简单的给WordPress添加Fancybox的方法,借助插件ARI Fancy Lightbox,既能自动将链接转换为fancybox,也能通过给链接添加class的方法手动控制,非常简单实用。

继续阅读WordPress添加Fancybox的简单方法
WordPress主题开发

定制GTranslate语言下拉菜单

2022 年 11 月 19 日

GTranslate是一款WordPress翻译插件,利用Google Translate自动翻译,轻松将网站变为多语言站点,收费版支持SEO优化。它提供的下拉菜单样式比较简单,本文介绍如何自己来控制下拉菜单的样式,使用Astra主题做演示。

继续阅读定制GTranslate语言下拉菜单
WordPress主题开发

Photoshop使用没有安装到系统上的字体

2021 年 12 月 20 日

假设你有字体的源文件,otf或ttf格式的都可以,想直接在Photoshop中使用,而不安装到系统里,好处是不会把系统字体搞的很臃肿,想删除字体也很方便,下面介绍方法。

继续阅读Photoshop使用没有安装到系统上的字体
WordPress主题开发

WordPress优化CSS和JS的加载(2021)

2021 年 11 月 1 日

通常情况下,css和js会阻碍html的解析,在谷歌测速里会被当成阻碍渲染的资源。如何优化呢?答案很简单,给javascript文件添加defer标签,异步加载。css文件,可以用preload方式加载,也可以用一点小技巧使其异步加载。本文简单介绍如何优化CSS和JS的加载。

继续阅读WordPress优化CSS和JS的加载(2021)
WordPress主题开发

漂亮的One Page模板

2015 年 8 月 29 日

有个网站名叫Codrops,有很多网页设计的免费资源,最近看上了一个one page HTML模板,大气简洁,特效丰富却没有为了特效而特效的感觉,做landing page或动态网站都很合适,可以免费下载HTML和PSD文件,使用完全免费。

继续阅读漂亮的One Page模板
WordPress主题开发

如何在主题中使用特色图像

2015 年 5 月 13 日

WordPress的特色图像是一张可以代表文章或页面的的图片,用法也很简单,两句话搞定。

if( has_post_thumbnail() ){
    the_post_thumbnail();
}

但简单的代价就是局限性高一些,比如产生的img标签class是什么,调用了多大尺寸的图片?

继续阅读如何在主题中使用特色图像
WordPress主题开发

用Owl Carousel展示gallery图片

2014 年 9 月 17 日

Owl Carousel是我比较喜欢的一款carousel插件,responsive效果很好,支持触摸设备,选项灵活,鼠标拖拽就能滚动图片。本文就以WordPress内置Gallery为例来展示Owl Carousel的用法。

继续阅读用Owl Carousel展示gallery图片
WordPress主题开发

创建自定义图标字体手记

2014 年 5 月 28 日

用Adobe Illustrator和icomoon.io可以创建自己的图标字体,如果你和我一样不知道如何将一个图形转化成能在网页上使用的Icon Fonts,下面这个记录或许会对你有帮助。

继续阅读创建自定义图标字体手记
WordPress主题开发

如何找到自己需要的Icon Fonts

2014 年 5 月 26 日

要找到一款适合自己用的Icon Fonts,首先要了解资源。本文列举了一下常见的icon fonts,并描述了icon fonts的特点,了解图标字体的特点能够帮助你在选择字体时有的放矢,选择适合自己的。

继续阅读如何找到自己需要的Icon Fonts
WordPress主题开发

WordPress图片处理脚本bfi_thumb

2014 年 5 月 6 日

bfi_thumb是一款类似于TimThumb的图片处理php脚本,由于timthumb的安全性问题,很多WordPress主题不再使用这个脚本,bfi_thumb是一款很好的替代产品。它通过扩展WordPress Image Editor class来实现各种图片处理效果,相比timthumb更加安全。

继续阅读WordPress图片处理脚本bfi_thumb
WordPress主题开发

WordPress:获取当前页面菜单的current menu item

2014 年 3 月 24 日

遇到一个问题,要显示当前页面的面包屑导航,只是这个面包屑路径反应的不是页面自身的层级关系,而是该页面在菜单导航中的位置。因此需要检测该页面所在菜单的current menu item,在stackexchange上找到了一个不错的方法,记录一下。

继续阅读WordPress:获取当前页面菜单的current menu item
WordPress主题开发

使用Lightbox 2时遇到图片高度问题

2014 年 3 月 11 日

使用Lightbox 2创建灯箱效果时遇到一个问题,图片会变得很高,如图所示…

继续阅读使用Lightbox 2时遇到图片高度问题
WordPress 插件

Visual Composer定制方法

2014 年 2 月 18 日

Visual Composer是一款所见即所得的WordPress编辑器,充分利用了shortcode功能,任何人都可以用这个插件制作专业的布局。

这款插件的功能不再赘述,可以看插件介绍。本文主要介绍如何通过代码扩展该插件的功能。

继续阅读Visual Composer定制方法
WordPress主题开发

WordPress自动刷新style.css一法

2013 年 9 月 19 日

今天在网上发现一个自动在style.css被更改后强制用户浏览器刷新样式表的方法,很简洁,适用于child theme。

继续阅读WordPress自动刷新style.css一法
WordPress主题开发

向Woo主题的theme options中添加自定义选项

2013 年 9 月 17 日

Woo主题的框架很灵活,想其主题选项(theme options)中添加自定义的选项可以通过插件完成,本文演示如何添加选项。

继续阅读向Woo主题的theme options中添加自定义选项
WordPress主题开发

按钮在IOS下渲染异常的解决方法

2013 年 8 月 21 日
ios-button

在ios下,当使用圆角、背景灯css定义input提交按钮时,按钮看起来很奇怪,被莫名其妙的加上高光效果,如下图所示

继续阅读按钮在IOS下渲染异常的解决方法

文章分页

1 2 下一页
  • sola博客
  • 所有文章
  • 搜索

Friends

  • 露兜即刻
  • Brain的技术笔记
  • 落格博客
solagirl.net is created by sola, hosted with Hostinger