在Wordpress页面中使用包含标题的列

时间:2011-11-02 16:51:17

标签: php wordpress

对于PHP来说,我有点新手,但是知道足够的东西,想知道是否可以这样做。 sample

我想将我的wordpress页面分成2列,但也希望在第1列中包含标题....以及其他文本。我不希望标题浮动在两列上......

第二列仅包含图像......

可能吗?在我的头脑中它是有道理的,但是当我尝试解决它时,我只是不确定......

我只是想到了......我的主页是静态的,上面有光滑的滑块,所以现在会引起更多的悲伤。

非常感谢任何帮助,建议或指示。

提前致谢

1 个答案:

答案 0 :(得分:0)

这比CSS更多的CSS / HTML,但是没关系。您需要做的第一件事是理解how to make a two column layout。然后你需要在第一列中有帖子标题,如下所示:

<article>
    <div id="col1">
        <h1>Post Title</h1>
        Lorem ipsum dolor sit amet...
    </div>
    <div id="col2">
        <img src="" />
    </div>
</article>

要将其转换为WordPress,您当然需要添加WordPress标签:

<div id="col1">
    <h1><?php the_title(); ?></h1>
    <?php the_content(); ?>
</div>

最后,在右侧添加图像。如果您只需要一张图片,可以使用WordPress' built in functionality轻松完成:(请注意,您必须在主题的functions.php文件中添加per the WordPress Docs的内容

<div id="col2">
    <?php 
    if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
        the_post_thumbnail();
    } 
    ?>
</div>

要添加多个图片,它会变得更加复杂,您必须开始寻找插件才能实现这一目标。