小编Dar*_*han的帖子

我不知道为什么会出现这个 javascript 错误。很难弄清楚这一点。

这是我的 main.js：

jQuery( document ).ready( function( $ ) {

    /*
    PARTICLES
    -------------------*/
    particlesJS("particles-js", {
        "particles": {
        "number": {
          "value": 80,
          "density": {
            "enable": true,
            "value_area": 800
          }
        },
        "color": {
          "value": "#823a09"
        },
        "shape": {
          "type": "circle",
          "stroke": {
            "width": 0,
            "color": "#000000"
          },
          "polygon": {
            "nb_sides": 5
          },
          "image": {
            "src": "img/github.svg",
            "width": 100,
            "height": 100
          }
        },
        "opacity": {
          "value": 0.5,
          "random": false,
          "anim": {
            "enable": false,
            "speed": 1,
            "opacity_min": 0.1,
            "sync": false
          }
        }, …

在WordPress中,我正在使用the_posts_pagination它们之间吐出prev/next按钮和页码.当我想将某些元素分组为div时,我不喜欢WordPress如何吐出自己的标记.

这是我目前的代码:

PHP

<?php the_posts_pagination( array(
   'mid_size' => 2,
   'prev_text' => __( 'Previous Page', 'textdomain' ),
   'next_text' => __( 'Next Page', 'textdomain' ),
   'screen_reader_text' => ( '' )
) ); ?> 

它吐出这个:

HTML

<nav class="navigation pagination" role="navigation">
        <div class="nav-links">
        <a class="prev page-numbers" href="#">Prev Page</a>
        <a class="page-numbers" href="#">1</a>
        <span class="page-numbers current">2</span>
        <a class="page-numbers" href="">3</a>
        <a class="page-numbers" href="">4</a>
        <a class="next page-numbers" href="">Next Page</a>
    </div>
</nav>

我希望能够让它看起来像这样:

<nav class="navigation pagination" role="navigation">
        <div class="nav-links">
        <a class="prev page-numbers" href="#">Prev Page</a>
        <div class="page-numbers-container">
             <a …

我正在尝试学习flexbox。这是我要复制的布局：

基本上，一个大的主机箱很小，其余的很小，可以创建一个迷你网格。

#test {
  display: flex;
}
.item {
  background-color: #444;
  padding: 5px 10px;
  margin: 5px;
  flex: 1 1 33%;
}
.item-1 {
  height: 50px;
}
.item-3 {
  order: 1;
}

<div id="test">
  <div class="item item-1">
    A
  </div>
  <div class="item item-2">
    B
  </div>
  <div class="item item-3">
    C
  </div>
  <div class="item item-4">
    D
  </div>
</div>

这是到小提琴的链接。