https://github.com/asharirfan/wp-giphy-block

A custom Gutenberg block for searching and displaying GIFs from Giphy.com in Gutenberg.
https://github.com/asharirfan/wp-giphy-block

giphy giphy-api gutenberg gutenberg-block gutenberg-plugin wordpress wordpress-plugin

Last synced: 3 months ago
JSON representation

A custom Gutenberg block for searching and displaying GIFs from Giphy.com in Gutenberg.

• Host: GitHub
• URL: https://github.com/asharirfan/wp-giphy-block
• Owner: asharirfan
• Created: 2020-09-16T17:53:05.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-28T21:30:09.000Z (over 4 years ago)
• Last Synced: 2025-02-01T14:45:23.371Z (5 months ago)
• Topics: giphy, giphy-api, gutenberg, gutenberg-block, gutenberg-plugin, wordpress, wordpress-plugin
• Language: JavaScript
• Homepage:
• Size: 218 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 🖼 Giphy Block

> A custom Gutenberg block for searching and displaying GIFs from Giphy.com in Gutenberg.

![Screenshot](https://i.imgur.com/nXfD7yf.gif)

## 🛠 Global Settings

**Important:** Before searching for gifs, please make sure to generate an API key from [Giphy](https://developers.giphy.com) and save it under the **Giphy API Key** setting.

![Global Settings](https://i.imgur.com/TejH7OQ.jpg)

## 👨‍💻 Development

### → Step 1

Clone the repository

```bash

git clone [email protected]:asharirfan/wp-giphy-block.git

```

### → Step 2

Install npm packages of the plugin

```bash

cd wp-giphy-block && npm install

```

### → Step 3

To watch for changes

```bash

npm run watch

```

### → Step 4

To build your changes

```bash

npm run build

```