Genesis Framework

Genesis Framework 子模板安装与配置实例

Genesis Framework一般通过子模板(Child Theme)来扩展主题,这样升级框架时可以最大限度的减少对网站现有样式和功能的影响。开始学习Genesis Framework框架之前,先安装Genesis Framework和示例子模板(点此下载Sample Child Theme),Genesis Framework是收费框架,不过你可以通过搜索Genesis Framework 下载找到最新版Genesis 1.8.0的下载。

继续阅读Genesis Framework 子模板安装与配置实例
Genesis Framework

Genesis Framework Introduction

Genesis Framework

Genesis Framework是由STUDIOPRESS制作和维护的一款WordPress 主题框架,这款框架功能强大,代码和设计分离的比较彻底,设计人员无需了解太多代码就可以轻松做出基于此框架的Child Theme。对开发人员而言,好处也不少,修改HTML结构变的前所未有的简单,无需拷贝html代码,只需要几句php代码就可以彻底改变布局,代码重用率明显提高,结构更加清晰。

下图是Genesis 主题框架默认的样子

继续阅读Genesis Framework Introduction
WordPress

Cufon替代方案 —— @FONT FACE

Cufon使设计师不用担心用户电脑上没有安装自己使用的字体,令网页更加吸引眼球。但Cufon有一定的局限性,首先Cufon必须有Javascript的支持,禁用Javascript的浏览器看不到任何效果。其次,对国人来说,Cufon不支持中文是一大麻烦,所以很多使用国外主题的朋友会选择将Cufon剔除。既然对中文支持不好,如果可以只渲染英文、不处理中文的话,或许是个不错的方法。这里就有了一种CUFON的替代方案——@FONT FACE


@FONT FACE效果,不对中文产生影响

继续阅读Cufon替代方案 —— @FONT FACE
WordPress

如何使Nivo Slider支持Cufon

Nivo Slider最新版(v2.7.1)支持Cufon的方法如下。

打开jquery.nivo.slider.js,找到如下代码,(line99-line118)

// Process caption function
var processCaption = function(settings){
    var nivoCaption = $('.nivo-caption', slider);
    if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
        var title = vars.currentImage.attr('title');
        if(title.substr(0,1) == '#') title = $(title).html();	
 
        if(nivoCaption.css('opacity') != 0){
            nivoCaption.find('p').stop().fadeTo(settings.animSpeed, 0, function(){
                $(this).html(title);
                $(this).stop().fadeTo(settings.animSpeed, 1);
            });
        } else {
            nivoCaption.find('p').html(title);
        }
        nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity);
    } else {
        nivoCaption.stop().fadeTo(settings.animSpeed, 0);
    }
}

替换成如下代码

继续阅读如何使Nivo Slider支持Cufon