WordPress美化qq邮件列表样式,使其完美融入主题(附xiu主题样式)

Author: 陌小雨Date: 2016-10-18View: 157

 QQ邮件列表就是一个邮件订阅平台,经过简单的设置,通过它可以自动定时将网站更新的文章发送到订阅者的邮箱,当然了,你也可以在管理后台给所有订阅者发送邮件哦。

2016年4月25日更新:

有人反映qq的邮件列表入口找不到、用不了了,不用担心,陌小雨教你如何使用qq邮件列表

腾讯企业邮箱又一次隐藏了qq邮件列表的入口

默认的qq邮件列表样式是这样的:
qqlist1

或者是这样的:

qqlist2

默认的这两款样式都很难看,也很突兀。而如何实现陌小雨首页中的这样呢?

qqlist3

这里推荐两种思路

1、截图

截图后通过点击图片链接形式链接到你的qq邮件订阅地址,这种带有一点欺骗性,不利于用户体验,陌小雨不推荐哈(其实百度站内搜索也可以用这个思路)

2、仿制

这个说起来其实也并不麻烦,陌小雨曾经分享过一篇文章,WordPress添加站内搜索(适合所有网站),这篇文章里面最精彩的就是仿制一款和主题完全兼容所有网站百度站内搜索样式,那么qqlist邮件订阅也可以用这个思路来仿制成功。

陌小雨目前所用的xiu主题通过仿制搜索框形成的最终代码如下:

<form class="search-form" action="http://list.qq.com/cgi-bin/qf_compose_send" target="_blank" method="post"><p>填写您的邮件地址,订阅更多的精彩内容:</p><input type="hidden" name="t" value="qf_booked_feedback"><input type="hidden" name="id" value="da718239be99238c5704d96cfbc02ce726c9453cc95fae54"><input type="email" name="to" class="form-control" placeholder="your@email.com" value="" required=""><input type="submit" class="btn" value="订阅"></form>

大家可以依葫芦画瓢(说白了就是css选择器改为和搜索框的css一致就行了),参考上面的代码和WordPress添加站内搜索(适合所有网站)这篇文章来美化自己的qq邮件列表哈,使其完美融入与自己的网站。

关于邮件列表的其他文章:QQ邮件列表如何每天主动推送文章给订户