html - 如何将 "Read more"按钮移动到此 WordPress 主题的帖子末尾？

Question

我下载了这个主题，当您在 WordPress 中添加“更多”标签时，它会在底部沿着推文、点赞和评论按钮添加“阅读更多”按钮。

a) 我希望能够在文章摘录后以链接的形式显示“阅读更多”的经典形式。

b) 然后将“评论”图标移动到“推文”和“喜欢”按钮附近。

我对 CSS/HTML 的了解为零，非常感谢能提供帮助的人。

文件:

视觉说明------> http://bit.ly/WKdMCl

zip 格式的主题 ------> http://bit.ly/UovMlW

主题实际演示----> http://bit.ly/HtSIxn

Answer 1

您必须编辑主题核心文件才能实现a 和b。为了您的方便，我在 Firebug 上尝试了一些东西。查看图片:http://tinypic.com/r/2jdqds8/6

如果您想要类似的东西，那么您只需编辑一个文件，即 style.css

按照下面的简单说明操作:

1. 使用 Netbeans IDE、Notepad++ 或 WordPad 打开位于模板目录中的 style.css。

2. 搜索代码 ".post-meta .readmore"(不带引号)并将其替换为以下代码片段:

   .post-meta .readmore {border: 0;padding: 2px 0 10px 12px;margin:0;}

3. 搜索代码 ".post-meta .readmore a"(不带引号)并将其替换为以下代码片段: .post-meta .readmore a {color: #317CC8;display: block;line-height: 15px;padding-left:20px;position: relative;text-decoration: underline;top: -30px;}

4. 搜索代码 ".post-meta .comments"(不带引号)并将其替换为以下代码片段: .post-meta .comments { 边距:3px 0 0 16px;填充:0 16px 3px 20px；颜色:#c9c9c9；字体大小:10px；向左飘浮;字体粗细:粗体；文本转换:大写； background: url("images/comments.png") 不重复左3px；边框:无； }

我确信这将实现图像中演示的内容(作为链接附加)。