[wordpress插件] CHBD Simple jQuery ModalCHBD简单jQuery模式

wordpress 插件 文章 2020-03-22 10:40 443 0 全屏看文

AI助手支持GPT4.0

评分
0
描述

This plugin will help users to show some nice sorts of jquery styles based on modal features into their websites.

此插件将帮助用户在其网站上展示一些基于模式特征的不错的jquery样式。

Live Demo: http://www.arefin.me/plugins/chbd-simple-jquery-modal/

实时演示:http://www.arefin.me/plugins/chbd-simple-jquery-modal/

Plugin Features

插件功能

    • Shortcode is Enabled.
    • 启用了短代码。

    • Customization is Easy.
    • 自定义很容易。

    • Coding Knowledge is Not Obligatory.
    • 编码知识不是必须的。

    • Small in Size.
    • 体积小。

    • Total 5 Types of Modal Styles are Included.
    • 总共包括5种类型的模态样式。

安装步骤

How to Setup

如何设置

    1. After downloading the plugin, extract the ‘chbd-simple-jquery-modal.zip’ file to your computer.

    2. 下载插件后,将“ chbd-simple-jquery-modal.zip”文件解压缩到您的计算机中。

    3. Upload (if you use FTP) or put (if you use local computer) the extracted folder into ‘wp-content/plugins’ directory.
    4. 上传(如果使用FTP)或将提取的文件夹(如果使用本地计算机)放入“ wp-content / plugins”目录。

    5. Now go to WordPress Plugin Dashboard.
    6. 现在转到WordPress插件仪表板。

    7. In plugin list, you will see the plugin name you currently installed.
    8. 在插件列表中,您会看到当前安装的插件名称。

    9. Just click on ‘Activate’ link and your plugin will be successfully installed.
    10. 只需单击“激活”链接,即可成功安装您的插件。

    How to Use

    使用方法

      1. There are total five kinds of modals (popup, notify, dialog, hint and title) in this plugin.

        此插件中总共有五种模式(弹出,通知,对话框,提示和标题)。

        The usage procedures of all of these are very similar.

        所有这些的使用过程非常相似。

        You will just need to add 1, 2, 3, 4, 5 as the last characters in shortcode names and the plugin will work differently.

        您只需在短码名称的最后一个字符中添加1,2,3,4,5,插件将以不同的方式工作。

      2. Popup Modal:

        弹出模式:

      2a.

      2a。

      In order to use the popup modal, use the shortcode as below:
          

      为了使用弹出模式,请使用以下短代码:
          

      [chbd_modal_1 id=”1″ color=”white” bgcolor=”green” place=”bottomCenter” text=”Put Text Here” description=”Put Description Here”]

      [chbd_modal_1 id =” 1” color =” white” bgcolor =” green” place =” bottomCenter” text =“将文本放在此处” description =”将描述放在此处“]

      2b.

      2b。

      In this shortcode, id, color, bgcolor, place, text and description attributes are used.

      在此短代码中,使用了id,color,bgcolor,place,text和description属性。

      You can use one or more attributes.

      您可以使用一个或多个属性。

      If you do not place one attribute, that will pick up the default value.

      如果您不放置一个属性,则它将选择默认值。

      2c.

      2c。

      The default values of these attributes are:

      这些属性的默认值为:

      id = There is no default value for id.

      id = id没有默认值。

      If you left this value blank, plugin will not work.

      如果将此值留空,则插件将无法工作。

      If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different

      如果您使用多个弹出模式实例,则必须将ID设置为1、2、3等。这不是强制性的,您必须使用1或任何一个,但要确保不要在不同的ID中使用相同的ID

      instances.

      实例。

      color = Default is ‘#ffffff’

      color =默认为“ #ffffff”

      bgcolor = Default is ‘#439330’

      bgcolor =默认为“#439330”

      place = Default is ‘bottomCenter’.

      place =默认值为“ bottomCenter”。

      Other possible values are ‘bottomLeft’, ‘bottomRight’, ‘leftTop’, ‘leftCenter’, ‘rightTop’, ‘rightCenter’.

      其他可能的值是“ bottomLeft”,“ bottomRight”,“ leftTop”,“ leftCenter”,“ rightTop”,“ rightCenter”。

      text = Default is ‘Put Your Text’.

      文字=默认为“输入文字”。

      description = Default is ‘Put Your Description’.

      description =默认为“输入您的描述”。

        1. Notify Modal:
        2. 通知模态:

        3a.

        3a。

        In order to use the notify modal, use the shortcode as below:
            

        为了使用通知模式,请使用以下短代码:
            

        [chbd_modal_2 id=”1″ color=”white” bgcolor=”green” duaration=”2500″ text=”Put Text Here” description=”Put Description Here”]

        [chbd_modal_2 id =” 1” color =” white” bgcolor =” green” duaration =” 2500” text =” Put Text Here” description =” Put Description Here”]

        3b.

        3b。

        In this shortcode, id, color, bgcolor, duration, text and description attributes are used.

        在此短代码中,使用了id,color,bgcolor,duration,text和description属性。

        You can use one or more attributes.

        您可以使用一个或多个属性。

        If you do not place one attribute, that will pick up the default value.

        如果您不放置一个属性,则它将选择默认值。

        3c.

        3c。

        The default values of these attributes are:

        这些属性的默认值为:

        id = There is no default value for id.

        id = id没有默认值。

        If you left this value blank, plugin will not work.

        如果将此值留空,则插件将无法工作。

        If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different

        如果您使用多个弹出模式实例,则必须将ID设置为1、2、3等。这不是强制性的,您必须使用1或任何一个,但要确保不要在不同的ID中使用相同的ID

        instances.

        实例。

        color = Default is ‘#ffffff’

        color =默认为“ #ffffff”

        bgcolor = Default is ‘#439330’

        bgcolor =默认为“#439330”

        duration = Default is ‘2500’.

        持续时间=默认值为“ 2500”。

        Here duration refers to animation duration.

        持续时间是指动画的持续时间。

        text = Default is ‘Put Your Text’.

        文字=默认为“输入文字”。

        description = Default is ‘Put Your Description’.

        description =默认为“输入您的描述”。

          1. Dialog Modal:
          2. 对话模式:

          4a.

          4a。

          In order to use the dialog modal, use the shortcode as below:
              

          为了使用对话框模态,请使用以下简短代码:
              

          [chbd_modal_3 id=”1″ color=”white” bgcolor=”green” text=”Put Text Here” header=”Put Header Here” description=”Put Description Here”]

          [chbd_modal_3 id =“ 1” color =“ white” bgcolor =“ green” text =“在此处放置文本” header =“在此处放置标题” description =“在此处放置描述”]

          4b.

          4b。

          In this shortcode, id, color, bgcolor, text, header and description attributes are used.

          在此短代码中,使用了id,color,bgcolor,text,header和description属性。

          You can use one or more attributes.

          您可以使用一个或多个属性。

          If you do not place one attribute, that will pick up the default value.

          如果您不放置一个属性,则它将选择默认值。

          4c.

          4c。

          The default values of these attributes are:

          这些属性的默认值为:

          id = There is no default value for id.

          id = id没有默认值。

          If you left this value blank, plugin will not work.

          如果将此值留空,则插件将无法工作。

          If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different

          如果您使用多个弹出模式实例,则必须将ID设置为1、2、3等。这不是强制性的,您必须使用1或任何一个,但要确保不要在不同的ID中使用相同的ID

          instances.

          实例。

          color = Default is ‘#ffffff’

          color =默认为“ #ffffff”

          bgcolor = Default is ‘#439330’

          bgcolor =默认为“#439330”

          text = Default is ‘Put Your Text’.

          文字=默认为“输入文字”。

          header = Default is ‘Put Your Header’.

          header =默认值为“放置标题”。

          description = Default is ‘Put Your Description’.

          description =默认为“输入您的描述”。

            1. Hint Modal:
            2. 提示模式:

            5a.

            5a。

            In order to use the hint modal, use the shortcode as below:
                

            为了使用提示模式,请使用以下短代码:
                

            [chbd_modal_4 id=”1″ color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”]

            [chbd_modal_4 id =“ 1” color =“白色” bgcolor =“绿色” text =“在此处放置文字” description =“在此处放置描述”]

            5b.

            5b。

            In this shortcode, id, color, bgcolor, text and description attributes are used.

            在此短代码中,使用了id,color,bgcolor,text和description属性。

            You can use one or more attributes.

            您可以使用一个或多个属性。

            If you do not place one attribute, that will pick up the default value.

            如果您不放置一个属性,则它将选择默认值。

            5c.

            5c。

            The default values of these attributes are:

            这些属性的默认值为:

            id = There is no default value for id.

            id = id没有默认值。

            If you left this value blank, plugin will not work.

            如果将此值留空,则插件将无法工作。

            If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different

            如果您使用多个弹出模式实例,则必须将ID设置为1、2、3等。这不是强制性的,您必须使用1或任何一个,但要确保不要在不同的ID中使用相同的ID

            instances.

            实例。

            color = Default is ‘#ffffff’

            color =默认为“ #ffffff”

            bgcolor = Default is ‘#439330’

            bgcolor =默认为“#439330”

            text = Default is ‘Put Your Text’.

            文字=默认为“输入文字”。

            description = Default is ‘Put Your Description’.

            description =默认为“输入您的描述”。

              1. Title Modal:
              2. 标题模式:

              6a.

              6a。

              In order to use the title modal, use the shortcode as below:
                  

              为了使用标题模态,请使用以下短代码:
                  

              [chbd_modal_5 id=”1″ color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”]

              [chbd_modal_5 id =” 1” color =” white” bgcolor =” green” text =“在此处放置文本” description =”在此处放置描述“]

              6b.

              6b。

              In this shortcode, id, color, bgcolor, text and description attributes are used.

              在此短代码中,使用了id,color,bgcolor,text和description属性。

              You can use one or more attributes.

              您可以使用一个或多个属性。

              If you do not place one attribute, that will pick up the default value.

              如果您不放置一个属性,则它将选择默认值。

              6c.

              6c。

              The default values of these attributes are:

              这些属性的默认值为:

              id = There is no default value for id.

              id = id没有默认值。

              If you left this value blank, plugin will not work.

              如果将此值留空,则插件将无法工作。

              If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different

              如果您使用多个弹出模式实例,则必须将ID设置为1、2、3等。这不是强制性的,您必须使用1或任何一个,但要确保不要在不同的ID中使用相同的ID

              instances.

              实例。

              color = Default is ‘#ffffff’

              color =默认为“ #ffffff”

              bgcolor = Default is ‘#439330’

              bgcolor =默认为“#439330”

              text = Default is ‘Put Your Text’.

              文字=默认为“输入文字”。

              description = Default is ‘Put Your Description’.

              description =默认为“输入您的描述”。

下载地址
https://downloads.wordpress.org/plugin/chbd-simple-jquery-modal.zip
-EOF-

AI助手支持GPT4.0