具有定制设计的自动博客页面

时间:2016-06-06 作者:Sven Cozijn

对于我的网站,我想创建一个新的部分,如下所示:[]=一行{}=一列

[{Image of post} {帖子文本}]

[{帖子文本}{image of post}]

[{Image of post} {帖子文本}]等。

因此,对于每一行,图像和文本都必须切换。当然,我可以使用构件编辑器手动(静态)完成这项工作,但我想知道这是否也可以自动完成。我已经找到了post looppost content 但设计选项仅限于特色图片和标题,我无法按行切换。

主题:Tesseract

1 个回复
SO网友:cjbj

首先检查模板或源代码,以找到作为一个整体添加到文章中的类(或任何围绕整个文章的html元素)。它可能看起来有点像:

<article class="my-article">
<title class="my-title">TITLE</title>
<img src="..." class="my-featured-image"/>
<div class="my-content">
POST TEXT
</div>
</article>
现在,在你的style.css 文件您必须区分偶数和奇数帖子:

.my-article:nth-child(even) .my-featured-image (float:left;)
.my-article:nth-child(even) .my-content (float:right;)
.my-article:nth-child(odd) .my-featured-image (float:right;)
.my-article:nth-child(odd) .my-content (float:left;)
请注意,以上是您通常使用css切换两个项目的方式。这可能会干扰主题如何使用其css。除了浮动,您还可以使用flexbox.

相关推荐

如何修改WP_INCLUDE/BLOCKS/LATEST_posts.php

我是WordPress开发的初学者,希望得到一些帮助。我在一个简单的WordPress网站上工作。基本上,用户希望在主页上显示最新的帖子。我使用了最新帖子块,并将其设置为显示整个帖子内容,现在用户不希望帖子标题链接到单个帖子页面(因为帖子的内容显示在主页上)。如何安全地修改模板文件,使其像h2标记一样使用,而不是在主题中使用的href标记。我知道您可以创建子主题并修改wp_content 文件,但我不确定如何处理中的文件wp_include. 我读到一些关于修改functions.php 但我不确定,如果