1

我下载了这个主题，当您在 WordPress 中添加“更多”标签时，它会在 Tweet、Like 和 Comments 按钮的底部添加“阅读更多”按钮。

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

b) 然后将“评论”图标移到 Tweet 和 Like 按钮附近。

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

文件：

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

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

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

4

2 回答 2

1

b)float:right;从文件中的 css.post-meta .comments { }中删除style.css。

于 2012-12-06T00:03:47.373 回答
1

您必须编辑主题核心文件才能实现a和b。为了您的方便，我在萤火虫上尝试了一些东西。检查图像：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 { margin: 3px 0 0 16px; padding: 0 16px 3px 20px; color: #c9c9c9; font-size: 10px; float:left; font-weight: bold; text-transform: uppercase; background: url("images/comments.png") no-repeat left 3px; border:none; }

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

于 2012-12-07T13:56:44.157 回答