First release.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The default three column grid on a standard theme.","2":"The Templates tab with the seven styling templates.","3":"The Magazine template: text laid over the featured image.","4":"The List template: image beside the text in a single column.","5":"Styling settings: card, image, typography, categories and buttons.","6":"General settings: query defaults and layout."}},"plugin_section":[],"plugin_tags":[12980,6040,3480,166,80],"plugin_category":[43],"plugin_contributors":[276448],"plugin_business_model":[],"class_list":["post-378136","plugin","type-plugin","status-publish","hentry","plugin_tags-blog-layout","plugin_tags-grid","plugin_tags-post-grid","plugin_tags-posts","plugin_tags-shortcode","plugin_category-customization","plugin_contributors-mmwebnet","plugin_committers-mehrazmorshed","plugin_committers-mmwebnet"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/mm-post-grid.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n
MM Post Grid displays your posts, pages or any custom post type in a responsive card grid. Add one shortcode and you get a grid that already looks finished, with sensible spacing, readable typography and a hover state that does not shout.<\/p>\n\n
It is built to be a good neighbour. The grid inherits your theme typeface instead of forcing its own, every class name is prefixed, no global element is styled, and there is not a single What makes it different<\/strong><\/p>\n\n Usage<\/strong><\/p>\n\n That uses your saved settings. Add attributes to override them for one grid:<\/p>\n\n Every attribute is optional. Anything you leave out falls back to your saved setting.<\/p>\n\n Query<\/strong><\/p>\n\n Layout<\/strong><\/p>\n\n Content<\/strong><\/p>\n\n Style<\/strong><\/p>\n\n These switch a class on the grid, so one grid can look different from the site-wide styling. Colours and sizes stay site-wide on the Styling tab.<\/p>\n\n Wrapper<\/strong><\/p>\n\n Examples<\/strong><\/p>\n\n That is the main design goal. The grid never sets a font family, never styles a global element, and scopes everything to its own wrapper. If your theme does something unusual you can turn the stylesheet off completely on the Advanced tab and write your own.<\/p><\/dd>\n No. It is a shortcode, so it works in the block editor Shortcode block, in the classic editor, in a widget, or in a template through Only the values on the Styling tab. Posts, columns, pagination and card content are never touched. A template is a starting point, not a mode: after applying one you can change any value, and the Templates tab shows the styling as custom from then on.<\/p><\/dd>\n Pagination and the load more button sit on your page rather than on a card, so they use the button colours and inherit your theme text colour. That way a dark card template never makes them unreadable on a light page.<\/p><\/dd>\n Not in 0.1. Rendering is fully separated from the shortcode internally, so a block is planned as a thin addition without changing any output.<\/p><\/dd>\n Yes. Set the default on the settings screen, or pass Yes, including several paginated grids. Each grid gets its own page query variable so they do not move together.<\/p><\/dd>\n The button is a real link to the next page. Without JavaScript, clicking it loads the next page normally.<\/p><\/dd>\n The stylesheet is small and only loads where a grid renders. Featured image data is preloaded in one query to avoid a query per card, and the row count query is skipped when pagination is off.<\/p><\/dd>\n Nothing is removed unless you ask for it. Tick the option on the Advanced tab before deleting if you want the settings row gone.<\/p><\/dd>\n\n<\/dl>\n\n\n!important<\/code> in the stylesheet. Nothing is loaded on pages that do not contain a grid.<\/p>\n\n\n
.mmpg<\/code> wrapper.<\/li>\nprefers-reduced-motion<\/code>.<\/li>\n[mm_post_grid]\n<\/code><\/pre>\n\n[mm_post_grid columns=\"4\" posts_per_page=\"8\" pagination=\"load_more\"]\n<\/code><\/pre>\n\nShortcode Attributes<\/h3>\n\n
\n
post_type<\/code> \u2013 One or more post types, comma separated. Default: your setting.<\/li>\nposts_per_page<\/code> \u2013 Number of posts per page, 1 to 48.<\/li>\norderby<\/code> \u2013 date<\/code>, modified<\/code>, title<\/code>, menu_order<\/code>, comment_count<\/code>, rand<\/code> or ID<\/code>.<\/li>\norder<\/code> \u2013 ASC<\/code> or DESC<\/code>.<\/li>\ncategory<\/code> \u2013 Category slugs or IDs, comma separated.<\/li>\ncategories<\/code> \u2013 Alias of category<\/code>.<\/li>\ntag<\/code> \u2013 Tag slugs or IDs, comma separated.<\/li>\ntaxonomy<\/code> \u2013 A taxonomy name, used together with terms<\/code>.<\/li>\nterms<\/code> \u2013 Term slugs or IDs for the taxonomy above.<\/li>\nauthor<\/code> \u2013 Author IDs, comma separated.<\/li>\nexclude<\/code> \u2013 Post IDs to leave out.<\/li>\noffset<\/code> \u2013 Skip this many posts.<\/li>\nignore_sticky<\/code> \u2013 yes<\/code> (default) treats sticky posts like any other post; no<\/code> pushes them to the front.<\/li>\n<\/ul>\n\n\n
columns<\/code> \u2013 Desktop columns, 1 to 6.<\/li>\ncolumns_tablet<\/code> \u2013 Columns below 1024px, 1 to 6.<\/li>\ncolumns_mobile<\/code> \u2013 Columns below 640px, 1 to 6.<\/li>\ngap<\/code> \u2013 Space between cards in pixels, 0 to 80.<\/li>\nimage_size<\/code> \u2013 Any registered image size.<\/li>\nimage_ratio<\/code> \u2013 16-9<\/code>, 16-10<\/code>, 3-2<\/code>, 4-3<\/code>, 1-1<\/code>, 3-4<\/code> or auto<\/code>.<\/li>\npagination<\/code> \u2013 none<\/code>, numbers<\/code>, prev_next<\/code> or load_more<\/code>.<\/li>\n<\/ul>\n\n\n
show_image<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_title<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_date<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_author<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_category<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_excerpt<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nshow_read_more<\/code> \u2013 yes<\/code> or no<\/code>.<\/li>\nimage_fallback<\/code> \u2013 yes<\/code> or no<\/code>, show a placeholder when a post has no featured image.<\/li>\ntitle_tag<\/code> \u2013 h2<\/code>, h3<\/code>, h4<\/code>, h5<\/code>, h6<\/code>, p<\/code> or div<\/code>. Pick the level that fits the page outline.<\/li>\nexcerpt_length<\/code> \u2013 Words, 0 for the untrimmed excerpt.<\/li>\nread_more_text<\/code> \u2013 Link label.<\/li>\nbutton_style<\/code> \u2013 link<\/code>, button<\/code> or outline<\/code>.<\/li>\n<\/ul>\n\n\n
card_layout<\/code> \u2013 stacked<\/code> (image above the text), horizontal<\/code> (image beside the text once the card is wider than 460px) or overlay<\/code> (text over the image).<\/li>\nhover_effect<\/code> \u2013 lift<\/code>, shadow<\/code>, border<\/code> or none<\/code>.<\/li>\nimage_hover<\/code> \u2013 zoom<\/code>, none<\/code> or grayscale<\/code>.<\/li>\ntext_align<\/code> \u2013 left<\/code> or center<\/code>.<\/li>\nterm_style<\/code> \u2013 text<\/code> or badge<\/code>.<\/li>\nbutton_size<\/code> \u2013 small<\/code>, medium<\/code> or large<\/code>.<\/li>\npagination_align<\/code> \u2013 left<\/code>, center<\/code> or right<\/code>.<\/li>\ntitle_lines<\/code> \u2013 Clamp titles to this many lines, 0 to 5. 0 shows the full title.<\/li>\nexcerpt_lines<\/code> \u2013 Clamp excerpts to this many lines, 0 to 8.<\/li>\n<\/ul>\n\n\n
class<\/code> \u2013 Extra class names on the wrapper.<\/li>\nid<\/code> \u2013 A specific HTML id, useful for anchor links.<\/li>\n<\/ul>\n\n[mm_post_grid columns=\"4\" posts_per_page=\"12\" pagination=\"numbers\"]\n\n[mm_post_grid category=\"news,events\" show_excerpt=\"no\" title_tag=\"h2\"]\n\n[mm_post_grid post_type=\"portfolio\" taxonomy=\"project_type\" terms=\"print\" image_ratio=\"1-1\"]\n\n[mm_post_grid posts_per_page=\"9\" pagination=\"load_more\" button_style=\"button\"]\n\n[mm_post_grid card_layout=\"overlay\" columns=\"2\" image_ratio=\"4-3\" title_lines=\"2\"]\n\n[mm_post_grid card_layout=\"horizontal\" columns=\"1\" term_style=\"badge\"]\n<\/code><\/pre>\n\n\n\n
mm-post-grid<\/code> folder to \/wp-content\/plugins\/<\/code>, or install the ZIP through Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n[mm_post_grid]<\/code> to any post, page, template or widget area.<\/li>\n<\/ol>\n\n\n\n
Does it work with my theme?<\/h3><\/dt>\n
Does it need a page builder or block editor?<\/h3><\/dt>\n
do_shortcode()<\/code>.<\/p><\/dd>\nWhat do the styling templates change?<\/h3><\/dt>\n
Why is the pagination not using my card colours?<\/h3><\/dt>\n
Is there a Gutenberg block?<\/h3><\/dt>\n
Can I show a custom post type?<\/h3><\/dt>\n
post_type=\"portfolio\"<\/code>. Several types work too: post_type=\"post,page\"<\/code>.<\/p><\/dd>\nCan I use more than one grid on the same page?<\/h3><\/dt>\n
Does Load More work without JavaScript?<\/h3><\/dt>\n
Will it slow my site down?<\/h3><\/dt>\n
What happens to my settings when I delete the plugin?<\/h3><\/dt>\n
0.1<\/h4>\n\n
\n
[mm_post_grid]<\/code> shortcode with per grid attribute overrides.<\/li>\nmmpg_templates<\/code> filter.<\/li>\n