42、直接显示繁体
打开主题begin\js目录的gb2big5.js文件,将第3行的:
<link rel=”stylesheet” href=”<?php echo esc_url( get_template_directory_uri() ); ?>/cms/cms.css” />
替换为:
<link rel=”stylesheet” href=”<?php echo esc_url( get_template_directory_uri() ); ?>/css/css.css” />
var Default_isFT = 0
后面的数字 0改为1即可。
注:另外这个简繁体转换功能,如非必要,建议不要开启,会对加载速度有一定的影响。
43、批量删除手动添加的缩略图
主题新版本已集成自动裁剪文章中图片作缩略图功能,所以之前手动添加的缩略图地址可能与目前的尺寸不同,逐一编辑修改文章工作量比较大,可以用下面方法,批量删除这个手动添加的缩略图(自定义栏目),将下面的代码添加到主题functions.php模板文件的最后,并上传覆盖主题原文件
global $wpdb; $wpdb->query( " DELETE FROM $wpdb->postmeta WHERE `meta_key` = 'thumbnail' " );
之后,手动缩略图添加的自定义栏目’thumbnail’ 会被删除,并显示自动裁剪的缩略图。
注:以上代码只使用一次就可以了,不用留在主题模板中,删除缩略图片后,需要将该代码删除并还原functions.php模板文件。
44、微调杂志布局小工具高度
主题新增的杂志布局小工具,可使杂志首页布局更加灵活多变,但有一个问题就是,不同的小工具组合在一起,会产生高度不同底部对不齐,可以通过下面的方法进行一下微调使之齐,从而加美观一些。
使用工具,火狐及其Web开发扩展Firebug,当然也可以使用其它类似的浏览器扩展功能,目的是找到准备修改模块的CSS选择器。
鼠标停在修改模块右键调出菜单选择“使用Firebug”查看元素,找到模块选择器,如图:
会看到这个模块的外层是#img_widget-15,内层是.img_widget
找到这个就可以了,将下面代码加到主题选项→定制风格→自定义样式代码框中:
#img_widget-15 .img_widget{
padding: 3px 0 3px 0;
}
修改其中的“3px”为合适的大小即可,另外其它小工具可能选择名称不同,调整这个还是需要点DIV+CSS基本的,杂志布局侧边小工具及企业布局小工具对齐也参照调整。
45、增强文本小工具应用实例
新增加的增强文本小工具可以运行PHP代码(WP自带的不可以),可以任意添加运行网上淘来的代码,比如下面的代码是调用ID为88的分类最新的5篇文章,并有缩略图:
<div class="new_cat"> <ul> <?php $loop = new WP_Query( array ( 'showposts' => 5, 'cat' => 88, 'post__not_in' => get_option( 'sticky_posts') ) ); while ( $loop->have_posts() ) : $loop->the_post(); ?> <li> <figure class="thumbnail"> <?php if (zm_get_option('lazy_s')) { zm_thumbnail_h(); } else { zm_thumbnail(); } ?> </figure> <div class="new-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></div> <div class="date"><?php the_time('m/d') ?></div> <?php if( function_exists( 'the_views' ) ) { the_views( true, '<span class="views"><i class="fa fa-eye"></i> ','</span>' ); } ?> </li> <?php endwhile; ?> <?php wp_reset_query(); ?> </ul> </div>
这个与主题集成的带缩略图的最新文章小工具外观没有区别,区别是默认小工具标题是不能加链接的,这个增强文本小工具可以自定义标题链接,方便浏览者点击标题查看更多相关分类的文章。
上面代码直接加到增强文本小工具中即可。
46、为单独的某篇文章添加背景
将下面的代码添加到主题选项→定制风格→自定义样式中:
.postid-6367 { background: #f1f1f1; background:url('http://zmingcx.com/wp-content/uploads/2012/08/79760-772704496-8.gif'); }
其中:postid-6367为该文章页面特有选择器,后面的数字为文章ID。
可以通过查看网页源代码中这句:
<body class=”single single-post postid-6367 single-format-standard logged-in”>
获得。另外,背景颜色与图片只选择添加一个样式属性就可以了。
效果见本文背景色
待续…..
感谢您的来访,获取更多精彩文章请收藏本站。

暂无评论内容