[wordpress插件] CM CSS ColumnsCM CSS列

wordpress 插件 文章 2020-03-26 01:50 422 0 全屏看文

AI助手支持GPT4.0

评分
100
描述

The plugin offers different shortcodes to use the CSS3 Multiple Columns.

该插件提供了不同的短代码,以使用 CSS3多列

For better user experience it includes an integration into the visual editor.

为了获得更好的用户体验,它包括与可视化编辑器的集成。

You can enter all attributes with the help of dialogs, so you don’t need to write the shortcodes by hand.

您可以在对话框的帮助下输入所有属性,因此无需手动编写简码。

The plugin simply wraps the enclosed content into a container and defines according CSS rules.

该插件仅将包含的内容包装到容器中,并根据CSS规则进行定义。

The attributes for the shortcodes and examples you can find under “Other Notes”.

您可以在“其他说明”下找到简短代码和示例的属性。

All default values can be changed in the settings page.

可以在设置页面中更改所有默认值。

With saving the settings a static CSS file is written and included for better performance.

保存设置后,将写入并包含一个静态CSS文件,以提高性能。

Shortcodes

简码

Here is the list of shortcodes with the corresponding attributes:

以下是具有相应属性的简码列表:

[css_columns]

[css_columns]

This is an enclosing shortcode to distribute content into a CSS3 multiple columns layout.

这是一个封闭的短代码,用于将内容分发到CSS3多列布局中。

As content you can use any complex markup.

作为内容,您可以使用任何复杂的标记。

A div-Tag with CSS classes and default definitions is used to wrap the content.

具有CSS类和默认定义的div-Tag用于包装内容。

The default values for the attributes can be changed in the settings page of the plugin.

可以在插件的设置页面中更改属性的默认值。

Possible attributes:

可能的属性:

    Example:

    示例:

    [css_columns gap=30px width=120px count=3 rule_color="#000000" rule_style=solid rule_width=medium]

      [css_columns间隙= 30px宽度= 120px计数= 3 rule_color =“#000000” rule_style = solid rule_width = medium]

    .... here goes the complex content ....

    ....复杂的内容在这里....

    [/css_columns]

    [/ css_columns]

    [css_col_span]

    [css_col_span]

    This is an enclosing shortcode, which only can be used within the [css_columns] shortcode.

    这是一个封闭的短代码,只能在[css_columns]短代码内使用。

    You can define content, which spans over multiple columns.

    您可以定义跨越多列的内容。

    Possible attributes:

    可能的属性:

      • cols – Specifies how many columns an element should span across.

      • cols –指定元素应跨越多少列。

        Same values like column-span on w3schools.com

      • 相同的值,例如w3schools.com上的列跨度

      • tag – Specifies the tag used for wrapping the spanning content, e.g.

      • 标签 –指定用于包装扩展内容的标签,例如

        span, h2, div, …

      • span h2 div ,...

      Example:

      示例:

      [css_col_span cols=2 tag=div]

        [css_col_span cols = 2 tag = div]

      ... here goes the spanning content ....

      ...跨越的内容....

      [/css_col_span]

      [/ css_col_span]

      [css_no_break]

      [css_no_break]

      This is an enclosing shortcode, which only can be used within the [css_columns] shortcode.

      这是一个封闭的短代码,只能在[css_columns]短代码内使用。

      You can define content, which never breaks into different columns.

      您可以定义内容,它永远不会分成不同的列。

      WARNING Feature is not supported by Firefox yet!

      警告功能尚未被Firefox支持!

      Possible attributes:

      可能的属性:

        • type – Specifies whether a page break is allowed inside a specified element.

        • 类型 –指定在指定元素内是否允许分页符。

          Same values like page-break-inside on w3schools.com

        • 相同的值,例如w3schools.com上的 page-break-inside

        • tag – Specifies the tag used for wrapping the non breaking content, e.g.

        • 标签 –指定用于包装不间断内容的标签,例如

          span, h2, div, …

        • span h2 div ,...

        Example:

        示例:

        [css_no_break type=avoid tag=div]

          [css_no_break type = avoid tag = div]

        ... here goes the non-breakable complex content ....

        ...这是不可破坏的复杂内容....

        [/css_no_break]

        [/ css_no_break]

安装步骤

    1. Extract and upload cm-css-columns.zip to the /wp-content/plugins/ directory.
    2. 提取 cm-css-columns.zip 并将其上传到 / wp-content / plugins / 目录。

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

    5. Use the shortcodes in the editor.
    6. 在编辑器中使用简码。

下载地址
https://downloads.wordpress.org/plugin/cm-css-columns.1.2.1.zip
-EOF-

AI助手支持GPT4.0