When an article or page is very long, we can use paging code to add pagination.

You can see the pagination in this article. Here are the steps:

Step1

Open Text mode editor

You need to add code to Text mode editor instead of the Visual mode editor.

Please click the pagination below to see the next steps:

Step2

Add paging code

Add the following paging code to where you want to add pagination.

<!--nextpage-->

Step3

Make the pagination looks better

If you think the pagination doesn’t look good, you can use CSS to beautify it.

The following code is the CSS of my pagination:

.pagination .pag-list>span,
.pagination .pag-list>a span,
.pagination .pag-list>a span:hover{
  width:30px;
  height:30px;
  display:inline-block;
  border-radius:15px;
  margin:0 5px;
  line-height:28px;
  border:1px solid #00b7b4;
}
.pagination .pag-list>span,
.pagination .pag-list>a span:hover{
  color:#fff;
  background:#00b7b4;
  box-shadow:0 3px 5px 1px #cfcfcf;
}

The above three steps can help you to customize the pagination of your long articles or blogs.