使用以编程方式生成的Gutenberg列创建尾随块

时间：2021-01-18 作者：Trees4theForest

我正在将一些自定义数据拉入wp-block-columns 每行有三列使用此短代码（示例代码）：

$array_chunks = array_chunk($array_of_posts, 3);
foreach($array_chunks as $posts) {
  echo \'<div class="wp-block-columns">\';
  foreach($posts as $post) {
    echo \'<div class="wp-block-column">\';
      // entry
    echo \'</div>\';
  }
  echo \'</div>\';
}
基本上，将帖子数组分成3组，创建一个wp-block-columns 对于每组三个，然后将每个条目放置在wp-block-column. 基本上，使其尽可能接近WP核心功能。

但是，如果条目数少于3的倍数，则最后一行要么是全宽（如果还有一个），要么是半宽（如果还有两个）。

既然WP去掉了，我如何将条目限制在列的1/3以内has-3-columns 班

1 个回复
SO网友:Trees4theForest

我目前；“已解决”；通过使用空div回填：

$array_chunks = array_chunk($array_of_posts, 3);
foreach($array_chunks as $posts) {
  echo \'<div class="wp-block-columns">\';
  foreach($posts as $post) {
    echo \'<div class="wp-block-column">\';
      // entry
    echo \'</div>\';
    for ($i = 0; $i < ( 3 - count($posts)); $i++) {
      echo \'<div class="wp-block-column">\';
      echo \'</div>\';
    }
  }
  echo \'</div>\';
}
但这似乎有点笨拙。我想要一个更优雅的解决方案。

标签： block-editor   columns   小码农  

相关推荐

MANAGE_USERS_CUSTOM_COLUMNS筛选器不触发回调函数

我使用以下函数向users表中添加了一些自定义列 public function modify_users_columns( $column_headers ) { //Remove email, role, and posts column unset( $column_headers[\'email\'], $column_headers[\'role\'], $column_headers[\'posts\'] ); //Add sponsor