美化多说最新评论小工具

美化多说最新评论小工具-UI大牛

目前,社会化评论插件被众多博客所采用,其中多说的使用者最多。多说使用简单,启用后只需注册并设置一下就可以了。外观样式能适应大多数主题模板,本文主要说一下,该插件集成的最新评论小工具,由于不同主题侧边栏宽度不同,最新评论小工具添加到侧边栏后,不能适应主题侧边栏宽度,文字或边框会超出主题宽度,影响美观。有童鞋问题怎么让多说的最新评论小工具能完美加到侧边栏中,下面以Ality主题为例,通过修改默认的外观样式来适应主题。

将下面的代码添加到主题样式文件style.css中即可。

  1. /** 多说 **/
  2. #ds-recent-comments li.ds-comment {
  3.     width: 87%;
  4.     font-size14px;
  5.     border-topnone !important;
  6.     border-bottom1px dashed #dadada;
  7.     word-wrap: normal !important;
  8. }
  9. #ds-recent-comments li.ds-comment .ds-avatar {
  10.     margin-top10px;
  11. }

自适应主题侧边栏宽度,上边框改为下边虚线框,自动截断文字。

非Ality的其它主题,可能还需要加上:

  1. whitewhite-spacenowrap;
  2. text-overflow: ellipsis;
  3. overflowhidden;

用于文字超出自动截断。

另外,多说会为每篇文章自动添加自定义栏目:duoshuo_thread_id,当你删除卸载多说时,这些自定义栏目并不会一起删除,成为垃圾数据,手动删除工作量大,可以使用下面的代码批量删除多说残留的自定义栏目,将下面代码添加到当前主题functions模板中:

  1. global $wpdb;
  2. $wpdb->query( "
  3. DELETE FROM $wpdb->postmeta
  4. WHERE `meta_key` = 'duoshuo_thread_id'
  5. " );

该代码不需要保留在functions模板中,用后即删。

文章出自:https://zmingcx.com/

0

评论0

请先

没有账号? 注册  忘记密码?

社交账号快速登录