WordPress中添加评论Ctrl+Enter快捷回复

作者:matrix 发布时间:2013 年 9 月 1 日 分类:Wordpress 兼容并蓄

修改TC_NGRO主题时发现提交评论没有Ctrl+Enter快捷回复,而现在的主题一般都有此功能 很实用。

TC_NGRO主题wordpress版

在comments.php中找到类似代码

<p><textarea rows="5" cols="50" name="comment" class="textarea" id="comment"></textarea></p>  
<p><input type="submit" value="<?php _e('提交评论/Ctrl+Enter'); ?>" id="submit" class="submit" /><?php comment_id_fields(); ?> </p>  

要确保<textarea中的name、id的值与下面的js代码中的第2行处的值(此处为comment)对应一致。

<input中的 type、id的值下面的js代码中的第12行处的值(此处为submit)对应一致。

在</form>下行处添加js代码:

<script type="text/javascript">  
document.getElementById("comment").onkeydown = function (moz_ev)  
{  
var ev = null;  
if (window.event){  
        ev = window.event;  
    }else{  
        ev = moz_ev;  
    }  
if (ev != null && ev.ctrlKey && ev.keyCode == 13)  
    {  
        document.getElementById("submit").click();  
    }  
}  
</script>  

孤雨在线文件管理系统-站长web工具

作者:matrix 发布时间:2013 年 8 月 25 日 分类:Wordpress 兼容并蓄

之前的用的ftp在线解压-php程序的发现还不错的,CMSwaare。

孤雨在线文件管理系统-用了才说好~

v1.3 版本:

下载: http://pan.baidu.com/share/link?shareid=3379878310&uk=3238236832

城通网盘:http://www.400gb.com/file/28616141

百度网盘源:http://pan.baidu.com/share/link?shareid=3379878310&uk=3238236832

孤雨在线文件管理系统-站长web工具

解压缩完全没压力,还支持全站文件备份, 经测试么问题 只是自杀功能不能实现,应该是函数限制的原因。

还有基本FTP功能、.支持本地上传或者网络远程上传文件、权限读取与修改功能、数据库备份(需要手动填入数据库信息)

使用说明:

处于安全考虑建议事先修改管理员用户及密码,打开ftp.php

$txtcolor1 = "#000000";  
$txtcolor2 = "#003399";  
$filefolder = "./";  
$sitetitle = '孤雨在线文件管理系统';  
$user = 'admin';  
$pass = 'pass';  
$meurl = $_SERVER['php_SELF'];  
$me = end(explode('/',$meurl));  

很好的站长web工具,值得拥有!

参考:哼哼猪

添加js抖动特效-鼠标悬停图片文字抖动

作者:matrix 发布时间:2013 年 8 月 13 日 分类:Wordpress 兼容并蓄

jquery

WordPress添加js抖动特效  效果不错!

在header.php添加代码:

<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>  
<script type="text/javascript" src="/js/jquery.doudong.js"></script>  
<script type="text/javascript">  
//抖动特效  
$(document).ready(function(){  
    $('.logo,#bot_mainr').shake();  
});  
</script>  

说明:

第1、2行的js文件时必须加载的,如果加载了JQ库就不用加载jquery-1.4.2.min.js文件。

第6行的.logo 和#mainr是设定的抖动标签和样式。

js下载:http://189.io/gLwunn

代码来自:http://www.17sucai.com/pins/505.html

免插件为wordpress实现彩色标签

作者:matrix 发布时间:2013 年 8 月 10 日 分类:Wordpress 兼容并蓄

此方法可以免插件实现WordPress彩色标签

效果:

免插件为wordpress实现彩色标签

标签的颜色会根据的话题数目不同而自动改变~所有调用 wp_tag_cloud()函数的地方都会显示彩色标签。 阅读剩余部分 »

为wordpress增加function模板应用-以后不用修改模板函数添加扩展功能

作者:matrix 发布时间:2013 年 8 月 9 日 分类:Wordpress 兼容并蓄

以前在“ 更换主题-七彩之家BLUE2.0以及后续的修改 ”中的functions.php添加了很多内容,稍微有点差池就导致WordPress无法打开。

为wordpress增加function模板应用

幸好WordPress很人性化的支持无限扩展-include all php script功能,可以实现更自由的添加自定义功能,避免了直接修改模板函数functions.php导致的各类风险~ 阅读剩余部分 »

中国电信189.io短地址api接口调用以及与wordpress的整合

作者:matrix 发布时间:2013 年 8 月 7 日 分类:Wordpress 兼容并蓄

