TheDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/Jhon-mantila/pluging-wordpress/llms.txt
Use this file to discover all available pages before exploring further.
ultimas_entradas shortcode fetches and displays the most recently published WordPress posts — up to 10 — ordered by date descending, with sticky posts ignored. It supports three distinct layout modes: a compact vertical thumbnail list (vertical), a rich card grid with category badges and tags (grid-1), and a hover-reveal card grid with post dates (grid-2). Each layout loads its own dedicated CSS file automatically when the shortcode is rendered.
Basic Usage
Parameters
Number of posts to display. Accepts values from 1 to 10. Values outside this range are clamped automatically.
Display layout to use. One of:
vertical— horizontal list items with a thumbnail on the left and the post title on the right. Loadsassets/css/ultimas-entradas.css.grid-1— card grid with a category badge overlay on the image, an 18-word excerpt, category tag pills, and a “Leer más” button. Loadsassets/css/ultimas-entradas/grid-1.css.grid-2— clean card grid with a hover-reveal effect, post date, and “Leer más” button. No category tags. Loadsassets/css/ultimas-entradas/grid-2.css.
Number of grid columns for
grid-1 and grid-2 layouts. Accepts values from 1 to 6. This parameter is ignored when layout="vertical". The CSS custom property --columns is set inline on the grid wrapper element.Thumbnail width in pixels for the
vertical layout. Accepts values from 48 to 200. When not provided, defaults to 100px normally or 88px when footer="true" is set.Thumbnail height in pixels for the
vertical layout. Accepts values from 48 to 200. When not provided, defaults to 75px normally or 66px when footer="true" is set.Enables compact mode for sidebar or footer placement. When
true:- Reduces default thumbnail dimensions to 88×66px (unless
width/heightare explicitly set). - Adds the
esquina-ultimas--footerCSS modifier class to the wrapper. - Applies lighter font weight and tighter spacing via CSS.
Hex color for post titles in the
vertical layout (e.g., #ffffff or #fff). Accepts #RGB or #RRGGBB format. When a valid color is provided:- The
--esquina-ultimas-title-colorCSS custom property is set inline on the wrapper. - The
esquina-ultimas--has-title-colormodifier class is added to the wrapper. - The color overrides theme-level link color rules, including inside
<footer>elements.
Layout Comparison
- vertical (default)
- grid-1
- grid-2
Renders a stacked vertical list where each item is a horizontal row: the post thumbnail sits on the left, and the post title sits on the right. Ideal for sidebars and footer widget areas.CSS file loaded:
CSS classes:
Modifier classes:
assets/css/ultimas-entradas.cssCSS custom properties (set inline on the wrapper):| Property | Description |
|---|---|
--esquina-ultimas-w | Thumbnail width (from width attribute) |
--esquina-ultimas-h | Thumbnail height (from height attribute) |
--esquina-ultimas-title-color | Title color (only when title_color is set) |
| Class | Element |
|---|---|
.esquina-ultimas | Outer wrapper <div> |
.esquina-ultimas__item | Per-post row wrapper |
.esquina-ultimas__link | Anchor wrapping the entire item |
.esquina-ultimas__thumb | <span> wrapping the <img> |
.esquina-ultimas__title | <span> holding the post title |
| Class | Applied when |
|---|---|
.esquina-ultimas--footer | footer="true" |
.esquina-ultimas--has-title-color | A valid title_color is provided |
Examples
Thumbnail Fallback
In the
vertical layout, if a post has no featured image the shortcode falls back to a placeholder image at https://via.placeholder.com/{width}x{height}, with the first three words of the post title appended as the placeholder label. The grid-1 and grid-2 layouts simply show no image when no featured image is available.