wordpress多说最新评论小工具美化技巧
- 时间:2020-05-22 15:47:15
- 分类:网络文摘
- 阅读:168 次
时下,包括wordpress在内的很多博客都采用了社会化评论插件,其中尤以多说的使用者最多。虽然多说的使用很简单,外观样式能适应大多数主题模板,但由于不同的主题侧边栏宽度不同,该插件集成的最新评论小工具添加到侧边栏后,不能适应主题侧边栏宽度,文字或边框会超出主题宽度,影响美观。想要完美添加多说的最新评论小工具到wordpress侧边栏中,可以通过下面介绍的wordpress技巧,修改默认的外观样式来适应主题。以知更鸟的Ality主题为例:

添加如下代码到wordpress主题样式文件style.css中:
- /** 多说 **/
- #ds-recent-comments li.ds-comment {
- width: 87%;
- font-size: 14px;
- border-top: none !important;
- border-bottom: 1px dashed #dadada;
- word-wrap: normal !important;
- }
- #ds-recent-comments li.ds-comment .ds-avatar {
- margin-top: 10px;
- }
自适应主题侧边栏宽度,上边框改为下边虚线框,自动截断文字。
非Ality的其它主题,可能还需要加上:
- whitewhite-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
用于文字超出自动截断。
推荐阅读:Awardspace免费php空间稳定可绑域名没有广告500MB空间 一站式商旅及费用管理平台“汇联易”完成3亿元C+轮融资 研究完各路大神,终于知道你做项目失败的原因了 以技术战疫 融云入围"创客北京2020"疫情防控专题赛50强 微信视频号如何注册?微信视频号如何运营吗? 思创客品牌咨询 帮你的品牌牢牢守住市场地位 为什么说餐饮行业也需要微博营销 餐饮020 新开餐厅微信微博营销四段法 如何实现微博的有效营销呢? 微博营销怎么做?看这篇就行了
- 评论列表
-
- 添加评论