[wordpress插件] DivUp ContentDivUp内容

wordpress 插件 文章 2020-04-20 00:20 536 0 全屏看文

AI助手支持GPT4.0

评分
100
描述

Client friendly way to separate your WordPress post or page content into divs with (optional) custom CSS classes and ids.

一种友好的客户端方式,可通过(可选)自定义CSS类和ID 将WordPress帖子或页面内容划分为div。

Adding the shortcode [divup] in between some content will split the content into 2 separate divs.

在某些内容之间添加简码 [divup] 会将内容分为2个单独的div

You can enter as many [divup] shortcodes to a post or page as you like.

您可以根据需要为帖子或页面输入尽可能多的[divup]简码。

Great for creating columns of content for magazine style websites while keeping shortcode markup to an absolute minimum.

非常适合为杂志风格的网站创建的内容,同时将短代码标记保持在绝对最低的水平。

DivUp Content never uses inline styles, but it does automatically give divs fiendishly clever classes like first, last, div-1, div-2, div-3, and div-odd, div-even, mul-3, mul-4 (

DivUp Content从不使用内联样式,但会自动为divs赋予异常聪明的类,例如first,last,div-1,div-2,div-3和div-odd,div-even,mul-3,mul-4(

multiple of 1,2,3,4 etc).

1,2,3,4等的倍数)。

You can then create your own style rules for the divs in style.css or with Microthemer (a visual design CSS plugin for customizing

然后,您可以在style.css中或使用 Microthemer (用于自定义的视觉设计CSS插件)为div创建自己的样式规则

WordPress themes).

WordPress主题)。

Adding ‘multiple of’ classes to divs is a unique feature of DivUp Content that makes grid layouts with multiple rows a breeze.

在div中添加“多个”类是DivUp Content的独特功能,它使具有多行的网格布局变得轻而易举。

**NEWEST:

**最新:

Added support for adding custom HTML attributes to divs/spans.

添加了将自定义HTML属性添加到div / spans的支持。

