WP Manifestindependent plugin directory
manifest / editor / wpblock-search

Video Search

A simple WordPress Gutenberg block for search post and pages

by Chethan S Poojary · github.com/itscsp/wpblock-search

0stars
0forks

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.zip

Readme

=== 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 ==

  1. Upload the video-search folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. 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? =

  1. Edit your page in the WordPress block editor
  2. Click the "+" button to add a new block
  3. Search for "Video Search"
  4. 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 ==

  1. Search block in the editor
  2. Search block on the frontend
  3. Search results in modal popup
  4. 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 =

  1. Clone the repository
  2. Run npm install to install dependencies
  3. Run npm run build to build the plugin
  4. Run npm run start for development

= Available Scripts =

  • npm run build - Build the plugin
  • npm run start - Start development server
  • npm run format - Format code
  • npm run lint:css - Lint CSS
  • npm run lint:js - Lint JavaScript
  • npm run plugin-zip - Create distributable zip file

== Credits ==

Developed by Chethan Spoojary

Read the full README on GitHub →