您的位置:晶晶的博客>主题>晶晶的博客开源emlog模板主题J2更新:1.2版发布

晶晶的博客开源emlog模板主题J2更新:1.2版发布

J2 v1.2版

关于侧边栏的重要补充:滚动固定、快捷宽度指定

20150719更新:看到有使用J2的朋友自己另外加了滚动固定侧边栏的js代码(一般用于广告显示,也就是当页面滚动到侧边栏全部被隐藏后,侧边栏中的显示广告的模块自动浮动跟随,一直显示在页面左上角,增加广告曝光率的一种方法),其实J2已经内置这种滚动固定的功能,并预留了相关的div容器样式类:.widget_custom_fixed,并且预留了多个宽度的设置,分别为:.widget_custom_300、.widget_custom_320、.widget_custom_340,需要自定义侧边栏时,使用div容器包裹显示的内容代码,然后给该div设置上述三个不同宽度的class中的一个即可(待选宽度为300px、320px以及340px,类名已很明确的表达了含义,容器高度自适应);若需要该侧边属于滚动固定,为该div另行加入名为widget_custom_fixed的css类名即可;需要特别注意的是侧边栏中能且仅能使用一个模块为widget_custom_fixed(使用多个意义不大)----晶晶的博客侧边栏最下方的AD就是这种实现方式,加入css类名,功能实现交给J2即可。

----------

J2 1.2版发布啦,这是一个修复、优化版,加入了官方的“模板设置”插件支持,J2从1.2版开始必须启用“模板设置”插件方可使用,emlog官方提供的“模板设置”插件地址:http://www.emlog.net/plugin/144,请先安装该插件,然后再安装J2-1.2版模板主题。

引入“模板设置”插件后,可以很方便的通过“模板设置”插件修改前台新浪微博、腾讯微薄的Url,修改网站Logo图片;另外还可以很方便的控制一些细节--比如:文章附图自动裁剪缩略的起点位置、文章中的图片标签处理。

BugFix

  • 修复文章附图自动裁剪缩略的逻辑;
  • 修复png格式的附图裁剪缩略失败产生黑色背景图的问题;

Add

  • 文章默认附图随机使用素材库中的任意220px*150px大小的图片--模板设置中可以控制;
  • 加入emlog官方支持的“模板设置”插件支持;

正式版下载地址

下载地址:J2.zip

版本信息:J2 1.2(20150710Release)

另外,J2主题开发已托管在github,地址:https://github.com/jjonline/J2 直接进入下载master分支即可(或按git tag下载最新版本亦可:https://github.com/jjonline/J2/releases),注意:github下载的zip包需要重命名为J2.zip后上传安装。

使用说明

模板设置插件使用:

再次提醒:使用J2 1.2版请先安装官方“模板设置”插件:http://www.emlog.net/plugin/144,“模板设置”插件安装完毕,即可安装J2主题1.2版,安装完毕进入后台“模板”即可看到如下图所示的界面。

模板设置

上图所示:进入后台“模板”,J2主题1.2版就会显示“设置”按钮,点击“设置”按钮即可打开对J2主题的相关个性化设置。

J2设置界面

网站logo替换请参考主题包中images文件夹下的logo.psd制作,制作好后在模板设置中上传替换即可。

文章附图加入了随机默认图,J2 1.2版提供了5张粗略的随机图,若需要自己定义的默认缩略图,请制作220px*150px大小的图片后上传至./content/templates/J2/images/randoms/ 目录下即可,自定义文章默认附图名称任意,但不得为中文,J2会自动遍历该目录读取出待选的默认附图(J2为了减轻服务器压力,randoms文件夹下的文件夹不会处理,所以不要按文件夹上传自定义文章附图)。

文章附图:

当文章中并未插入图片时,J2会启用默认附图,若通过模板设置启用了随机默认附图,那么文章附图将自动寻找并启用randoms文件夹下的图片;

当发布文章时上传了220px*150px的图片时,优先使用该图片作为文章附图;

当发布文章时并未上传大小为220px*150px的图片,但上传了更大尺寸的文章内页图的话,J2将自动选择当中尺寸最大的图片进行裁剪并缩略,裁剪位置可以通过模板设置自定义。例如本文所带的附图就是这种方式自动裁剪缩略而成的。

