子比主题卡片下载按钮样式美化教程

颜诗雅

版主

社区管理 ⚔青铜 镖丁 ☯化神

教程分享 218 浏览 1 回复

详情摘要

【总结】这篇帖子教大家如何美化子比主题的卡片下载按钮，只需在指定文件中添加PHP和CSS代码即可，简单实用。

给子比主题卡片样式下面加一个下载按钮样式，非常美观。

第一步：PHP代码放到 /wp-content/themes/zibll/inc/functions/zib-posts-list.php 大概268行附近：

$get_permalink = get_permalink();

第三步：CSS代码放到子比自定义代码CSS里：

/* 文章卡片查看文章按钮 */
a.down {
  display: inline-block; width: 100%; height: 30px;
  line-height: 30px; text-align: center; color: #fff;
  background: linear-gradient(to right, #4f6dee, #67bdf9);
  border-radius: 4px; margin-top: 8px;
}

颜色可自行修改。

教程