标签: WordPress技巧

WordPress3.3 编辑器自定义按钮添加新方法

Mark文一篇，原文见 @ihacklog 博文（1 & 2）。

如果你使用了WP3.3，即可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮，不必再在更新一下在 /wp-includes/js/quicktags.js 动一次手脚咯。

首先创建一个 my-quicktags.js，丢入以下内容：

QTags.addButton( '< ', '<', '&lt;', '' ); //快捷输入<的html代码
QTags.addButton( '>', '>', '&gt;', '' );
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' );  //快捷输入一个hr横线，点一下即可
QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" );  //快捷输入h1标签
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" );
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" );
//QTags.addButton( 'my_id', 'my button', '\n', '\n' );  
//这儿共有四对引号，分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容（此为空则一次输入全部内容），\n表示换行。

继续阅读

2012-01-18

强化WP后台“可视化”编辑器

参考来源:《强化你的 WordPress 后台编辑器》

强化什么呢？其实也就是把主题style.css内对文章定义的样式属性，应用到WordPress后台可视化编辑模式中来。如以一来，本要保存一下再点预览才看得到文章发布后显示出来的样式，而我们折腾后做到了“即时预览”。

步骤也很简单： 继续阅读

2010-11-13

恢复Picasa与WordPress完美结合

刚确认一个好消息，功夫网已解封PicasaWeb的图片形如lh3.googleusercontent.com开头的外链地址，就是说只要我们能获取到图片的外链地址，插入到博文中就可以正常显示了。

上传：

1.直接访问http://picasaweb.google.co.jp或http://picasaweb.google.ca，该怎么上传就怎么上传；

2.用Picasa本地客户端，挂SSH登录帐户，把文件夹同步了，想怎么丢图片就怎么丢图片。 继续阅读

2010-08-18

jQuery 折腾小记及汇总

从去年的11月发了篇《JQuery Adding》正式开始折腾jQuery，至现在用jQuery加的效果也有好一些了，所以就特来整理整理也汇算个总。

说白了jQuery就是JS，它只是把JS内的很多函数封装了，而且封装的相当不错，让懂点网页基础知识很容易就可以上手。

目前我所获得关于jQuery方面的知识不外乎来自于 jQuery 中文文档、《锋利的jQuery》以及网络搜索。我是极力推荐对jQuery有兴趣的同学看看锋利这本书的，我自己也是看完PDF版特地买了本收藏，也算支持作者一把，毕竟是我们国人作者自己写的！

继续阅读

2010-03-28

[非插件] 实现 WordPress 分页导航

距上一次真正折腾WP已经相隔好几个月了，是由于期间各种原因叠加所致，无奈呀，杯具呀！

话说WP自带的就“较早文章”和“最近文章”两个内置函数，首页文章显示数又有限，如果要看很早以前的，那要翻得哟~所以我们希望有一排数字，可以让我们喜欢点哪一页就哪一页。目前可实现这个功能的插件太多太多，之前我使用的也曾推荐过的是：《WordPress 分页导航插件: Paginator》。

今天分享的是用纯代码来实现分页导航，先看效果图：

page-nav.jpg

怎样？效果还过得去吧！有俺强力CSS代码技术做后盾，不怕做不出就怕想不出好样式~哇哈哈，臭屁臭屁了……

继续阅读

2010-03-16

给WordPress主题添加短代码功能

貌似这功能早在WP2.5已经支持，详细的描述请看：http://codex.wordpress.org/Shortcode_API

此文不解释原理（因为俺也说不清），就直接说具体的应用：

一、MP3播放器

1.添加：把以下代码复制至functions.php（注意在php循环内），然后下载mp3player.swf并放至主题根目录，MP3默认不自动播放

 
function mp3player($atts, $content=null){
 
	extract(shortcode_atts(array("auto"=>'0'),$atts));	
 
	return '<embed src="'.get_bloginfo("template_url").'/mp3player.swf?url='.$content.'&amp;autoplay='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">';
 
}
 
add_shortcode('mp3','mp3player');
 
</embed>

继续阅读

2010-01-31
1 2 3 ... 5