从HTML创建WP模板

时间:2012-04-06 16:43:25

标签: templates wordpress

希望你们中的一些WP专家可以指出我正在努力实现的目标。我是WP的新手,但在网页设计方面经验丰富。

我的客户想要能够编辑/管理他的网站(并在线上添加一个博客),但该网站是一个非博客的定制设计,我试图让我的头脑添加/将各种元素转换为WP给他。我已经创建了一个带有页眉,页脚等的基本WP模板没问题,但它是我可以使用一些指针的主要内容区域。主要内容区域HTML如下:

<div id="main">
  <nav id="showreelnav">
    <ul>
      <li><a href="#">Category1</a></li>
      <li><a href="#">Category2</a></li>
      <li><a href="#">Category3</a></li>
      <li><a href="#">Category4</a></li>
    </ul>
  </nav>
  <article id="showreels">
    <div class="reel"><img src="thumb1.png" alt="">Title1</div>
    <div class="reel"><img src="thumb2.png" alt="">Title2</div>
    <div class="reel"><img src="thumb3.png" alt="">Title3</div>
    <div class="reel"><img src="thumb4.png" alt="">Title4</div>
    <div class="reel"><img src="thumb5.png" alt="">Title5</div>
    <div class="reel"><img src="thumb6.png" alt="">Title6</div>
    <div class="reel"><img src="thumb7.png" alt="">Title7</div>
    <div class="reel"><img src="thumb8.png" alt="">Title8</div>
    <div class="reel"><img src="thumb9.png" alt="">Title9</div>
    <div class="reel"><img src="thumb10.png" alt="">Title10</div>
    <div class="reel"><img src="thumb11.png" alt="">Title11</div>
    <div class="reel"><img src="thumb12.png" alt="">Title12</div>
  </article>
</div>

非常基本的东西 - 类别导航和网格。导航将在所有类别中保持静态,但如何能够添加/编辑.reel?并非所有页面都有12个拇指,有些可能少,但最多12个

Loop是答案吗?还是我可以创建一个模板,可以编辑或删除网格中的每个对象?或者创建一个可以插入的div.reel库项目?

2 个答案:

答案 0 :(得分:1)

以下是一些可能会有所帮助的事情。

使用“类别”Feed循环设置自定义页面模板,然后您可以创建单独的“卷轴”帖子,这些帖子将汇集到页面。

自定义循环可能如下所示:

<?php query_posts('cat=5&order=ASC');

if(have_posts()):while(have_posts()):the_post(); ?&GT;

    <?php the_content(); ?> 

<?php endwhile; ?><?php endif; ?><?php wp_reset_query(); ?>

此处cat = 5是您要路由到该页面的类别的ID号。一旦您选择此作为您用于特定页面的页面模板,您只需撰写在该类别下提交的帖子,它们将在此页面上输出。

如果您有多个页面可以执行此操作,则可以创建多个自定义页面模板,这些模板具有他们正在收集的不同类别,或者可以使用自定义字段来选择要在其中路由的帖子的类别ID。

“Starkers”是一个很好的空白主题,从那里开始并自定义。

如果您需要,我很乐意进一步解释。

答案 1 :(得分:0)

WP中的一些内容如菜单应该由系统动态生成然后进行样式化。对于静态部分循环生成什么,使用相关的插件可能很有用。