好的爱情是你通过一个人看到整个世界,坏的爱情是你为了一个人舍弃世界。

标签:theme

WordPress获取文章(相册)中图片的数量
技术文档

WordPress获取文章(相册)中图片的数量

2013-10-20 2013-10-20 6146浏览 1评论 简洁版

1. 需求

小站的相册分类中文章主要有两种,一种使用的是WordPress的原生相册功能,另外一种则是普通的文章,文章内插入了图片;本文的需求就是统计文中的图片的总张数。

演示效果见:http://loosky.net/archives/category/album

演示图片

2. 解决方案

获取文章图片数量函数

将函数post_img_number放在functions.php中。

function post_img_number(){
    global $post, $posts;
    ob_start();
    ob_end_clean();

    //使用do_shortcode($post->post_content) 是为了处理在相册的情况下统计图片张数
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i',do_shortcode($post->post_content), $matches);
    $cnt = count( $matches[1] );
    return $cnt;
}

注:本函数最大的改进是通过使用do_shortcode($post->post_content)来调用WordPress文章的内容而不是使用$post->post_content,可以解决使用原生相册功能功能时图片不能统计的问题。

阅读更多...

碎语

2013-02-17 2248浏览 0评论

换个主题,换种心情。

通过WordPress文章形式实现碎语/微博的功能
技术文档

通过WordPress文章形式实现碎语/微博的功能

2011-08-18 2011-08-18 62628浏览 41评论 简洁版

emlog有个碎语的功能,大概跟微博类似吧,可以杂七杂八地讲一些话。在微博还没有现在那么火的时候,微博的程序也不是很多,所以自己还动手写了一个,现在依然在用着。随着WordPress功能的增强,就有网友通过主题的形式实现了微博的功能。随着微博和轻博客越来越火,WordPress也与时俱进,在3.1版本中坚强而又勇敢地引入了文章形式的功能。

目前支持九种文章格式,来自官方的介绍是这个样子:

日志(aside) - 典型样式就是没有标题。类似于 Facebook 或人人网中更新的一条日志。
相册(gallery) - 图像陈列厅。文章中通常会有“gallery”代码和相应的图像附件。
链接(link) - 链接到其它网站的链接。主题可能会使用文章中的第一个 <a href=""> 标签作为文章的外部链接。有可能有的文章至包含一个 URL,那么这个 URL 将会被使用;同时,文章标题(post_title)将会是附加到它的锚的名称。
图像(image) - 单张图像。文章中的首个 <img /> 标记将会被认为是该图片。另外,如果文章只包含一个 URL 链接,则被认为是该图片的 URL 地址,而文章标题(post_title)将会作为图片的标题属性。
引语(quote) - 引用他人的一段话。通常使用 blockquote 来包裹引用内容。或者,可能直接将引语写入文章,并将其出处写在标题栏。
状态(status) - 简短更新,通常最多 140 个字符。类似于微博 Twitter 状态消息。
视频(video) - 单一视频。文章中第一个 <video /> 或 object 或 embed 将被作为视频处理。或者,文章可以仅包含视频的 URL,甚至一些主题和插件可以支持自动嵌入您的文章附件中的视频。
音频(audio) - 一个音频文件。可以用于播客(podcasting)等。
聊天(chat) - 聊天记录

所以本文要介绍的就是通过使用文章形式的功能,来实现类似于碎语或者微博的功能,当然,使用本文的方法,不用文章形式也可以直接实现的。先看效果:碎语

阅读更多...

去除评论回复@user中的空格
技术文档

去除评论回复@user中的空格

2011-08-15 2011-08-15 7909浏览 9评论 简洁版

很多主题中实现了评论回复@user的功能,比如iNoveBlocks2以及paled等,其中主要用到的一个核心js函数是:

1
2
3
4
5
function reply(replyID,authorId, commentId, commentBox) {
        var author = document.getElementById(authorId).innerHTML;
        var insertStr = '<a href="#' + commentId + '">@' + author.replace(/\t|\n|\r\n/g, "") + ' </a> \n';
        appendReply(insertStr, commentBox)
    }

阅读更多...

添加侧边栏随滚动条滚动效果
BLOGGY

添加侧边栏随滚动条滚动效果

2011-08-12 最后修改:2011-08-23 11:03 34805浏览 50评论 简洁版

我最早是在老肥博客上看到这个效果的,他的评论框可以随侧边栏一起滚动,比较人性化的,效果如下:

刚好今天在浩子的博客上看到了这个效果的实现代码,于是折腾了一下,把这个代码加上了。当文章或页面的内容比较长的时候,侧边栏可以显示一些内容,免得给人空荡荡的感觉。

步骤如下:

1、给侧边栏的各个模块加上一些class标志,如下图框框里面的内容:

阅读更多...

WordPress:历史上的今天
技术文档

WordPress:历史上的今天

2011-07-06 2011-07-06 15910浏览 4评论 简洁版

这个历史指的是你的博客的历史,也就是你在前几年的这一天发表的文章。创意来自于柳城的插件,所以喜欢插件的朋友们可以直接安装他的插件,我是通过代码来实现的。当然这个需要您已经写博一年以上,不然是没有历史的。

基本功能为:在某个文章页面,显示和这篇文章的发表日期同月同日的文章;在其他页面,比如存档页面等,则显示和今天同月同日发表的文章。一个小伎俩,喜欢的朋友可以继续往下。

效果如下:

存档页,http://loosky.net/?page_id=485

阅读更多...

WordPress最新评论高度自适应无缝滑动显示
技术文档

WordPress最新评论高度自适应无缝滑动显示

2011-06-27 最后修改:2013-10-19 09:18 124811浏览 11评论 简洁版

大家可以看看新浪微博首页大家正在说,里面会将最新的内容进行滑动展示,感觉很不错。今天在网上闲逛时,看到了LiveMe优秀评论频道,而且他还提供了可以供实现的代码,不过只是一个演示的,没有具体实现。于是动手弄了一下,本站的演示效果可见TOP页

具体步骤如下:

阅读更多...