Title: CB Visual Shortcode
Author: Code Machine
Published: <strong>2017 年 3 月 21 日</strong>
Last modified: 2017 年 3 月 21 日

---

搜索插件

![](https://ps.w.org/cb-visual-shortcode/assets/banner-772x250.png?rev=1621055)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/cb-visual-shortcode/assets/icon-256x256.png?rev=1621055)

# CB Visual Shortcode

 作者：[Code Machine](https://profiles.wordpress.org/xpointer/)

[下载](https://downloads.wordpress.org/plugin/cb-visual-shortcode.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/cb-visual-shortcode/#description)
 * [评价](https://cn.wordpress.org/plugins/cb-visual-shortcode/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/cb-visual-shortcode/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/cb-visual-shortcode/#developers)

 [支持](https://wordpress.org/support/plugin/cb-visual-shortcode/)

## 描述

Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form
for modifying Shortcode attributes by just clicking on the visual shortcodes.

Shortcode is one of the very important features introduced in WordPress platform.
Shortcode is a WordPress-specific code that lets you do nifty things with very little
effort. Shortcodes can embed files or create objects that would normally require
lots of complicated, ugly code in just one line. Shortcode = shortcut

The only problem is dealing with Shortcode via raw text editor. Editing Shortcode
with text editor would required a little efforts. Visual Shortcode Plugin rule is
to simplify shortcode editing process by allow editing Shortcode attributes through
simple web form

Visual Shortcode form is very simple and consist only from Text Fields however more
fields might be configured for the Shortcode by installing [Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)
Extension.

Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing
editing Shortcode attributes very easy without any manual editing for Shortcode 
attributes

Shortcode content, those data between the open and close Shortcode tags, is currently
not allowed to be edited. Only Shortcode attributes can be edited.

Shortcode still can be edited manually or via Visual Shortcode clickable element,
however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid
Visual Shortcode plugin from visualizing your element twice as this would lead to
unpredicatble behavior that prevent you from editing Shortcode attribute via web
form.

Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode
button. Visualizing Shortcode automaticlly is considered as [Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)
feature to be added later.

[Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)
make it even eaiser by allowing of defining Shortcode and its attributes so you 
don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode
Attributes. Its also allow many Creating Different field type for every Shortcode
Attribute.

#### Features

 * Turns Shortcode texts into Visual Elements
 * Modify Shortcode attributes using Web Form
 * All Shortcode attributes are represted as input text field
 * Visualize each post Shortcodes manually by single button click
 * Support Switch between Text and Visual Editors
 * Shortcode attributes may be updated manually after shortcode visualized

#### Note

This Plugin will display empty dialog for Shortcodes those don’t have attributes
yet. You must have Shortcode Attributes typed before displaying the form so that
The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode
Defined and the forms as well you can purchase [Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)

#### Need More Features ?

[Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)
comes along with many features, check out he list below:

 * Text Field
 * Dropdown List
 * Multiple Selection list
 * Single Selection List
 * Checkbox list
 * Radio Options list
 * HTML5 Color Picker
 * WordPress Color Picker
 * Image field
 * Yes/No Field
 * True/False Field
 * On/Off Field
 * Zero/One field
 * Textarea field
 * Set Field defaut value
 * Define Shortcode (Tag, Title, Description)
 * Define Shortcode form (Name, Title)
 * Herarichal forms

### Requirements

 * PHP >= 5.3

## 屏幕截图

[⌊Visualize Shortcode Edit Post Level Metabox Toolbox⌉⌊Visualize Shortcode Edit 
Post Level Metabox Toolbox⌉[

Visualize Shortcode Edit Post Level Metabox Toolbox

[⌊Visualize Shortcodes⌉⌊Visualize Shortcodes⌉[

Visualize Shortcodes

[⌊Shortcode form⌉⌊Shortcode form⌉[

Shortcode form

## 安装

 1. Upload `.zip` to the `/wp-content/plugins/cb-visual-shortcode` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## 常见问题

  How VS Plugin works?

 * VS Plugin convert post textual Shortcodes into Clicakble elements

  Can I edit attributes manually after visualization?

 * Yes, however its not recommended to modify the HTML wrapper used to identify 
   the Shortcode

  May I Click Visualize multiple times on the same post?

 * Yes, however, this would work perfect as long as the Wrapper code is not manually
   edited

  May I switch between Visual and Text Editor

 * Yes, this is fully supported

  Does VS automatically save the post content after clicking visualized

 * No! You need to update post to save the post content

  Does VS Support fields other than Text field?

 * No! However, [Advanced Visual Shortcode Extension Plugin](http://www.cbspoint.com/plugins/advanced-visual-shortcode/)
   do that and the list will be even grow by the time!

## 评价

此插件暂无评价。

## 贡献者及开发者

「CB Visual Shortcode」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Code Machine ](https://profiles.wordpress.org/xpointer/)

[帮助将「CB Visual Shortcode」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/cb-visual-shortcode)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/cb-visual-shortcode/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/cb-visual-shortcode/)，或通过[RSS](https://plugins.trac.wordpress.org/log/cb-visual-shortcode/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/cb-visual-shortcode/)。

## 更新日志

#### 1.0.0

 * First release

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**9 年前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **4.7.33**
 *  语言
 * [English (US)](https://wordpress.org/plugins/cb-visual-shortcode/)
 * 标签
 * [custom post](https://cn.wordpress.org/plugins/tags/custom-post/)[page](https://cn.wordpress.org/plugins/tags/page/)
   [post](https://cn.wordpress.org/plugins/tags/post/)[shortcode](https://cn.wordpress.org/plugins/tags/shortcode/)
   [visual](https://cn.wordpress.org/plugins/tags/visual/)
 *  [高级视图](https://cn.wordpress.org/plugins/cb-visual-shortcode/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/cb-visual-shortcode/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/cb-visual-shortcode/reviews/)

## 贡献者

 *   [ Code Machine ](https://profiles.wordpress.org/xpointer/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/cb-visual-shortcode/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.cbspoint.com/plugins/visual-shortcode-community-edition/)