這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Conversation Viewer – Display Chat Bubbles

外掛說明

Conversation Viewer is a responsive WordPress plugin for displaying chat conversations between people as if in their native apps.

It allows you to write up conversations between two, or groups of more than two people, without having to take screenshots. These conversations can be easily switched into various messaging app styles. There are a few currently supported styles.

  • Facebook Messenger (the default)
  • Android Messages
  • iOS Texting
  • WhatsApp
  • Snapchat

With responsive CSS, these conversations look great on all screens, are more responsive and accessible than uploading screenshots.

Getting Started & Customization

For the complete documentation on how to do everything including example code, visit the GitHub Readme Page.

螢幕擷圖

  • An example of the plugin in action, using the default messenger style.
  • An example of the plugin using snapchat style.
  • An example of the plugin using whatsapp style.

安裝方式

To get up and running at its most basic, follow these three steps:

  1. Upload ConversationViewer to the /wp-content/plugins/ directory (or download from the plugin directory)
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place [conversationViewer] //Me: Hello! //You: Hi! [/conversationViewer] in your page/post editor, and the plugin will work its magic.

常見問題集

Installation Instructions

To get up and running at its most basic, follow these three steps:

  1. Upload ConversationViewer to the /wp-content/plugins/ directory (or download from the plugin directory)
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place [conversationViewer] //Me: Hello! //You: Hi! [/conversationViewer] in your page/post editor, and the plugin will work its magic.
Where can I find more info on this plugin?

Check the GitHub Repository for more information on Conversation Viewer and how to use it.

How do I change styles?

To change styles, simply use the style selector in the opening tag of the shortcode, like this: [conversationViewer style="snapchat"]. The following styles are available:

  • messenger (the default)
  • whatsapp
  • snapchat
  • ios
  • android
How do I add profile images?

By default, profile images will not be displayed. In order to display them, include an image command for each person in the conversation. To do this, simply add the following command anywhere:

 // Image [Name Of Person] [https://example.com/link/to/image.jpg]

For more information, visit the Full Documentation

使用者評論

2020 年 12 月 29 日
It's really nice ! I was looking for a simple way to show better a conversation and this plugin is just fantastic ! Very easy to remember the syntax. Thank you!
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Conversation Viewer – Display Chat Bubbles〉的開發相關工作。

參與者

變更記錄

1.1

  • Adding support for profile images with the image command (See documentation)
  • Fixing a URL parsing issue: https:// and http:// links no longer split conversations and mess everything up

1.0

  • The initial version supporting Facebook messenger, iOS, Android, WhatsApp and Snapchat styling.