Templates 从HTML创建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>

标题1
标题2
标题3
标题4
标题5
标题6
标题7
标题8
标题9
标题10
标题11
标题12

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

---

这里的答案是循环，还是我可以创建一个模板，用于编辑或删除网格中的每个对象？或者创建一个可以插入的

div.revel

库项？

在WP中，一些内容（如菜单）应由系统动态生成，然后进行样式设置。对于静态部分，循环不生成任何内容，使用相关插件可能会很有用

以下是一些可能有用的东西

使用“category”提要循环设置一个自定义页面模板，然后您可以创建单个的“reveel”帖子，这些帖子将被导入页面

自定义循环可以如下所示：

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

这里cat=5是您发送到页面的类别的id号。一旦你选择了它作为一个页面模板，你就可以在这个类别下写文章，它们会在这个页面上输出

如果有多个页面可以执行此操作，则可以创建多个自定义页面模板，其中包含他们正在收集的不同类别，或者可以使用自定义字段选择要发送到那里的帖子的类别id

“Starkers”是一个很好的空白主题，可以从这里开始定制

如果需要的话，我很乐意进一步解释。
您可以尝试编写一些脚本来循环html输出，现在变得更有意义了。我基于上面的HTML创建了一个页面模板，nav可以是静态的，而.reel元素可以是单独的帖子？
    <?php the_content(); ?> 

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