[wordpress插件] Adjustly Collapse可调塌陷

wordpress 插件 文章 2020-02-02 03:40 605 0 全屏看文

AI助手支持GPT4.0

评分

100

100

描述

Developed internally for our Adjustly theme, this plugin allows authors to link 2 html elements together as trigger and target.

此插件是针对Adjustly主题内部开发的,允许作者将2个html元素链接在一起,作为触发器和目标。

When the trigger is clicked the target will immediately expand to reveal its content.

单击触发器后,目标将立即展开以显示其内容。

Try the Demo

尝试演示

If you’re interested in seeing what a default installation of Adjustly Collapse has to offer, have a look at some samples on our site.

如果您有兴趣查看默认安装的Adjustable Collapse,请查看我们网站上的一些示例。

http://www.psdcovers.com/adjustly-collapse/

http://www.psdcovers.com/adjustly-collapse/

>

>

Usage

用法

The basic structure without any CSS bells and whistles looks like this:

没有任何CSS修饰的基本结构如下:

trigger

  触发

target: this content is hidden by default

目标:默认情况下,此内容是隐藏的

In the example above, the trigger is an href element and the target is a div element.

在上面的示例中,触发器是href元素,而目标是div元素。

Note that the target can be any element you choose.

请注意,目标可以是您选择的任何元素。

rel=”[id]”

rel =” [id]”

Each trigger and target pair must contain a common label so that the trigger knows which target to expand or collapse.

每个触发器和目标对必须包含一个公共标签,以便触发器知道要扩展或折叠的目标。

The trigger rel tag must be the same name as the target’s id tag.

触发器rel标签必须与目标的id标签名称相同。

If you plan on having multiple collapsible elements in a page, post or theme then you will need to ensure that the rel and id tags are always unique for each trigger/target combo.

如果您计划在页面,帖子或主题中包含多个可折叠元素,则需要确保rel和id标签对于每个触发器/目标组合始终是唯一的。

Class Names

类名

    1. The trigger must always have the following class name: class=”aj-collapse”
    2. 触发器必须始终具有以下类名称:class =” aj-collapse”

    3. The target can have either of 2 classes: class=”aj-hidden” will make the target collapsed by default while class=”aj-visible” will display the content normally but allow the viewer to collapse it.

    4. 目标可以具有2个类之一:默认情况下,class =” aj-hidden”将使目标折叠,而class =” aj-visible”将使目标正常显示,但允许观看者对其进行折叠。

      >

      >

    Notes

    注释

    The trigger and target do not have to be next to each other.

    触发器和目标不必彼此相邻。

    The target can be at the opposite end of the article or you can place it within the trigger.

    目标可以位于文章的另一端,也可以将其放在触发器内。

    Theme developers can use it to make widgets collapsible.

    主题开发人员可以使用它来使小部件可折叠。

安装步骤

    1. Upload adjustly-collapse to the /wp-content/plugins/ directory
    2. 可折叠上传到 / wp-content / plugins / 目录

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

    5. Leave a comment at http://www.psdcovers.com/adjustly-collapse/
    6. 在http://www.psdcovers.com/adjustly-collapse/ 上发表评论

下载地址

https://downloads.wordpress.org/plugin/adjustly-collapse.zip

https://downloads.wordpress.org/plugin/adjustly-collapse.zip

-EOF-

AI助手支持GPT4.0