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

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/itscsp/wpblock-search/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/itscsp/wpblock-search ↗

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