想要重新生成文章附图的缓存,请手动删除:./content/cache/logimageatt.php路径下logimageatt.php文件的即可

其他说明:

J2基于emlog5.3.0-5.3.1开发,其他版本尚未测试。

新老用户请先下载官方“模板设置”插件并安装启用,再下载主题包,后台上传安装即可;老用户先备份老主题包并重命名,下载正式版主题包后台上传安装即可(理论上来说覆盖安装是没有问题的,但若你修改过老版的主题包则存在风险)。

更多使用信息请参考:http://blog.jjonline.cn/theme/J2.htmlhttp://blog.jjonline.cn/theme/186.html

转载请注明本文标题和链接:《晶晶的博客开源emlog模板主题J2更新:1.2版发布

相关推荐

网友评论73

路人甲 表情
Ctrl+Enter快速提交
  1. #1

    柠檬ヾ小轩 11个月前 (01-21) 回复
  2. #2

    怎么做, 未上传大小为220px*150px的图片, 不要显示图片!?

    liufu 2年前 (2016-05-16) 回复
  3. #3

    不错,拿来玩玩,谢谢

    乐悠游 2年前 (2016-04-07) 回复
  4. #4

    博客程序的 LOGO 改换不了  改了也是 后台改了也是 LOGO问题

    Wish 2年前 (2016-02-19) 回复
    • @Wish:直接替换模板包中的logo图片变相解决,这个问题没遇到过。

      晶晶 2年前 (2016-02-20) 回复
  5. #5

    我自己上传的,是可以显示的,但是如果不上传就没有任何图显示。

    地瓜 2年前 (2016-01-25) 回复
  6. #6

    为啥文章附图不显示呢,不是从五张中自动生成么

    地瓜 2年前 (2016-01-25) 回复
  7. #7

    博主大大,我后台上传LOGO文件失败怎么回事!模板J2文件夹我修改权限也不行,我使用 的是AMH里的FTP!还请帮忙解答谢谢!

    sky 2年前 (2016-01-13) 回复
  8. #8

    手机模式下,导航无法展开!

    郭某人 2年前 (2016-01-05) 回复
  9. #9

    请教一下博主,用了这个模板,我给加了全局pjax免刷新。然后从其他页面利用pjax免刷新进去文章页面,评论免刷新就用不了了。。但是F5强制刷新一下文章的页面,还是可以评论免刷新的。碎语的前台发布也是这样。是不是pjax就使得ajax评论免刷新不能正常加载?有什么解决方法嘛?先谢谢博主啦

    MrEO 2年前 (2015-12-26) 回复
    • @MrEO:不太懂代码,希望博主能说的稍微详细一点= =

      MrEO 2年前 (2015-12-26) 回复
    • @MrEO:两个要点:
      1、评论ajax提交(包括前台碎语)只是一种无刷新模拟,提交数据到后端时依然使用的emlog内置的方法,后端并没有使用json或xml进行数据返回;提交数据到后端,后端处理并返回之后前端仅检测http为301时就会认为成功;
      2、你说的强制刷新下文章页面就可以无刷新评论的话,估计是js错误导致;最大的可能是基础js变量缺失导致;查看源码末尾位置会定义一个window._info变量,这个变量定义了一些后台配置属性,文章id和模板url之类的,你pjax的话进入文章页面后可能没有传递这个window._info变量。【前台碎语页面的话也是类似,前台发布微语时需要传递一个隐藏域,即一个token变量】

      晶晶 2年前 (2015-12-27) 回复
      • @晶晶:pjax在小站上使用然并卵,这点流量节省并不能带来可观的收益,与图片懒加载的道理同源,可能视觉上有点差异;大站上使用的也不多,比较典型的就是github,但人家github如此大的访问量,用pjax确实可以节省不少数据的传输,进而节省不少带宽开支。个人见解,非喜勿喷。

        晶晶 2年前 (2015-12-27) 回复
  10. #10

    大大的感谢博主分享这么好的模板,用了

    火山 2年前 (2015-12-01) 回复
  11. 1 2 3 4