自定义用于引导的注释分页

时间：2017-07-19 作者：Farhad Sakhaei

我想自定义注释分页以支持引导，我的主题文件中有这些行，但我需要更多自定义以显示引导分页样式

<?php the_comments_pagination( array(
    \'prev_text\' => \'<i class="fa fa-arrow-right" aria-hidden="true"></i><span class="screen-reader-text">\' . __( \'Previous\', \'twentyseventeen\' ) . \'</span>\',
    \'next_text\' => \'<span class="screen-reader-text">\' . __( \'Next\', \'twentyseventeen\' ) . \'</span><i class="fa fa-arrow-left" aria-hidden="true"></i>\',
) );

1 个回复
SO网友:Ismaelj

只需将该片段替换为以下片段：

    <?php
      $pages = paginate_comments_links([\'echo\' => false, \'type\' => \'array\']);

      if( is_array( $pages ) ) {
        $output = \'\';
        foreach ($pages as $page) {
          $page = "\\n<li>$page</li>\\n";
          if (strpos($page, \' current\') !== false) 
            $page = str_replace([\' current\', \'<li>\'], [\'\', \'<li class="active">\'], $page);
          $output .= $page;
        }
        ?>
        <nav aria-label="Comment navigation">
            <ul class="pagination">
                <?=$output?>
            </ul>
        </nav>
    <?php
      }
    ?>
这段代码以数组的形式检索注释，这允许将每个注释自定义为仅为引导设置格式的无序列表。

它还取代了current 的WP类active 引导程序用于标记当前页面。

要使此代码正常工作，还需要添加bootstrap.css 标题中的文件。

结束
标签： comments   twitter-bootstrap   paginate-links   comments-template   paginate-comments-li  

相关推荐

Comments_Number()的问题

为什么以下代码：echo \'<ul>\'; while ( $query->have_posts() ) { $query->the_post(); $title = get_the_title(); echo \'<li>\' . $title . comments_number() . \'</li>\'; } echo \'</ul>\'; 。将注

自定义用于引导的注释分页 - 小码农CODE - 行之有效找到问题解决它

自定义用于引导的注释分页

时间：2017-07-19 作者：Farhad Sakhaei

我想自定义注释分页以支持引导，我的主题文件中有这些行，但我需要更多自定义以显示引导分页样式

<?php the_comments_pagination( array(
    \'prev_text\' => \'<i class="fa fa-arrow-right" aria-hidden="true"></i><span class="screen-reader-text">\' . __( \'Previous\', \'twentyseventeen\' ) . \'</span>\',
    \'next_text\' => \'<span class="screen-reader-text">\' . __( \'Next\', \'twentyseventeen\' ) . \'</span><i class="fa fa-arrow-left" aria-hidden="true"></i>\',
) );

1 个回复
SO网友:Ismaelj

只需将该片段替换为以下片段：

    <?php
      $pages = paginate_comments_links([\'echo\' => false, \'type\' => \'array\']);

      if( is_array( $pages ) ) {
        $output = \'\';
        foreach ($pages as $page) {
          $page = "\\n<li>$page</li>\\n";
          if (strpos($page, \' current\') !== false) 
            $page = str_replace([\' current\', \'<li>\'], [\'\', \'<li class="active">\'], $page);
          $output .= $page;
        }
        ?>
        <nav aria-label="Comment navigation">
            <ul class="pagination">
                <?=$output?>
            </ul>
        </nav>
    <?php
      }
    ?>
这段代码以数组的形式检索注释，这允许将每个注释自定义为仅为引导设置格式的无序列表。

它还取代了current 的WP类active 引导程序用于标记当前页面。

要使此代码正常工作，还需要添加bootstrap.css 标题中的文件。

标签： comments   twitter-bootstrap   paginate-links   comments-template   paginate-comments-li  

相关推荐

  not working in comments

在WordPress中，注释间距不起作用。当我使用&nbsp 在间距注释中，WordPress会在前端显示这些内容。其他html标记正在工作，但此标记不工作<如有任何建议，我们将不胜感激。