Video Search
A simple WordPress Gutenberg block for search post and pages
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/itscsp/wpblock-search/archive/refs/heads/main.zipReadme
=== Video Search === Contributors: chethanspoojary Tags: search, block, modal, posts, pages Requires at least: 6.7 Tested up to: 6.4 Stable tag: 0.1.0 Requires PHP: 7.4 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html
A modern search block that displays results in a modal popup with real-time search functionality.
== Description ==
Video Search is a WordPress block plugin that provides a modern, user-friendly search interface. It allows users to search through posts and pages with results displayed in a modal popup.
= Features =
- Modern search interface with customizable icon
- Real-time search results in a modal popup
- Search in both posts and pages
- Customizable search placeholder text
- Customizable button text
- Responsive design
- Keyboard support (Enter key to search)
- Loading states and error handling
= Block Settings =
The block includes the following customization options:
- Search Icon: Choose from multiple icon options
- Search Placeholder: Customize the placeholder text
- Search Button Text: Customize the button text
- Post Types: Select which content types to search in (Posts and Pages)
== Installation ==
- Upload the
video-searchfolder to the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Add the "Video Search" block to any post or page using the block editor
== Frequently Asked Questions ==
= How do I add the search block to my page? =
- Edit your page in the WordPress block editor
- Click the "+" button to add a new block
- Search for "Video Search"
- Click on the block to add it to your page
= Can I customize the search block? =
Yes, the block includes several customization options:
- Choose from different search icons
- Customize the placeholder text
- Change the search button text
- Select which post types to search in
= Does the search work on mobile devices? =
Yes, the search block is fully responsive and works on all devices.
== Screenshots ==
- Search block in the editor
- Search block on the frontend
- Search results in modal popup
- Block settings panel
== Changelog ==
= 0.1.0 =
- Initial release
== Upgrade Notice ==
= 0.1.0 = Initial release of Video Search block plugin.
== Development ==
= Building from Source =
- Clone the repository
- Run
npm installto install dependencies - Run
npm run buildto build the plugin - Run
npm run startfor development
= Available Scripts =
npm run build- Build the pluginnpm run start- Start development servernpm run format- Format codenpm run lint:css- Lint CSSnpm run lint:js- Lint JavaScriptnpm run plugin-zip- Create distributable zip file
== Credits ==
Developed by Chethan Spoojary