Wordpress:主页上的多列

时间:2011-10-03 14:40:57

标签: wordpress wordpress-theming

我正在尝试创建一个Wordpress网站。设计是Here

我创建了该网站的大部分内容,除了3个地区“关注我们”,“自我就业”和“进入工作联盟”。

客户告诉我他希望这三个地区可以编辑。

我的模板包含一个索引文件,Header&页脚文件以及明显的CSS文件。

我正在使用“多重编辑插件”Multi Edit Plugin但该指南是为了创建一个CustomPage。我想我可以这样做,但我想要的是将我的index.php文件添加到网站的管理员端,然后将模板指向那里或类似。

因为使用多个WP插件而感到有点沮丧,但这些插件似乎无法正常完成工作。

1 个答案:

答案 0 :(得分:1)

有很多方法可以解决这个问题:一个是Pekka提到的,另一个是使用自定义页面模板。

上述方法在理论上非常相似,在执行和包容方面存在细微差别。

也许为了更好地回答您的问题,我将在下面的自定义帖子模板上提供一个非常简短的示例大纲。如果你选择进一步增强其他任何东西,你可能需要在Wordpress的Codex上多挖一点:

自定义帖子模板方法

参考图片链接中提供的线框,我建议您使用类别过滤器将相关帖子过滤到右侧列。首先,你需要为我建议的方法创建4个类别,即:欢迎,关注,自我雇佣和合作。

执行此操作后,index.php应如下所示:

的index.php

<?php get_header();?>

<!--container-->
<div id="container">

<?php query_posts('category_name=welcome&showposts=1'); ?>

<?php while (have_posts()) : the_post(); ?>

   <!--top-content-->
   <div class="top-content">

       <h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>

       <p><?php the_content();?></p>

   </div>
   <!--top-content-->

<?php endwhile;?>

   <!--bottom-content-->
   <div class="bottom-content">

       <!--follow-->
       <div class="follow">

           <?php include(TEMPLATEPATH . '/follow.php');?>

       </div>
       <!--follow-->

       <!--self-employment-->
       <div class="self-employment">

           <?php include(TEMPLATEPATH . '/self-employment.php');?>

       </div>
       <!--self-employment-->

       <!--consortium-->
       <div class="consortium">

           <?php include(TEMPLATEPATH . '/consortium.php');?>

       </div>
       <!--consortium-->

   </div>
   <!--bottom-content-->

</div>
<!--container-->

<?php get_footer();?>

这里发生的事情是我正在对标记为“WELCOME”类别的帖子进行帖子查询,并将帖子过滤到顶级内容DIV中。请注意,我的循环在顶级内容DIV之前开始,并在它之后立即结束。这意味着循环只会影响特定的DIV。我还将帖子限制设置为“1”,从而将帖子的显示限制为最新帖子。

从那里开始,您会注意到在底部内容DIV中,我为每列包含了3个不同的文件。这3个文件将是您需要创建的自定义帖子模板,并在右侧帖子中进行过滤后查询。自定义帖子模板的示例如下所示:

FOLLOW.PHP

<?php query_posts('category_name=follow&showposts=1'); ?>

<?php while (have_posts()) : the_post(); ?>

    <h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>

    <?php the_post_thumbnail('bottom-content-thumb');?> <!--you will have to enable featured image thumbs in your functions.php file before you can do this-->

    <span class="read-more"><a href="<?php the_permalink();?>">Continue Reading</a></span> <!--there are other ways to do the read more link, but I'm just giving an example now so yeah-->

<?php endwhile;?>

底部3列的其他自定义帖子模板应如上所示。如果风格和所有风格有任何变化,你可能不得不改变一切并使用CSS。

我希望 压力 这不是唯一可以实现您希望实现的目标的方式,而是它是众多方法中的一种。我建议的只是一个例子,希望提供一些有关如何利用自定义帖子模板开发基于Wordpress的网站的见解。

我在一天结束时的建议是深入研究Codex并了解有关自定义帖子/页面模板的更多信息,因为如果您选择制作自定义Wordpress模板,它们将会非常方便。

希望我的帖子让你的事情更加清晰=)