2

我整天都在搜索如何在 Wordpress 上自定义评论模板。我正在研究新的 wordpress 主题并尝试使用引导程序构建它。最后评论模板让我卡住了。

我从不喜欢 wordpress 自定义评论的方式,而且自定义评论总是很痛苦,现在 twitter bootstrap 使用媒体列表有很好的评论嵌套。

但问题是 wordpress 对儿童评论使用不同的嵌套。

我现在在模板上渲染的是这个

<div id=comments">
   <ul class="media-list">
      <li id="comment-124" class="media">
         <div class="avatar pull-left">
           avatar image
         </div>
         <div class="media-body">
            <div class="media-heading">
               comment info like time when posted
            </div>
            <p> comment text </p>
         </div>
      </li>
      <ul class="children">
         And than children comment template from replies
      </ul>
   </ul>
</div>

twitter bootstrap 使用的是像这样嵌套在主评论中的儿童评论

<ul class="media-list">
   <li class="media">
      <a class="pull-left" href="#">
        <img class="media-object" data-src="holder.js/64x64">
      </a>
      <div class="media-body">
         <h4 class="media-heading">Media heading</h4>
         ...

         <!-- Nested media object -->
         <div class="media">
         ...
         </div>
      </div>
   </li>
</ul>

我需要的基本上是更改 ul="children" 以在 media-body 类中加载

当我在寻找解决方案时,我遇到了一些解释,即 wordpress 在这里使用 Walker_Comment 类来自定义评论模板,并且其中有,但是当我尝试更改或进行一些我自己的自定义时,没有任何反应。

有没有人有任何解释如何解决这个问题?

4

1 回答 1

2

我认为您误解了 wordpress 和 bootstrap 的工作流程。

WordpressNO NESTING评论本身而言。(见下文备注)

Bootstrap是某种NO NESTING本身具有的样式框架。

theme这样做了,并且随着每个主题的变化而变化,(但你没有指定它是哪个主题..)

要对其进行编辑,请打开您的 comments.php 模板文件,您可以随意设置它的样式。

您要查找的是被调用的函数Template tags或在您的特定情况下,Comments template tags链接

在您的代码中,您编写的部分avatar image实际上是由函数生成的

get_avatar() 法典链接

comment dateby (惊喜):

comment_date() 法典链接

comment text(准备好再次感到惊讶)制作:

comment_text() 法典链接

等等 ..

现在,您应该考虑使用子主题,而不是直接编辑主题。

现在,在清除这一点之后,wordpress 确实有某种嵌套功能,但正如我刚刚解释的那样,它不是一个万能的功能,但这取决于你的主题是如何制作的。这些设置可以在下面找到admin -> settings -> discussion

在那里你会发现

Enable threaded (nested) comments 10 levels deep (nesting)

Break comments into pages with 50 comments per page (pagination)

..还有其他设置(也取决于你的wp版本)..

话虽如此 - 有很多引导程序“空”或“开始”的主题可以帮助你完成工作(或者至少理解为什么你的方法有点错误)

例如 :

http://wordpress.org/extend/themes/the-bootstrap

https://github.com/Facens/wpbootstrap

http://bootstrapwp.rachelbaker.me/

http://braginteractive.com/bootstrap/

https://github.com/enile8/Bootstrap-for-WordPress

http://320press.com/wpbs/features/

我可以再列出 10 或 20 个,但我认为在这种情况下,GIYBF ..

于 2013-05-05T01:25:07.100 回答