Use [startwrap custom=’title: read this’] or [divup custom=”data-src:image.jpg”] (the custom attribute can be applied to both [startwrap] and [divup] shortcodes.

使用[startwrap custom ='title:阅读此内容']或[divup custom =” data-src:image.jpg”](custom属性可以同时应用于[startwrap]和[divup]短代码。

You can also do[startwrap custom=’title: read this|required:some value’] (seperate with a | pipe character for multiple)

您还可以执行[startwrap custom ='title:读取此| required:some值'](与|多个竖线字符分隔)

When using [divup], two divs will be created.

使用[divup]时,将创建两个div。

To apply custom attributes to the first and second divs use a comma e.g.[divup custom=”data-src:image1.jpg, data-src:image2.jpg”]

要将自定义属性应用于第一和第二个div,请使用逗号,例如[divup custom =” data-src:image1.jpg,data-src:image2.jpg”]

**NEWER:

** NEWER:

Added support for span elements.

添加了对span元素的支持。

Use [startwrap type=’span’].

使用[startwrap type ='span']。

Added support for no superfluous child elements.

增加了对无多余子元素的支持。

Use [startwrap parent=0] or [startwrap parent=’false’].

使用[startwrap parent = 0]或[startwrap parent ='false']。

NEW: You can also add multiple [startwrap] and [endwrap] shortcodes to control how the divs are wrapped in a wrapper div.

新功能:您还可以添加多个[startwrap]和[endwrap]短代码来控制div如何在包装div中包装。

This overrides the original auto-wrapper functionality if you choose to use it.

如果您选择使用原始的自动包装功能,则此功能将被覆盖。

3 Column Example CSS

3列示例CSS

The CSS for a 3 column layout (with 2 or more rows) in a 640px content area could be:

640像素内容区域中的 3列布局(具有2行或更多行)的CSS可以是:

.divup-wrap {
    

.divup-wrap {
    

overflow:hidden;

溢出:隐藏;

}

}

.divup {
    

.divup {
    

float:left;
    

float:left;
    

width:200px;
    

宽度:200px;
    

margin-right:20px;

margin-right:20px;

}

}

.mul-3 {
    

.mul-3 {
    

margin-right:0;

margin-right:0;

}

}

6 Column Example CSS

6列示例CSS

For a 6 column layout, you would just change the CSS to:

对于 6列布局,您只需将CSS更改为:

.divup-wrap {
    

.divup-wrap {
    

overflow:hidden;

溢出:隐藏;

}

}

.divup {
    

.divup {
    

float:left;
    

float:left;
    

width:100px;
    

宽度:100px;
    

margin-right:8px;

margin-right:8px;

}

}

.mul-6 {
    

.mul-6 {
    

margin-right:0;

margin-right:0;

}.

}。

Advanced Layouts

高级布局

DivUp Content even has a CSS class solution to multi-row grid layouts with varying column widths.

DivUp Content甚至具有CSS类解决方案,可用于具有不同列宽的多行网格布局

There is no type of layout for which it would be unsuitable.

没有不适合的布局类型。

But a knowledge of CSS is required.

但是需要CSS知识

安装步骤

    1. Upload divup directory to the /wp-content/plugins/ directory
    2. divup 目录上传到 / wp-content / plugins / 目录

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

    5. Use the [divup] shortcode in your posts or pages:
    6. 在帖子或页面中使用[divup]简码:

    The best way to understand how DivUp Content works (including the advanced aspects) is to copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with firebug

    了解DivUp Content的工作原理(包括高级方面)的最好方法是将下面的一个虚拟内容示例之一复制并粘贴到帖子或页面中,然后使用Firebug检查html

    > – paying attention to the CSS classes it automatically applies to the divs.

    > –请注意它会自动应用于div的CSS类。

    Dummy Content 1 – The New Way (Add as many [startwrap] and [endwrap] shortcodes as you like)

    虚拟内容1 –新方法(添加任意数量的[startwrap]和[endwrap]短代码)

    With verison 2.0, you can now control when the wrapper div that wraps all the divup divs starts and ends.

    使用Verison 2.0,您现在可以控制包装所有divup div的包装div的开始和结束时间。

    You can also separate the divs into multiple wrapper divs.

    您还可以将div分为多个包装div。

    The automatic ordinal classes will start from 1 again for each wrapper (although there is also a gloabl count of all the divs on the page).

    每个包装器的自动序数类将从1重新开始(尽管页面上所有div的计数都是令人遗憾的)。

    Use the new [startwrap] shortcode to begin your wrapper and the new [endwrap] shortcode to end your wrapper.

    使用新的[startwrap]简码开始包装程序,并使用新的[endwrap]简码结束包装程序。

    Remember that every [startwrap] shortcode requires an accompanying [endwrap] else you are likely to break the layout of your page.

    请记住,每个[startwrap]短代码都需要一个伴随的[endwrap],否则您可能会破坏页面的布局。

    The startwrap and endwrap shortcodes are optional, if you don’t use them DivUp Content will still function as it always has.

    startwrap和endwrap短代码是可选的,如果您不使用它们,则DivUp Content仍将像往常一样起作用。

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [startwrap class=”my-wrap-class another-wrap-class”]

    [startwrap class =” my-wrap-class another-wrap-class”]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]

    [divup id ='id-a,id-b'class ='class-a,class-b class-b2']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [endwrap]

    [包裹]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [startwrap id=”my-wrap-id” class=”hello-wrap”]

    [startwrap id =“ my-wrap-id” class =“ hello-wrap”]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup class=’my-class diff ‘]

    [divup class =” my-class diff”]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup id=’my-id’ class=’diff my-class2′]

    [divup id ='my-id'class ='diff my-class2']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup class=’diff’]

    [divup class ='diff']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [endwrap]

    [包裹]

    Dummy Content 2 – The Original Way (let DivUp Content add one wrapper div)

    虚拟内容2-原始方式(让DivUp Content添加一个包装div)

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]

    [divup id ='id-a,id-b'class ='class-a,class-b class-b2']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup class=’my-class diff ‘]

    [divup class =” my-class diff”]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup id=’my-id’ class=’diff my-class2′]

    [divup id ='my-id'class ='diff my-class2']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup class=’diff’]

    [divup class ='diff']

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    [divup]

    [divup]

    Some content on this page.

    此页面上的某些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

    Some content on this page.

    此页面上的一些内容。

下载地址
https://downloads.wordpress.org/plugin/divup-content.zip
-EOF-

AI助手支持GPT4.0