Wave Your Theme

Plugin Name: Wave Your Theme
Plugin URI: http://www.qiqiboy.com/plugins/wave-your-theme
Description: A cool, beautiful method that allows themes to be previewed without activation.
Version: 1.0.0
Author: QiQiBoY
Author URI: http://www.qiqiboy.com
Download: http://wordpress.org/extend/plugins/wave-your-theme/


4545插件名称:Wave Your Theme (换装游戏)
插件描述:一款很酷的主题预览插件,全自动。
当前版本:1.2.0
插件作者:QiQiBoY
插件简介

*这是一种很酷的,奇妙的主题切换预览方式。

*插件将会在你的页面上生成一个按钮链接(你也可以自定义,不用插件自己生成),点击后将会弹出一个面板。

*通过ajax请求,插件会获取到你当前主机上的所有可用主题,然后按顺序将这些主题显示在弹出的面板上。

*你此时可以点击任意主题,就可以切换到你所选择的主题了。当你点击时,插件又会发送一条ajax请求,主题设置切换好后,页面将自动刷新,然后你就能看到一个全新的主题了。

*主题切换会记录cookie,你可以自定义cookie的有效期,在有效期内将会一直显示所切换的主题。

*支持只允许博主预览、必须输入密码预览等新颖功能

*你也可以自定义按钮连接的显示位置、显示样式。

更多更详细信息,请关注此文:【插件发布】wordpress主题预览插件-Wave Your Theme(换装游戏)

=============================FAQ======================================

  1. 问:插件对浏览器支持情况?
    答:插件默认使用fixed定位,因为IE6不支持fixed,所以IE6下是无效的。但是如果你自定义插件显示位置,那么插件将自动启用absolute定位方式,此时,是可以支持IE6的。
  2. 问:默认的衣服小图标很不起眼,也没有文字提示,能不能自定义图标显示呢?
    答:从插件1.1起,已经支持自定义任一大小的图片了。你只需将图片放入Wave Your Theme插件下的img目录,插件会自动搜索到你刚添加的这张图片,然后你就可以到后台去选择你刚才添加的图片了。但是要注意,如果你自定义的图片大小不是22×22,那么你还需要在图标宽度和高度设定里正确填写你自定义的这张图片的宽和高。如果你选择了插件自带的四张衣服图标,请务必在图标宽度和高度里都填入48,否则图标将无法完整显示。
    至于自定义提示文字,将会在下一版的插件中集成,欢迎继续关注本插件。
  3. 问:我安装了插件后,发现页面上什么也没有啊?
    答:首先请查看页面上是否已经加载了插件的JS文件和CSS文件。如果插件文件已被加载到页面还是无法显示,请自行查看你设定的插件显示位置处你的z-index值,插件图标是不输出z-index(或者某个版本中会输出一个不大于500的z-index或者带上自定义z-index功能),如果是因为此原因,你只需要在插件的css样式中指定插件图标的z-index值即可(一般是#WYT_theme)。
    还有一种原因是,插件支持自定义JS、css文件引入位置,如果你主题的头部没有
       1: <?php wp_head() ?>

    或者尾部没有

       1: <?php wp_footer() ?>

    ,而你又恰好设置将插件在这两个位置引入(默认在头部引入),那么肯定是无法自动添加插件文件的。解决办法是在主题的头部和尾部添加以上函数。

  4. 问:为什么我在后台的很多设置在前台不起作用呢?

    答:由于插件的主要依赖JS工作,而相关参数是通过一个JS对象“WYT_options”引入到页面上的,如果你自定义了这个插件JS文件的引入,那么将会导致设定失效。解决办法是请打开插件的JS文件目录,将wave-your-theme.js文件中的内容复制覆盖到到wave-your-theme.min.js,然后修改第119行开始的参数配置。

    主要的参数如下(插件更新版本后,可能会增加其他参数,这里以1.1版本为准)

    image

    图标名字,带后缀,务必填写img目录中存在的图标名字,否则将会导致输出失败。

    width

    图标的宽度,请指定上面你定义的图片的正确宽度

    height

    图标的高度,请指定上面你定义的图片的正确高度

    custom

    是否设置了自定义显示,1为是,0代表未自定义,按钮由插件自动渲染

    location

    插件在页面上的位置,0是左上角,1是右上角,2是左下角,3是右下角。默认是右上角,如果你制定了0-3以外值,将会默认在左上角输出

    x

    图标x轴偏移量

    y

    图标y轴偏移量

    id

    图标的id值,如果你自定义了图标显示(即custom值为1),这里可以指定一个页面上存在的id,插件将自动选择这个节点作为插件的按钮,而不再自动在页面上渲染出默认的按钮。如果指定的id在页面上不存在,那么将会继续使用插件内置渲染机制。

    如果custom值为0,而你又在这里自定义了一个id值,那么插件将会自动将渲染的图标链接的id值改成你这里自定义的。

    tips1

    主题切换成功提示

    tips2

    主题切换失败提示
  5. 问:我如果设置了一个密钥,每次切换访问都必须输入吗?

    答:不是这样的,仅仅在第一次访问时会被要求输入密码,输入正确后就不会再次被要求输入了。

这篇文章已经有 7 条评论

Comments (3) Trackbacks (4)
You can leave a response or Trackback this entry .
  1. Frank -#1

    Hi,

    it would be a great idea to make the button only visible to admins….

    sers, Frank

  2. 119977 -#2

    在进行多个主题切换的时候,怎么才能确保菜单不出现错误,我发现在我切换了主题,并设置了菜单,但是在我从新从另外的主题切换回来时,主题菜单丢失了,必需重新设置才可以,这种情况怎么才能解决

Leave a Reply

Hi , say something.

  • :?:
  • :razz:
  • :sad:
  • :evil:
  • :!:
  • :smile:
  • :oops:
  • :grin:
  • :eek:
  • :shock:
  • :???:
  • :cool:
  • :lol:
  • :mad:
  • :twisted:
  • :roll:
  • :wink:
  • :idea:
  • :arrow:
  • :neutral:
  • :cry:
  • :mrgreen: