Skip to content

How to Add an Article Box in WordPress?

Updated On : September 27, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Animated Service Boxes en Nexter Blocks Pro incluye el diseño Article Box, que usa una cuadrícula estática con imagen, título, texto y un enlace opcional.
  • Display Button controla los enlaces: está desactivado por defecto y, cuando se activa, cada elemento muestra un enlace; sin él no aparece ninguno.
  • Article Box admite imágenes reales con texto alternativo y respeta Image Size, con cuatro elementos medidos y sin animación al pasar el cursor.
Table of Contents

Sometimes the right answer is not an animation but a tidy grid that reads properly.

Article Box is the plainest of these layouts: picture, heading, text, and a link if you want one.

For every Animated Service Boxes setting in one place, see the Animated Service Boxes block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — the Animated Service Boxes block is part of Nexter Blocks Pro.
  • Block to enable: Animated Service Boxes, switched on under Nexter > Blocks in your WordPress dashboard.
  • Your items decided: each one takes a title, a subtitle, a description, an icon or image and a link.
  • One image per article.
A published article box grid with images and titles

Steps

  1. Add the Animated Service Boxes block and click Design from Scratch.
  1. Set Main Style to Article Box.
The Main Style setting with all eight layouts
  1. Fill in your items — title, subtitle, description, and an image or icon for each.
  1. Pick the Style for the article grid.
The Style setting
  1. Switch Display Button on if each item should link somewhere.
The Display Button toggle
  1. Publish.

Display Button is off by default. Measured: Article Box rendered no links at all until it was switched on, then one per item.

How It Behaves

  • Real images with alt text — four <img> elements measured, which makes this the best of the eight layouts for anything that matters to search.
  • No hover animation. Unlike the accordion and sliding styles, nothing became active on hover — this layout just sits there and reads.
  • Display Button really is the switch. Measured: no links at all until it was on, then one per item.
  • Image Size is honoured, so you are not serving full-size photographs into a small grid.

Limitations

  • Pro only.
  • It is a static grid. If you wanted movement, one of the other layouts is the answer.
  • Uneven text lengths give uneven boxes. Keep the descriptions to a similar length.
  • One link per item, from Display Button.

Troubleshooting

There are no buttons

Display Button is off. It is off by default.

The images are huge and the page is slow

Set Image Size to something smaller than Full.

The boxes are uneven

The descriptions are different lengths. Even them up, or set a Height in the Layout panel.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before adding an Article Box in WordPress?

Article Box is part of the Animated Service Boxes block in Nexter Blocks Pro, so the setup starts with the Pro edition and the block enabled under Nexter > Blocks. Each item needs a title, subtitle, description, and an icon or image, plus one image per article. That structure matters because this layout is built for a tidy grid, not a freeform card system.

How do I make an Article Box show links on each item?

The link behavior is controlled by Display Button. It is off by default, so the boxes render with no links until you switch it on. When enabled, each item gets one link only, which keeps the layout simple and avoids turning the grid into a menu of multiple actions.

Why are my Article Box images loading too large and slowing the page down?

Image Size is honored in this layout, so full-size photos can be pushed into a small grid if you leave the size too large. Setting Image Size smaller than Full reduces that waste and keeps the box visually balanced. That matters here because the page measured real elements, so image weight affects how fast the grid feels.

Why are my Article Box boxes uneven in height?

Uneven descriptions create uneven boxes. The layout is static, so it does not auto-balance content lengths for you. Keeping descriptions to a similar length usually fixes most of the mismatch, and if you need stricter alignment, setting a Height in the Layout panel gives the grid a more consistent finish.

Is Article Box better for SEO than animated box layouts?

Article Box is the best of the eight layouts for anything that matters to search because it uses real images with alt text and measured four elements. It also has no hover animation, so nothing depends on interaction to make sense. That makes it a cleaner choice when readability and crawlable content matter more than motion.

What should I use instead if I want movement instead of a static Article Box?

Article Box is intentionally static, so it is not the right pick when you want motion or hover-driven behavior. If movement is the goal, one of the other layouts is a better fit, including options like Sliding box effect or Animated Service Boxes: all layouts. The tradeoff is simple: Article Box reads cleanly, while animated layouts add interaction.

Last reviewed: September 28, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53