[wordpress插件] Before After之前之后

Before After plugin integrates modified version jQuery Before/After Plugin in the wordpress.

“> wordpress中的jQuery插件之前/之后。

It can be used to show the difference between edited and original photo, before and after photos of changes, etc.

可用于显示修改后的照片与原始照片之间的差异，更改前后的照片等。

Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog

请查看“其他说明”以获取用法说明，以了解如何在博客上使用它

Demosites:

Demosites：

Demo with Latest

最新版本的演示

version

版本

Operation on custom theme

自定义主题的操作

a>

a>

Author info:

作者信息：

Follow me on Twitter or become my Friend on Twitter 上关注我，或者在

//www.facebook.com/instruite/" title="Instruite's Facebook page" rel="nofollow">facebook

//www.facebook.com/instruite/“ title =” Instruite的Facebook页面“ rel =” nofollow“> facebook

Also on Google+

也在Google+

Usage

用法

• Write the content of your post other than the images
• 写出除图片之外的帖子内容

• Switch to ‘HTML-editor’ mode of the post editor area
• 在帖子编辑器区域切换到“ HTML编辑器”模式

• Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)
• 点击“ BeforeAfter”按钮（这将启动“ [beforeafter]”简码）

• Add the photos to your post through the wordpress image/media uploader
• 通过wordpress图片/媒体上传器将照片添加到您的帖子中

• 1 photo should be left align when you insert the images on your post, the other one can be aligned right/centerone
• 当您在帖子中插入图片时，应将其中一张照片对齐，另一张可以右/中/无对齐

• The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly
• “左对齐”照片与以前的照片一样拍摄，因此请相应地对齐照片

• After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.
• 将两张图片插入帖子后，再次单击“ BeforeAfter”按钮以关闭“ [/ beforeafter]”短代码。

• You can add more content to your post after closing the ‘[/beforeafter]’ shortcode
• 您可以在关闭“ [/ beforeafter]”简码后添加更多内容

• The content other than image information withing the '[beforeafter]…[/beforeafter]' is ignored when the shortcode is executed, in other places like home page archive page the content will be shown as is in the post.

• 执行短代码时，带有“ [beforeafter]…[/ beforeafter]”的图像信息以外的内容将被忽略，在其他位置（例如主页存档页面）中，内容将按帖子原样显示。

  li>

  li>

Requirements

要求

• WordPress: 2.9 or newer
• WordPress：2.9或更高版本

Auto Installation

自动安装

• Go to your blog’s WordPress Admin Panel -> Plugins -> Add New
• 转到博客的WordPress管理面板->插件->添加新内容

• Search for “before after instruite”
• 搜索“在插入之后”

• Click “Install now”
• 点击“立即安装”

Configuration

配置

• Go to your blog’s WordPress Admin Panel -> Options -> Before After
• 转到博客的WordPress管理面板->选项->在此之后

• Set the parameters as per your requirements (should work with default parameters too)
• 根据您的要求设置参数（也应使用默认参数）

• See Plugin Pagefor more details on configuration parameters

“>插件页面有关配置参数的更多详细信息

Manual Installation

手动安装

• Plugin folder in the WordPress plugins folder must be before-after

WordPress插件文件夹中的

• 插件文件夹必须为 before-after

• Upload folder before-after to the /wp-content/plugins/ directory
• 将文件夹 before-after 上载到 / wp-content / plugins / 目录

• Activate the plugin through the ‘Plugins’ menu in WordPress
• 通过WordPress中的“插件”菜单激活插件

• Check out ‘Other Notes’ for usage instruction.
• 查看“其他说明”以获取使用说明。