• WordPress无插件相关日志修改版

    同样的,此文也是对网友做过的东西修改了下,这个修改版的优点在于,如果相关日志找不到,那么就输出随机日志

    原版php代码从老万那粘过来(地址:WordPress 非插件相关日志的两种方法 中的方法二)

    <h3>相关日志</h3>
    <ul>
    	<?php
    	$tags = wp_get_post_tags($post->ID);
    	if ($tags) {
    		$first_tag = $tags[0]->term_id;
    		$args=array(
    			'tag__in' => array($first_tag),
    			'post__not_in' => array($post->ID),
    			'showposts'=>10,
    			'caller_get_posts'=>1
    			);
    		$my_query = new WP_Query($args);
    		if(
    更多...

  • WordPress分享&收藏无插件修订版

    其实在博客创建初期的时候我就屁颠屁颠的试用了不少分享&收藏 文章的插件,但是后来觉得插件较多,而这个好像用处不大就给去掉了。

    近日在许多博客发现大家都有这么个功能,既然想用无插件的,那就找吧,老万这个正合适,我就拿来了,不过修改了一点点,呵呵~~(老万原文地址:WordPress 非插件实现分享按钮

    效果在每篇文章的开始和结尾处都有,截图如下

    PHP代码(将之插入模板文件中的single.php文件中合适的地方)

    <div class="share">
    	<strong>分享&收藏本文</strong>:
    	<a href="http://twitter.com/home/?status=<?php the_title("); ?>:<?php the_permalink(); ?>" target="_blank">Twitter</a>
    	<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;title=<?php
    更多...

  • 用CSS Sprites合并WordPress表情图片教程

    用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了,我已经在别的网站上见到这样的应用了(比如人间网就用了这个技术)。

    那么这个方法有什么好处呢?

    我想这个方法最大的好处就是大大减少了HTTP Request数量(要知道一般博客上面如果有表情的话,那么表情图片的数量少则有7、8个,多则可达20+,像我之前就用了24个)以及图片的大小(以前我24个GIF图是36K+,现在则只有一个大小为4.74KB的xiaonei.png),这对于大流量的网站的好处是显而易见的。

    当然缺点呢也很明显,图片成静态的了(其实也可以做成动态的,但是比较麻烦,而且文件也会比较大),朋友们会觉得比较死板,没有以前那么生动了。我个人感觉其实还可以,要知道很多网站是没有表情的,呵呵。

    好了,下面Zenoven先说说WordPress实现表情符号到图片的原理。

    1、WordPress后台首先要启用表情转换(在WP后台>设置>撰写选项>格式化 将 “转换如 :-):-P 的文字表情符号为图像”选中)

    2、当用户发布评论后,WP根据   网站根目录/wp-includes/functions.php中smilies_init() 的定义,将表情符号转换为对应的文件名。

    3、接着在评论显示的时候,WP根据    网站根目录/wp-includes/formatting.php 中translate_smiley($smiley) 的定义,输出一个 img标签,显示对应的表情。

    也就是说从你输入表情对应的符号(或是点击表情)到显示图片经历了这么一个过程

    表情符号>>表情文件名>>IMG标签

    原理知道了,那么实现我想要的功能就很简单了。思路如下。

    首先转换表情符号为文件名这一块,我让他转换成表情的ID,然后生成img标签呢,我又修改为生成一个a标签,然后利用表情的ID,给每一个生成的a标签设置CSS样式(最主要的就是background-position的应用了)

    下面是我实现的具体步骤。

    1、修改    网站根目录/wp-includes/functions.php中smilies_init() 的定义。下面是我修改后的smilies_init()中if ( !isset( $wpsmiliestrans ) )部分。

    	if ( !isset( $wpsmiliestrans ) ) {
    		$wpsmiliestrans = array(
    		':(1):' => 'xiaone_1',
    		':(2):' => 'xiaonei_2',
    		':(3):' => 'xiaonei_3',
    		':(4):' => 'xiaonei_4',
    		':(5):' => 'xiaonei_5',
    		':(6):' => 'xiaonei_6',
    		':(7):' => 'xiaonei_7',
    		':(8):' => 'xiaonei_8',
    		':(9):' => 'xiaonei_9',
    		':(10):'
    更多...

  • WordPress表情不会动了?怎么回事?

    首先请刷新下~~

    如果还是不会动。。。那么就证明我成功了!哈哈,是不是有点莫名奇妙?

    因为你现在看到的所有表情其实都在一个图片文件里,是个静态的GIF,大小5.32KB,这个就是昨天晚上忙乎了几个小时的效果。

    所有表情看起来像是图片,即img标签,其实是a标签,这是用CSS sprites做的效果。从认识这个CSS 更多...

  • Audio Player突然不能显示了。。。悲剧

    奇怪啊。。。不知道到底搞啥了,原来用着好好的WordPress插件 Audio Player,突然不能用了,在本来应该显示播放器的地方显示一片空白。。。悲剧

    还有现在对自己这个站越来越不满意了,加载的插件太多,网页打开速度越来越感觉慢了,现在有种想法,等有时间了,将所有东西重新整理(这其中主要是我个人的原因,由于用WordPress初期不太懂),甚至会转投其他系统(比如typecho) 更多...

  • WordPress单日志添加AD及sidebar小工具的应用

    1、单日志添加AD(如Google AD)

    WordPress中single.php是单篇日志模板,如果需要在单篇日志中加入GoogleAdSense或是其他广告,这样做。

    找到你所在主题中single.php如下代码

    <?php the_content(); ?>

    在其前面加入

    <!– AD START –>
    <div style=”float:right;margin-left:5px;”>
    此处放入广告代码
    </div>
    更多...

  • WordPress增加日志归档和分类页面的方法

    日志归档和分类这两个页面在不少朋友的WordPress里面还是很常见的,通过这两个页面可以让自己和访客更好的了解你的内容,也可以对自己以前的文章进行查看总结。下面就来说下添加这两个页面的方法。

    1、增加日志归档页面

    效果如下面的截图,实际效果可以查看我的这个页面 文章归档

    更多...

  • WordPress折腾记-精简CSS及JS在插件中的调用

    爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做。

    更多...