{"id":295242,"date":"2026-04-13T17:28:30","date_gmt":"2026-04-13T17:28:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/toppicks-editorial-picks-card-section\/"},"modified":"2026-04-13T17:38:18","modified_gmt":"2026-04-13T17:38:18","slug":"toppicks-block","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/toppicks-block\/","author":3543235,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.4","requires_php":"8.0","requires_plugins":null,"header_name":"TopPicks \u2013 Editorial Picks Card Section","header_author":"snilesh","header_description":"The \"Top Picks\" summary section WordPress has been missing. Create beautiful editorial pick cards for listicle articles \u2014 like Wirecutter, WPBeginner, and TechRadar. Zero JS, under 5KB, works with any theme.","assets_banners_color":"444c5d","last_updated":"2026-04-13 17:38:18","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/reycraft.com\/plugin\/toppicks-block\/","header_author_uri":"https:\/\/reycraft.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":110,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"snilesh","date":"2026-04-13 17:38:18"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3500367,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3500367,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3500367,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3500367,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3500367,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Horizontal layout \u2014 the default Wirecutter-style card list","2":"Grid layout \u2014 vertical card columns","3":"Compact layout \u2014 minimal, space-efficient list","4":"Gutenberg editor \u2014 inline editing with sidebar controls","5":"Color customization panel"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[369,8485,151844,13753,40397],"plugin_category":[35],"plugin_contributors":[78466],"plugin_business_model":[],"class_list":["post-295242","plugin","type-plugin","status-publish","hentry","plugin_tags-affiliate","plugin_tags-editorial","plugin_tags-gutenberg-block","plugin_tags-listicle","plugin_tags-top-picks","plugin_category-advertising","plugin_contributors-snilesh","plugin_committers-snilesh"],"banners":{"banner":"https:\/\/ps.w.org\/toppicks-block\/assets\/banner-772x250.png?rev=3500367","banner_2x":"https:\/\/ps.w.org\/toppicks-block\/assets\/banner-1544x500.png?rev=3500367","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/toppicks-block\/assets\/icon.svg?rev=3500367","icon":"https:\/\/ps.w.org\/toppicks-block\/assets\/icon.svg?rev=3500367","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"\n

TopPicks<\/strong> is the first WordPress plugin built specifically for creating \"Top Picks\" \/ \"Our Recommendations\" \/ \"Editor's Choice\" summary card sections at the top of listicle articles.<\/p>\n\n

Every major review site \u2014 Wirecutter, WPBeginner, TechRadar, PCMag, Tom's Hardware \u2014 uses this exact UI pattern: 3-5 product\/service recommendation cards with badges, one-liners, and CTA buttons. Until now, WordPress bloggers had to build this manually in HTML, use clunky page builders, or skip it entirely.<\/p>\n\n

TopPicks makes it one Gutenberg block.<\/strong><\/p>\n\n

Free Features (12)<\/h4>\n\n
    \n
  1. Top Picks Gutenberg block<\/strong> \u2014 drag-and-drop from the block inserter<\/li>\n
  2. Up to 5 pick cards<\/strong> per block<\/li>\n
  3. Badge labels<\/strong> \u2014 \"Best Overall\", \"Best Value\", \"Editor's Pick\" + custom badges<\/li>\n
  4. Product name + one-liner<\/strong> per card<\/li>\n
  5. CTA button with link<\/strong> \u2014 \"View Plans\", \"Check Price\", custom text<\/li>\n
  6. 3 layout templates<\/strong> \u2014 Horizontal cards, Vertical grid, Compact list<\/li>\n
  7. Basic color controls<\/strong> \u2014 badges, cards, buttons, section background<\/li>\n
  8. Responsive design<\/strong> \u2014 stacks beautifully on mobile<\/li>\n
  9. Section heading<\/strong> \u2014 \"Our Top Picks\", \"Editor's Choice\", custom text<\/li>\n
  10. Nofollow\/sponsored link toggle<\/strong> \u2014 rel=\"sponsored\" per Google guidelines<\/li>\n
  11. Under 5KB footprint<\/strong> \u2014 zero JavaScript on frontend, pure CSS<\/li>\n
  12. Works with any theme<\/strong> \u2014 100% Gutenberg-native, no page builder dependency<\/li>\n<\/ol>\n\n

    Who Is This For?<\/h4>\n\n
      \n
    • Affiliate marketers writing \"Best X for 2026\" articles<\/li>\n
    • Review bloggers and niche site owners<\/li>\n
    • WooCommerce shops needing \"Staff Picks\" sections<\/li>\n
    • Anyone publishing product roundups or recommendations<\/li>\n<\/ul>\n\n\n
        \n
      1. Upload the toppicks-block<\/code> folder to \/wp-content\/plugins\/<\/code><\/li>\n
      2. Activate the plugin through the 'Plugins' menu<\/li>\n
      3. In the Gutenberg editor, search for \"Top Picks\" or find it in the Widgets category<\/li>\n
      4. Add pick cards, customize badges, set CTA links, choose a layout<\/li>\n
      5. Publish!<\/li>\n<\/ol>\n\n\n
        \n

        Does this work with my theme?<\/h3><\/dt>\n

        Yes! TopPicks is a native Gutenberg block \u2014 it works with every theme that supports the WordPress block editor.<\/p><\/dd>\n

        Does it add JavaScript to my frontend?<\/h3><\/dt>\n

        No. The frontend is pure CSS (under 5KB). Zero JavaScript.<\/p><\/dd>\n

        Can I use this for affiliate links?<\/h3><\/dt>\n

        Absolutely. TopPicks has built-in rel=\"sponsored\" and rel=\"nofollow\" toggles, following Google's guidelines for affiliate links.<\/p><\/dd>\n

        Why only 5 cards in the free version?<\/h3><\/dt>\n

        Most \"Top Picks\" sections on major sites use 3-5 picks. The free version covers the most common use case.<\/p><\/dd>\n\n<\/dl>\n\n\n

        1.0.0<\/h4>\n\n
          \n
        • Initial release<\/li>\n
        • 3 layout templates: horizontal, grid, compact<\/li>\n
        • Up to 5 pick cards with badges, names, descriptions, CTA buttons<\/li>\n
        • Full color customization<\/li>\n
        • Nofollow\/sponsored link controls<\/li>\n
        • Responsive mobile design<\/li>\n
        • Zero-JS frontend (under 5KB CSS)<\/li>\n<\/ul>","raw_excerpt":"Create editorial "Top Picks" card sections for listicle articles. Zero JS, under 5KB, works with any theme.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/295242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=295242"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/snilesh"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=295242"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=295242"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=295242"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=295242"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=295242"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=295242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}