自定义Wordpress(创世纪)主题

时间:2016-02-10 10:01:57

标签: html css wordpress wordpress-theming genesis

我试图在纸上做一些简单的事情,但由于缺乏Studiopress的支持而导致这很难。我尝试做的是通过改变CSS来改变发布摘要的方式,到目前为止,我正在使用firebug进行测试,并在运行中更改外观""如果可能的话,要明白。我试图自定义的主题就是这个:

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

我想让中间小部件(帖子#2和#3)看起来不同(我将在小部件设置中抑制帖子#4)使用图像下面的文字而不是横向,以便举个例子我希望实现的目标,请参考这个其他主题,它具有我需要的布局,但不是"外观":

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

中间窗口小部件区域(旅行)具有我想要的布局,到目前为止,我使用firebug来制作更大的图像,正确对齐文本并改变整体外观,到目前为止已经很好了。我无法做的是推送图片下方的文字,我尝试使用这些设置:

clear: left;
float: left;

我显然做错了什么或错过了CSS的一部分。例如,如果您查看左下角/右下角小部件,它们就像我想要使用中间小部件一样呈现,我尝试比较代码但无法理解和修改。

编辑:以下是我使用firebug实现的示例,以下文字将课程更改为' alignnone'来自' alignleft'已解决,但我必须了解这个课程如何分配给该元素,因为我没有看到' alignleft'在front-page.php文件中。

Sample Using Firebug only

编辑2 :所以更新和澄清此主题的主页是小工具并且循环被抑制。显然,我正在编辑子主题的代码,而不是框架。我已经找到了关于主题和框架如何工作的一些事情,我上传测试网站后会提供一个临时网址。

1 个答案:

答案 0 :(得分:1)

首先---那些不是小工具。它们是循环中的帖子。你不会需要"压制"发布#4。如果您只设置了三个帖子"精选",它将正常工作。

(我想知道你是否真的有DLed并安装过这个主题,或者你是不是只是在摆弄这个演示......)

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