跳到内容

文章类别:维护日志

wordpress评论及文章发布添加自定义表情

发个文章庆祝一下,

搞了半天,终于在评论和文章发布上面做上表情按钮了,

评论上面的表情是参照Willin Kan(感谢!)的WP 表情符號自定義表情圖片位址,改成了人人网上的表情(感谢倪Yao同学,用你的电脑登人人),在此不再赘述,请需要的移步本方法的作者博客.

至于文章发布页的表情,看了Willin Kan的文章和评论里的讨论,似乎暂时没有解决,

不是很懂php,看了看代码,实践了一下,发现在评论中用的方法并不适用,

只能在文章编辑框附近添加表情图片,而不能自动添加对应符号(如本博的:’smilies01:’);

因为文章编辑框并不是<textarea>区块,

一坨一坨的php代码纠结在一起…看不懂… :smilies08: :smilies08:

混乱之间,发现文章编辑的HTML模式,点过按钮后会在编辑框出现<b></b>之类的标签,

或许,我可以把表情和这个做到一起 :smilies18: :smilies18:

在源代码翻了一会发现,并没有quicktags(HTML模式工具条)的相关代码,

查阅网上资料,原来写在JS里(wp-includes/js/quicktags.js)

于是我们可以仿照:

edButtons[edButtons.length]=new edButton(“ed_smilies”,”01″, ” :smilies1: “,””,”t”, -1);

这种格式来添加一些按钮,执行添加表情功能,

至于各个参数意义,请自行搜索.

不过这也是一个很笨的方法来,因为不能直观地看到添加的表情是什么,于是…

我在编辑框附近把表情图片全列出来,并按顺序排号,按钮直接命名为编号,

使用的时候看图片的编号按相应按钮,

中间出了点问题,在编号上记混了,一方面编为1,2,3,4…一方面编为01,02,03,04… :smilies21: :smilies21:

结果无法显示,现已改正,功能正常.

对于喜欢用可视化编辑的人来说有点不方便,不过也算解决问题了.

考虑可视化编辑工具条,应该还有改进方法,按钮上直接显示表情,

不过可视化编辑工具条上的图片,是从同一张图片上的不同部分读取来的,估计也写在JS里,

这实非我能力之所及,期待日后或者高人解决吧.

PS:从HTML切换到可视化会自动略去多于一个的空格,连续添加多个表情估计导致后面的无法正常显示,但实际并无此状况.

不早,灌两口水睡觉.

博客快速留言技巧

在博客上留言是一种美德,经常在博客上留言的朋友一定会觉得每次在博客上输入昵称,邮箱和网址是一件很烦人的事情,下面提供博客快速留言技巧。

我以目前两大主流博客程序WordPress和Zblog为例。首先打开任意博客的文章页面,查看源代码找到留言处,找到输入框的标签ID,在WordPress中你会看到这些标签ID:author email url comment 。

要说明的是这些标签ID在不同的WordPress主题可能有所不同。

下面看wordpress博客快速留言代码(评论中有改进代码)。

javascript:
(
function()
{
document.getElementById(‘author’).value=’溫暖色調’;
document.getElementById(’email’).value=’h364060758c@gmail.com’;
document.getElementById(‘url’).value=’https://blog.warmcolor.net’;
document.getElementById(‘comment’).value=’这里是你的留言’
}
)
()

getElementById中填写博客主题的标签ID,value中填写自己的信息。然后用浏览器任意收藏一个网页,修改名称为 WordPress博客快速留言,再将上面代码复制到地址保存。当你浏览WordPress博客时只需要点击一下收藏夹中的“WordPress博客快速 留言” 预先设置好的内容就自动填写好了。

应用相同的方法添加Zblog博客快速留言,Zblog博客快速留言代码如下

javascript:
(
function()
{
document.getElementById(‘inpName’).value=’溫暖色調’;
document.getElementById(‘inpEmail’).value=’h364060758c@gmail.com’;
document.getElementById(‘inpHomePage’).value=’https://blog.warmcolor.net’;
document.getElementById(‘txaArticle’).value=’这里是你的留言’
}
)
()

另外还可以直接将下面链接保存到收藏夹中,向我一样懒的bloger们快去试试吧!

WordPress博客快速留言 | Zblog博客快速留言

收藏夹方法:将代码中个人信息更改后,创建一个书签,网址为上述代码即可.

wordpress纯代码实现在文章中插入flash和音乐

如果你想在文章中插入一段flash或者音乐,你可能首先想到的就是寻找插件,不错,是有很多插件可是实现,如Audio Player等。但是怎么用纯代码实现这个功能呢?其实也很简单,下面和大家分享一下:

wordpress文章插入flash

在编辑文章状态,切换到HTML模式,调用以下代码:

<embed play=”true” quality=”high” height=”500″ width=”500″ src=”FLASH地址” pluginspage=”http://www.macromedia.com/go/getflashplayer”>
</embed>

把黄色字体换成你flash的绝对地址就行了,可视化编辑时也可采用伸拉的方式对FLASH的宽度和高度进行调整。

wordpress文章插入音乐

在编辑文章状态,切换到HTML模式,调用以下代码:

<embed loop=”false” autostart=”false” controls=”ImageWindow” maxwidth=”500″ src=”音乐地址“></embed>

同样是把黄色字体换成你flash的绝对地址就行了。简单吧!

相关参数使用说明:

src:媒体文件地址。

autostart:是否自动播放,true为自动,false为手动。

loop:是否循环,true为循环,false只播放一次,也可直接设置数字,2表示播放2次,同理。

width:播放界面的宽度,一般在300到500之间最好。

height:播放界面的高度。根据视频、音频来定(音频时此值不必设太大)。

hidden:是否隐藏播放界面,true为不可见,false表示可见。

quality=high表示以高档画质播放。

pluginspage=http://www.macromedia.com/go/getflashplayer表示播放插件调用自该地址,传说可省略。 我在html中没有发现此行代码,可能是WordPress自动优化略掉了。

 

读代码神马的好烦人啊

不得不在感叹一下,别人写的代码,读起来真恼火啊,

就是在网站上加一个转到顶部底部评论的代码,

网上N多份,说的模棱两可还都不一样,还没有详细的注释,

全要动手试啊,

搞到现在才弄出比较满意的效果,这也说明我技术不行吧,

还不知道这效果我一觉醒来还看得惯不……

唉,算了吧,毕竟现在已经是业余玩家了,

以前发过读代码烦人的文章,想看的自己去找吧,

以后报复谁,就让他读别人胡乱写的代码,哼.

今天就这样,呃,应该说早安吧……

wordpress添加滚动至顶部,底部,评论的按钮

已恢复

见:顶部底部按钮重见天日

用户体验不佳,已取消改功能

 

在<body></body>之间插入代码:

<div id=”shangxia”>

<div id=”shang”></div>

<div id=”comt”></div>

<div id=”xia”></div>

</div>

在网页中为对象建立位置

 

在<head></head>之间插入代码:

<?php if (is_single()) { ?>

<link rel=”stylesheet” href=”http://www.yourdomain/single_hd.css” type=”text/css” />

<?php } else { ?>

<link rel=”stylesheet” href=”http://www.yourdomain/other_hd.css” type=”text/css” />

<?php } ?>

跟据页面不同选择载入不同的样式表(有无评论)(建议加在<head></head>的最后,以免被前面覆盖)

 

在<head></head>之间插入代码:

<script type=”text/javascript” src=”http://www.yourdomain/shangxia.js”></script>

载入所需的js代码,wordpress一般已经载入jQuery(建议加在<head></head>的最后,以免不起作用)

阅读更多 »