Stylized conversation content driven by Aesop Story Engine.

Download from WordPress View on Github

A single chat component is one piece of conversation: one chat bubble. Using a single chat bubble as the building block, any number of chat bubble components can comprise the end result. Short or long, it’s completely up to you, the content creator.

Please note that this plugin builds upon existing functionality provided by Aesop Story Engine, and will not function without it.

Options

Using the component’s built-in options, the chat colors can vary on a post-by-post basis. Multiple conversations in a single post can have varied colors, due to the modular nature of the components.

Appearance defines the style of chat bubble. There is a default style, but it’s not very interesting. There are options to imitate the appearance of chat styles used by Google Hangouts, Facebook Messenger, and iOS Messaging.

Width defines the maximum width of the chat bubble. It will never exceed this value, but it can be shorter, if there is not enough text to fill a single line. Please note that the “px” suffix is already included, so all this field requires is a number.

Background Color defines the background color behind the chat bubble. It’s always the full width of the screen.

Chat Color defines the background color of the chat bubble itself. The bubble arrow also takes on this color.

Text Color defines the text color in the chat bubble.

Direction defines where the chat bubble, its arrow, and avatar (optional) come from: left or right.

Content defines the text inside the chat bubble. Enter as much or as little as you want!

Avatar defines the picture associated with the chat bubble. This is optional.

Avatar Style defines the shape of the avatar. By default, it’s just a square image. It can be changed to rounded corners (I call this a “squircle”) or a circle.

Installation

Github

You can download the latest from Github. Follow these steps to activate Cover:

  1. Download the latest release.
  2. In your admin panel, go to Appearance > Plugins and click the Add New button.
  3. Click Upload Plugin and Choose File, then select the plugins’s zip file. Click Install Now.
  4. Click Activate.

FAQ

There’s nothing here yet. Ask me something!

Contribute

If you see something wrong, or you want to improve on what I’ve got here, feel free to submit an issue or create a pull request.

Changelog

1.0.0
First release.

License

Chat is GPL v2.0 or later.

All other resources are licensed as follows: