TearSnow Fan


TearSnow Fan主题的修改和使用方法

本站于2013年4月12日正式使用泪雪制作的主题TearSnowFan 2.2,并将根据使用情况进行相关修改。

TearSnow Fan主题的设置中已经内置了很多可选项,简单易懂,大大方便了用户操作,在此向作者致以感谢。然后还有许多个性化内容需要通过直接修改代码加以实现,在此进行记录,以便日后查看,本文将持续更新……

1.链接表显示问题(2013-04-13)

TearSnow Fan主题首页边栏的链接表默认显示所有链接(最多20个),而且显示链接图片,随机排序等。但我希望只以文字形式显示某个链接分类目录中的链接,因此进行如下修改:

WordPress后台 - 外观 - 编辑主题,在文件sidebar.php中,找到关于“友情链接”的代码,并将wp_list_bookmarks函数的的参数改为:

wp_list_bookmarks('orderby=rand&categorize=0&title_li=&limit=-1&show_images=0&category=13');

关于函数wp_list_bookmarks的具体使用方法,可参考WordPress.org官方参考手册,或者中文的WordPress友情链接函数wp_list_bookmarks使用详解

但是对于WordPress的链接分类ID(Category ID),函数wp_list_bookmarks的使用方法中并没有给出说明,这个“链接分类ID”既不是“链接名称”,也不是“链接别名”,而是一个唯一的数字标示,查找方法如下:

打开WordPress后台 - 链接 - 链接分类目录,点击某个链接分类目录,查看浏览器地址栏:

其中tag_ID即为所需的链接分类ID。

2. wp-code-highlight插件代码区域边框无法显示(2013-04-13)

启用TearSnow Fan主题后,使用wp-code-highlight插件格式化的代码区域右边框无法显示(在wp-code-highlight.css样式下),可能是由于边距设置不当。

打开WordPress后台 - 插件 - 编辑,选择wp-code-highlight插件,在wp-code-highlight/css/wp-code-highlight.css文件中,找到:

pre.prettyprint{
 border:1px solid #ccc;
 font-size:12px;line-height:16px;margin:6px 0px;padding:2px 7px;overflow:auto;width:98%;
 }

将其中width改为97%或以下即可。

3. 内置的图片暗箱效果使用

添加图片或文字后,需要把这个对象链接到一幅图片(一般就是源图片),即外套一个a标签,如果使用WordPress自带插入图片的功能,可顺便调整图片大小、对齐方式等,为了提示用户,还可以将图片的标题设置为“点击查看大图”一类的提示语。下面举一文字的例子作为说明:

点此查看暗箱效果

代码:

<a href="http://oiygqw.dm1.livefilestore.com/y2pfxqSTU1vbkIoD3zf4FJgnxm9ayM146R4rrGXk2DzqqpbLbEV6SEXcG2sa4nhb03y8Vb2FzAYvk6I8CJmcjArjBgfme9wEDnCwpnKC5UiGL4/image-property.png">点此查看暗箱效果</a>

事实上,这个主题是通过检测“href=图片地址”的<a>标签链接,并在该<a>标签中加入了CSS类class="pirobox_gall",来实现暗箱的功能,这可以通过查看最终的HTML源代码得知。

4. 关闭阴影效果

本主题在CSS样式表中,对字体使用了阴影效果,虽然好看,但是个别地方处理不妥,导致文字看不清,例如图片暗箱效果显示的图片链接。

文字明显看不清楚,需要进行修改。修改方法如下:

在CSS.Style中找到:
body{text-shadow:1px 1px #fff;
改为:
body{text-shadow:0px 0px #fff;

修改后效果如图:

需要注意的是,如果你是用的不是默认颜色风格,而是其他颜色,则对应的CSS样式表不是CSS.Style,需要修改相应的颜色风格样式表!

.

4. 修改 header.php,加入统计代码等

无论是 Google Analytics,还是百度统计(异步统计代码),都需要在每个网页的</head>标签前加入统计代码。这可以通过修改主题文件夹下的header.php,达到一劳永逸的效果。

而新浪微博的一些组件,则需要加入XML名称空间,增加meta标签,以及在网站头部<head>中引用WB.JS,这也可以通过修改 header.php 达到目的。

.

5. 改变 WordPress 邮件发件人信息

WordPress 带有 E-mail 发送功能(在 Linux 主机上完美运行,在 Windows 主机上需要安装一个额外的插件)。比如有用户在你的网站上注册时,服务器就会向对方发送一封邮件。但默认的发件人为 WordPress,发件人邮箱为 WordPress@yourdomain ,没个性不说,而且不利于用户的站长的联系。现在最新wordpress版本的后台不支持修改这些信息,不过只需修改模板中的functions.php即可简单实现。

在合理的位置(只要不塞到别的函数中间都行)插入以下代码,一般添加在主题的 functions.php 最后一个 ?> 的前面:

//change WordPress default mail_from information

function new_from_name($email){
$wp_from_name = get_option('blogname');
return $wp_from_name;
}

function new_from_email($email) {
$wp_from_email = get_option('admin_email');
return $wp_from_email;
}

add_filter('wp_mail_from_name', 'new_from_name');
add_filter('wp_mail_from', 'new_from_email');

上面的代码会将 默认发件人 修改为 网站的名称,将 默认邮箱 改为 管理员的邮箱。

当然了,你也可以直接设定,比如我将 发件人设为 胡倡萌 ,邮箱 设为 admin@xxx.com ,直接修改下面两处:

$wp_from_name = '站点名称';
$wp_from_email = 'admin@xxx.com';

做完这些修改后,通过 WordPress 发送的邮件就可以直接回复了。

.

6. 将主题自带表情替换为QQ或自定义表情

TearSnow Fan 主题自带了表情功能,但不知为何,表情使用了很小众的类似字符画的图片,而且数量也不够WordPress默认的22个,而是只有16个。

依照 在WordPress的评论和文章中使用QQ表情 中的方法,先将主题文件夹中"/images/smiley/"路径下的图片替换,然后修改主题的“includes/smiley.php”文件,将表情数量和顺序调整与WordPress原生的一致。

<a href="javascript:grin(':wink:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_wink.gif" alt=":wink:" /></a>
<a href="javascript:grin(':neutral:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_neutral.gif" alt=":neutral:" /></a>
<a href="javascript:grin(':mad:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_mad.gif" alt=":mad:" /></a>
<a href="javascript:grin(':twisted:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_twisted.gif" alt=":twisted:" /></a>
<a href="javascript:grin(':smile:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_smile.gif" alt=":smile:" /></a>
<a href="javascript:grin(':shock:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_eek.gif" alt=":shock:" /></a>
<a href="javascript:grin(':sad:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_sad.gif" alt=":sad:" /></a>
<a href="javascript:grin(':roll:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_rolleyes.gif" alt=":roll:" /></a>
<a href="javascript:grin(':razz:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_razz.gif" alt=":razz:" /></a>
<a href="javascript:grin(':oops:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_redface.gif" alt=":oops:" /></a>
<a href="javascript:grin(':eek:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_surprised.gif" alt=":eek:" /></a>
<a href="javascript:grin(':mrgreen:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_mrgreen.gif" alt=":mrgreen:" /></a>
<a href="javascript:grin(':lol:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_lol.gif" alt=":lol:" /></a>
<a href="javascript:grin(':idea:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_idea.gif" alt=":idea:" /></a>
<a href="javascript:grin(':grin:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_biggrin.gif" alt=":grin:" /></a>
<a href="javascript:grin(':evil:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_evil.gif" alt=":evil:" /></a>
<a href="javascript:grin(':cry:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_cry.gif" alt=":cry:" /></a>
<a href="javascript:grin(':cool:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_cool.gif" alt=":cool:" /></a>
<a href="javascript:grin(':arrow:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_arrow.gif" alt=":arrow:" /></a>
<a href="javascript:grin(':???:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_confused.gif" alt=":???:" /></a>
<a href="javascript:grin(':?:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_question.gif" alt=":?:" /></a>
<a href="javascript:grin(':!:')"><img src="<?php bloginfo('template_directory'); ?>/images/smiley/icon_exclaim.gif" alt=":!:" /></a>

由于主题宽度不够在一行中放置全部22个表情,我在使用是删除了 “icon_idea.gif” 和 “icon_razz.gif” 两个表情。(并不需要删除文件,只需要在smiley.php中删除代码即可。)

.

7. 升级到 TearSnow Fan 2.4

本站于2013年8月27日将主题升级为  TearSnow Fan 2.4 版本,升级方法为:直接覆盖Theme目录中的tearsnowfan文件夹。

升级时担心之前的主题设置和一些修改会不会失效,实测结果如下:

“当前主题设置”会被保留,无需担心。

上述提到的 sidebar.php 以及 style.css ,以及主题文件夹下的 header.php 文件,则都需要重新修改。

(未完待续)

本文固定链接: http://blog.xieyc.com/modifications-after-using-tearsnowfan-theme/ | 小谢的小站

该日志由 xieyc 于2013年04月13日发表在 站长 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: TearSnow Fan主题的修改和使用方法 | 小谢的小站
关键字: , , , , , ,

目前共有 6 条留言 【 访客:6 条, 博主:0 条 】 访客以 6:0 大幅领先博主!

  1. 板凳
    泪雪:

    呵呵,很不错!!!

    2013-04-13 16:59
  2. 沙发
    一直在流浪:

    请问头部中间那个头像(就是那只小猫)和那个文本框怎么删除呢?求解。

    2013-05-23 01:10
    • 还没研究呢,呵呵。我也想删除,然后把logo弄个大的。要不您研究下给我传授下经验?@一直在流浪

      2013-05-23 18:40
      • 一直在流浪:

        我昨天晚上弄了一晚上也弄不掉,网上又没教程,很郁闷。我想把那位置设置一个广告位。我对改这些一窍不通啊。

        2013-05-23 22:55
        • 好,我明天看看。去掉估计容易,加广告位我也没试过。

          2013-05-28 00:14

发表评论

:wink: :neutral: :mad: :twisted: :smile: :shock: :sad: :roll: :oops: :eek: :mrgreen: :lol: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

快捷键:Ctrl+Enter