【问题标题】:Customizing Wordpress (Genesis) Themes自定义 Wordpress (Genesis) 主题
【发布时间】:2016-02-10 10:01:56
【问题描述】:

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

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

我想让中间的小部件(帖子 #2 和 #3)看起来不同(我将在小部件设置中隐藏帖子 #4)与图像下方的文本而不是横向的,以让您举例说明我要实现,请参考this other theme,有我需要的布局,但没有“外观”:

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

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

clear: left;
float: left;

我显然做错了什么或遗漏了 CSS 的一部分。例如,如果您查看左下/右下的小部件,它们按照我想对中间小部件进行渲染,我尝试比较代码但无法理解和适当修改。

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

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

【问题讨论】:

  • 如果您不提供代码,我们将无法帮助您。没有人会为帮助您追踪这一点而支付和 DL 一个高级主题。 (此外,您实际上并不需要知道。您应该在子主题或其他 CSS/LESS/WHATEVER 文件中添加您的更改,而不是编辑现成插件的核心文件。)

标签: html css wordpress wordpress-theming genesis


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-06-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多