---
title: Listicles
description: MediaPress Listicles lets you create engaging, structured list-based content in WordPress, with optional pagination blocks built using the WordPress Interactivity API.
url: https://developers.wpengine.com/docs/newsroom/mediapress/listicles/
image: https://developers.wpengine.com/og/docs/newsroom/mediapress/listicles.png
---

# Listicles

MediaPress Listicles lets you create engaging, structured list-based content in WordPress. It includes customizable listicle items, and optional pagination blocks to display content in a “Load More” or “Range” format — all built with the WordPress Interactivity API.

## Pagination

This plugin includes listicle pagination blocks:

- `mediapress/listicle-range-pagination`
- `mediapress/listicle-load-more`

These are separate blocks which are linked to the main listicle block through the Interactivity API.

They will need to be added to the page and the pagination limit on the listicle block will need to have a value greater than 0.

> **Note**
>
> The range block in the editor uses placeholder values. The values get computed on the frontend.

## Filters

### JavaScript

##### `mediaPress.listicle.allowedBlocks`

Defines which blocks can be used in the listicle block.

**Parameters**

| Name          | Type  | Description             |
| ------------- | ----- | ----------------------- |
| allowedBlocks | array | An array of block names |

**Usage**

```js
addFilter(
  'mediaPress.listicle.allowedBlocks',
  'my-plugin/add-listicle-blocks',
  (allowedBlocks) => [...allowedBlocks, 'mpa/slot'],
);
```

## Was this helpful?

Thanks for the feedback!

```json
{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://developers.wpengine.com/#website","name":"WP Engine Product Documentation","url":"https://developers.wpengine.com/","description":"Resources for developing, deploying, and scaling on WP Engine.","inLanguage":"en-US","keywords":["API documentation","product documentation","headless WordPress","managed WordPress hosting"],"publisher":{"@id":"https://wpengine.com/#organization"}}]}
```