如何在WordPress中创建动态定制部分?

时间:2014-08-16 作者:catandmouse

我对Wordpress很陌生,我只是想问一个关于其结构的基本问题。

我知道Wordpress使用不同的文件作为不同章节或页面类型的模板。我想知道的是,如果页面中的某些部分包含其他数据位,如下图所示(带问号的部分),该怎么办

enter image description here

比如,参考上图,一行中的3个框将显示评论,底部一行中的2个框将显示随机引用。这些框有自己的样式,内容将是动态的。如果它们是静态的(我只是复制粘贴HTML代码),那就很简单了,但这会让它们通过Wordpress进行编辑,我不知道该怎么做。

请注意,这些部分没有执行任何特殊功能,只是显示内容(标题、文本或图像)。

我想我的问题可以归结为:

How do I create any custom section I want in a Wordpress page and make them editable / dynamic?

读了一点之后,我遇到了一些概念,如:小部件、自定义字段和元框。但我不确定哪一个是最好的工具,或者是否有更好的工具。

1 个回复
最合适的回答,由SO网友:cybmeta 整理而成

执行类似任务的一种常见方法是创建page template. 例如:

<?php
/*
Template Name: Reviews and Quotes
*/

get_header(); ?>

<div id="content">

    <div id="reviews">
        <?php
        $reviews = get_the_reviews();
        foreach( $reviews as $review ) {
            <?php
                <div class="review">
                    .....
                </div>
            ?>
        }
        ?>
    </div>

    <div id="quotes">
        <?php
        $quotes = get_the_quotes();
        foreach( $quotes as $quote ) {
            <?php
                <div class="quote">
                    .....
                </div>
            ?>
        }
        ?>
    </div>

</div>

<?php get_footer(); ?>
然后,您必须定义函数get_the_reviews()get_the_quotes() 在函数中。php的主题,并执行任何您想要的操作,例如,查询数据库:

function get_the_reviews() {

     //Your query to get the reviews

}

function get_the_quotes() {

     //Your query to get the quotes

}
在CSS中,您可以使用给定的id和类来指定此页面和部分的样式。

结束

相关推荐

Multiple widgets in wordpress

我已经创建了一个wordpress小部件。它在小部件选项中有一个下拉列表。下拉列表包含“facebook”和“twitter”。如果管理员选择“twitter”,那么twitter关注者计数将显示在小部件中,与facebook的情况类似。使用jquery,该计数显示在id为“social count”的div中。当页面加载时,jquery ajax将获取计数并将其插入到“社交计数”中。问题是它在单个实例中运行良好。但是,如果在侧栏中添加了2个实例,则在这两个实例中都会显示最新的计数,因为我使用的是$(“.