{"id":413948,"date":"2024-11-23T08:00:00","date_gmt":"2024-11-23T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/search-modal-block\/"},"modified":"2025-06-03T23:44:00","modified_gmt":"2025-06-03T23:44:00","slug":"search-modal-block","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/search-modal-block\/","title":{"rendered":"Search Modal Block"},"content":{"rendered":"<p>The Search Modal Block enhances your WordPress site with a modern, popup search interface that\u2019s both beautiful and functional. Built specifically for the block editor (Gutenberg), it provides a seamless way to add search functionality to any part of your content.<\/p>\n<p><strong>Key Features:<\/strong><\/p>\n<ul>\n<li>Clean, minimal design that works with any theme<\/li>\n<li>Fully responsive layout<\/li>\n<li>Accessibility-ready with ARIA labels and keyboard navigation<\/li>\n<li>Customizable text elements:\n<ul>\n<li>Search input placeholder<\/li>\n<li>Search button text<\/li>\n<li>Screen reader labels<\/li>\n<\/ul>\n<\/li>\n<li>Focus-visible support for better keyboard navigation<\/li>\n<li>Seamless integration with WordPress search<\/li>\n<\/ul>\n<p><strong>Perfect For:<\/strong><\/p>\n<ul>\n<li>Minimalist themes needing an elegant search solution<\/li>\n<li>Sites wanting to improve their search UX<\/li>\n<li>Accessibility-focused websites<\/li>\n<li>Any WordPress site using the block editor<\/li>\n<\/ul>\n<h3>Development<\/h3>\n<p>This block is built using the WordPress Create Block tool, ensuring compatibility with modern WordPress standards and practices. The source code is available in the plugin\u2019s <code>\/src<\/code> directory.<\/p>\n<h4>Building from Source<\/h4>\n<p>To build the plugin from source:<\/p>\n<ol>\n<li>Clone the repository<\/li>\n<li>Install dependencies with <code>npm install<\/code><\/li>\n<li>Run <code>npm run build<\/code> to build the production files<\/li>\n<li>For development, use <code>npm run start<\/code> to start the development server<\/li>\n<\/ol>\n<p>The build process uses @wordpress\/scripts to compile and minify the JavaScript and CSS files. The source code for the compiled files in the <code>\/build<\/code> directory can be found in the <code>\/src<\/code> directory.<\/p>\n<h4>Development Dependencies<\/h4>\n<ul>\n<li>@wordpress\/scripts: ^27.9.0<\/li>\n<li>@wordpress\/eslint-plugin: ^21.4.0<\/li>\n<li>@wordpress\/stylelint-config: ^21.41.0<\/li>\n<li>eslint: ^8.57.1<\/li>\n<\/ul>\n<p>The complete source code is available on GitHub: https:\/\/github.com\/philhoyt\/search-modal-block<\/p>\n<h3>Credits<\/h3>\n<p>This plugin uses the following third-party libraries:<\/p>\n<ul>\n<li><a href=\"https:\/\/micromodal.vercel.app\/\" rel=\"nofollow ugc\">MicroModal<\/a> \u2013 A lightweight, configurable modal library for web applications.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A customizable search modal block that adds an elegant and accessible search experience to your WordPress site.<\/p>\n","protected":false},"author":65,"featured_media":413949,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Search Modal Block - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"A customizable search modal block that adds an elegant and accessible search experience to your WordPress site."},"footnotes":""},"categories":[1],"tags":[288,3693,58616,273,3327],"class_list":["post-413948","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block","tag-modal","tag-popup-search","tag-search","tag-search-form"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/413948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=413948"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/413948\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/413949"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=413948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=413948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=413948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}