Wordpressページネーションの装飾

■やりたいこと
ページネーションの「次のページ:1,2,3...」を装飾する。

Post Sections —
の—でハマった。文字エンコーディングの問題だそうです。
ということで、ここは削除して使いました。

  /*https://victorfont.com/paginate-post/*/

function.phpの最後にこれを貼り付けた

  function my_custom_pagination($defaults) {
      $args = array(
          'before' => '<div class="my-paginated-posts"><p>' . __('ページ: '),
          'after' => '</p></div>',
      );
      $r = wp_parse_args($args, $defaults);
      return $r;
  }
  add_filter('wp_link_pages_args','my_custom_pagination');

style.cssにこれを貼り付けた

  .my-paginated-posts {
      font-size: 1em;
      font-weight: normal;
      font-family: arial;
  }

  .my-paginated-posts p {
      font-size: 1.4em;
  }

  .my-paginated-posts p a {
      background: #E8E8E8;
      color: #000;
      margin-left: 0.1em;
      margin-right: 0.1em;
      padding: 0.5em 0.7em;
      text-decoration: none;
  }

  .my-paginated-posts a:hover {
      color: #fff;
      background: black;
  }