html - 自定义 Wordpress (Genesis) 主题

Question

我试图在纸上实现一些简单的东西，但由于缺乏 Studiopress 的支持，结果很难实现。我想做的是通过更改 CSS 来更改帖子摘要的呈现方式，到目前为止，我正在使用 firebug 进行测试，并将外观“即时”更改为 understant 是否可能。我要自定义的主题是这个:

http://demo.studiopress.com/lifestyle/

我想让中间的小部件(#2 和#3 后)看起来不同(我会在小部件设置中取消#4 后)，图像下方的文本而不是横向的，让你举个例子我想实现，请引用另一个主题，它有我需要的布局但没有“外观”:

http://demo.studiopress.com/magazine/

中间的小部件区域(旅行)有我想要的布局，到目前为止，我已经使用 firebug 延迟 CSS 来制作更大的图像，正确对齐文本并改变整体外观，到目前为止一切顺利。我无法做的是将文本推到图像下方，我尝试使用这些设置:

clear: left;
float: left;

我显然做错了什么或缺少 CSS 的一部分。例如，如果您查看底部左/右小部件，它们的呈现方式与我想对中间小部件所做的一样，我尝试比较代码但无法理解和适当修改。

编辑:这是我使用 firebug 实现的示例，下面的文本将类从 'alignleft' 更改为 'alignnone' 已解决，但我必须了解此类被分配给该元素，因为我在 front-page.php 文件中没有看到“alignleft”。

edit 2:为了更新和澄清这个主题的主页被小部件化并且循环被抑制。显然我正在编辑子主题的代码，而不是框架。我已经弄清楚了一些关于主题和框架如何工作的事情，我会在上传测试网站后提供一个临时 url。

Answer 1

首先 --- 这些不是小部件。它们是循环中的帖子。您不需要“抑制”帖子 #4。如果您只将三个帖子设置为“精选”，它就可以正常工作。

(我想知道您是否真的下载并安装了主题，或者您是否只是在摆弄演示...)

Next --- 要使文本位于图像下方，您不需要添加 CSS，而是取消或删除一些。具体来说，您需要摆脱 float:left;在包含图像的 anchor 标记上。你要float: none; .困难的部分是针对 <a>您想要的元素，而不是任何其他元素。