中国电信短地址服务平台:189.io

中国电信短地址api接口调用

api接口:http://d.hhtjim.com/ioapi.php?url=http://www.baidu.com

这里再留个官方的api接口:http://api.189.cn/EMP/shorturl/long2short?access_token=8723a2ce797824056e66cc3091a354711375933538509&app_id=120032470000032374&longurl=https://www.hhtjim.com

短地址生成成功

参数longurl=就是你需要转换的地址。

申请到了这个api肯定不能浪费,这就琢磨着与WordPress的整合。

由于本人对于php还是小白 ,所以找了很多的函数和方法, 这里留个很有用的做个记录(这代码给LZ折腾惨了 😡 )

1.函数模板functions.php中添加:

<?php  
function ecurl($getur){  
$xml = new DOMDocument();   
$xml->load('http://api.189.cn/EMP/shorturl/long2short?access_token=13f1efe925d93f1bd1f2f9e2f30883e9&app_id=699556960000031989&longurl='.$getur);   
foreach($xml->getElementsByTagName('shorturl') as $shorturl)   
$value = $shorturl->firstChild->nodeValue;   
echo $value;  
}  
?>  

说明:ecurl()为增加的自定义函数,用来读取api返回的xml值,也就是那短地址

参考:http://www.jb51.net/article/25853.htm

ecurl($getur)中的参数为变量$getur,是用来读取WordPress的当前页面或者文章的url(下面有介绍)

2.文章页面模板single.php相关位置处中添加自定义函数ecurl()的调用。我这里是显示本文的固定连接  so  在content结束前位置处添加:

本文连接:  
<a href="<?php  ecurl(wp_get_shortlink( $post->ID ) ); ?> "><?php  ecurl(wp_get_shortlink( $post->ID ) ); ?>   

注意:ecurl()的参数不能用WordPress的the_permalink()函数,若使用the_permalink()会直接显示文章的原地址,而且ecurl()也无法调用the_permalink()函数作为参数大致原因网上说是只能读取    没搞懂~

后来无意中找到wordpress短接接函数的调用<?php wp_get_shortlink( $post->ID ); ?>  神奇的解决了问题! :mrgreen:

 

短地址还可以延伸到QR码的显示:

<div id="currentPageCode" style="cursor: pointer; position: fixed; bottom: 30px; left: 10px;"><img style="border: 2px;" width="100" height="100"  src="http://api.qrserver.com/v1/create-qr-code/?size=100x100&data=<?php  ecurl(wp_get_shortlink( $post->ID ) ); ?>" alt="QR:  <?php the_title(); ?>" title="扫描二维码即可访问本页"/></div>  

参考:http://www.wjzhb.com/?p=388

中国电信189.io短地址转换API详情:http://open.189.cn/index.php?m=api&c=index&a=show&id=400#6

 

更换主题-七彩之家BLUE2.0以及后续的修改

作者:matrix 发布时间:2013 年 7 月 31 日 分类:Wordpress 兼容并蓄 零零星星

PhilNa2之自说ME话扩展版 v1.5.1  留个图。 强大的小墙、强大的功能、更是辛苦了的自说Me话

图片有点不科学,打开的时候要注意啦 同学~

PhilNa2之自说Me话扩展版 v1.5.1

无意中发现个好看的cms主题BLUE2.0之后就果断跟换,然后就一连串的修改调整。。。真是闲着蛋疼~

更换主题-七彩之家BLUE2.0以及后续的修改

然后就开始记录修改主题的细节部分,方便以后的查找~

1.后台添加html按钮

toggle伸缩、mp3短代码、分隔符、文章分页样式

functions.php中上部添加 代码:

// 自定义HTML编辑器按钮  

add_action('admin_print_scripts', 'my_quicktags');

function my_quicktags() {

    wp_enqueue_script(

        'my_quicktags',

        get_stylesheet_directory_uri().'/my-quicktags.js',

        array('quicktags')

    );

}  

主题目录内添加my-quicktags.js文件:

QTags.addButton( '<', '<', '<', '' ); //快捷输入<的html代码  
QTags.addButton( '>', '>', '>', '' );  
QTags.addButton( 'hr', '分隔线', "\n<hr />\n", '' );  //快捷输入一个hr横线,点一下即可  
QTags.addButton( 'nextpage', '文章分页', "\n<!--nextpage-->\n", '' ); //添加文章分页按钮  
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( 'mp3', 'mp3 auto1自动播放', '\n[mp(占位符)3 auto=1]', '[/mp3]\n' ); //mp3按钮  
QTags.addButton( 'toggle', 'toggle伸缩', '\n[t(占位符)oggle]', '[/toggle]\n' ); //toggle伸缩按钮  

