WP短代码实现“chat”文章聊天形式 文章也能活跃起来

独角兽企业重金招聘Python工程师标准>>>

之前发过一篇文章，是自己原创制作的文章聊天形式，链接>气泡对话短代码 当时只完成了一半，时间太忙了，抽不出时间。原文转载：/wpchatliao/

这次可以试试下面这篇文章的，是转载过来的文章， 看了下，还是很不错的

如图所示：

基本思路是利用wordpress内置的短代码来减少添加对话内容的工作量，说直观点就好比论坛的UBBcode

其实也没什么特别的好处，只不过很死板的文章一大堆文字下来，这样会 让人感觉生动活跃一些

1、在主题的function.php中加入下列代码：

共包含四个参数：

$chatter – 定义聊天者名字，此处默认值为Hermit $avatar – 定义聊天者头像，此处默认值为hermit（这是一个css类名，后面会提到） $position – 定义聊天框方向，此处默认值为left $chatbg – 定义聊天框色调，此处默认值为blue（同为css类名，后详）

2、定义CSS

下面是css样式，仅作参考，一切样式请以各自主题为准。

目前只有两位作者，所以头像类只定义了两个，评论框色调也只有blue和green。

具体使用方法和论坛UBB规则类似：

显示效果就是文章开头的那样子。

当然，仅仅这样还是很麻烦的，因为默认值只有一个，编号大于2的角色需要在短代码中定义很多参数，这显然违反了“短”的初衷。所以笔者建议添加2个函数，一个对应方向为左的聊天框，另一个对应右侧的。

现在支持随意改变聊天框左右位置了。在短代码加入position=”left/right”来控制即可。

好了，大功告成……

原文转载：/wpchatliao/