//QTags.addButton( 'my_id', 'my button', '\n</span>', '</span>\n' );  
//这儿共有四对引号,分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容(此为空则一次输入全部内容),\n表示换行。

 

2.functions.php中添加访问计数代码

//访问计数  
function record_visitors()
{
    if (is_singular()) {
        global $post;
        $post_ID = $post->ID;
        if ($post_ID) {
            $post_views = (int)get_post_MEta($post_ID, 'views', true);
            if (!update_post_MEta($post_ID, 'views', ($post_views + 1))) {
                add_post_meta($post_ID, 'views', 1, true);
            }
        }
    }
}

add_action('wp_head', 'record_visitors');
function post_views($before = '(点击 ', $after = ' 次)', $echo = 1)
{
    global $post;
    $post_ID = $post->ID;
    $views = (int)get_post_meta($post_ID, 'views', true);
    if ($echo) echo $before, number_format($views), $after;
    else return $views;
}

single.php、blog.php中添加被围观次数显示:

被围观: <?php post_views(' ', ' 次'); ?>

3.添加toggle伸缩功能

functions.php中添加toggle伸缩函数:

/* 
* 文章内容部分文字toggle伸缩,源代码取自林木木博客 
*自己稍加修改,添加后台编辑器按钮,方便朋友们添加 
*/

function single_toggle($atts, $content=null){

    extract(shortcode_atts(array("title"=>' 点击此处展开↑ '),$atts));

    return '<p class="tg_t">'.$title.' ↓ </p><p class="tg_c" style="display:none;">'.$content.'</p>';

}

add_shortcode('toggle','single_toggle');

参考:自说me话 & http://immmmm.com/WordPress-shortcodes-toggle.html

\js\jquery.js中添加控制语句:

/*************************** Toggle伸缩 就少了”jQuery(document).ready(function(){“这句ready的话 TMD 给老子弄惨了 ***************************/  

jQuery(document).ready(function(){  

jQuery(".tg_t").click(function(){$(this).next('.tg_c').slideToggle(400)});  

});  

之前就少了ready的语句,害得我弄了大半天都没效果~  不懂代码真是恼火啊

4.添加播放mp3的功能

从自说Me话扩展版 v1.5.1拷贝\swf\player.swf
functions.php中添加mp3短代码:

/* 
* mp3短代码 
*/
function mp3player($atts, $content=null,$auto = false){
    extract(shortcode_atts(array("auto"=>'0'),$atts));
    $autostart=$auto?'yes':'no';
    return '<embed src="'.get_bloginfo('template_directory').'/swf/player.swf?soundFile='.$content.'&autostart='.$autostart.'&animation=yes&encode=no&initialvolume=80&remaining=yes&noinfo=no&buffer=5&checkpolicy=no&rtl=no&bg=E5E5E5&text=333333&leftbg=CCCCCC&lefticon=333333&volslider=666666&voltrack=FFFFFF&rightbg=B4B4B4&rightbghover=999999&righticon=333333&righticonhover=FFFFFF&track=FFFFFF&loader=009900&border=CCCCCC&tracker=DDDDDD&skip=666666" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="290" height="30">';
}
add_shortcode('mp3','mp3player');  

参考:http://isayme.com/2011/05/shortcode-enable-mp3player.html

wordpress显示作者信息

作者:matrix 发布时间:2013 年 6 月 22 日 分类:Wordpress 兼容并蓄

WordPress显示作者信息适用于多作者的博客。在文章末尾显示作者信息 效果不错。

只需要在函数模版functions.php里添加下面代码:

add_filter('the_content','webzty_author_meta');  
 function webzty_author_meta($content){  
 if(is_singular()){  
 $id=get_the_author_meta('ID');  
 $avatar='<div style="float:left;margin-right:5px;">'.get_avatar($id,64).'</div>';  
 $author='<div style="float:left"><div>作者: '.get_the_author_meta('display_name').'</div>';  
 $des='<div>'.get_the_author_meta('user_description').'</div></div><div style="clear:both"></div>';  
 $content=$content.$avatar.$author.$des;  
 }  
 return $content;  
 }  

效果如图,会在文章末尾显示。带有头像,不错~
wordpress显示作者信息
参考:http://www.ztyhome.com/wordpress-author-detail