Dieses Plugin ist nicht mit den jüngsten 3 Hauptversionen von WordPress getestet worden. Es wird möglicherweise nicht mehr gewartet oder unterstützt und kann Kompatibilitätsprobleme haben, wenn es mit neueren Versionen von WordPress verwendet wird.

CM CSS Columns

Beschreibung

Das Plugin bietet verschiedene shortcodes zur Nutzung der CSS3 Multiple Columns.
Für bessere Nutzbarkeit bietet es eine Integration in den visuellen Editor und es können alle Parameter mit Hilfe von Dialogen eingestellt werden, so dass ein händisches Schreiben der Shortcodes nicht notwendig ist.

Das Plugin umschließt den entsprechenden Inhalt mit einem Containerelement, für welches die entsprechenden CSS-Regeln definiert sind.
Die möglichen Parameter der einzelnen Shortcodes und Code-Beispiele finden sich unter „Anmerkungen“

Alle Standardwerte können über die Einstellungsseite des Plugins gesetzt werden. Mit dem Speichern der Einstellungen wird ein statisches CSS-File generiert, so dass zur Laufzeit kein Code für die Generierung des CSS notwendig ist.

Shortcodes

Hier ist die Liste der verfügbaren Shortcodes mit den entsprechenden Parametern

[css_columns]

Dies ist ein umschließender Shortcode, um Inhalt mittels des CSS3-Features auf mehrere Spalten aufgeteilt wird. Als Inhalt kann beliebig komplexes Markup verwendet werden. Im Standardfall wird ein div-Tag zum Umschließen verwendet. Die Standardwerte der Parameter können in der Einstellungsseite des Plugins geändert werden.

Mögliche Parameter:

Beispiel:

[css_columns gap=30px width=120px count=3 rule_color="#000000" rule_style=solid rule_width=medium]
.... here goes the complex content ....
[/css_columns]

[css_col_span]

Dies ist ein umschließender Shortcode, der ausschließlich innerhalb des [css_columns]-Shortcodes verwendet werden kann. Es kann damit Inhalt definiert werden, der über mehrere Spalten läuft.

Mögliche Parameter:

  • cols – Definiert, wie viele Spalten das Element überbrücken kann. Die erlaubten Werte entsprechen der Spezifikation auf w3schools.com
  • tag – Definiert das HTML-Tag, welches den überbrückenden Inhalt umschließt, z.B. span, h2, div, …

Beispiel:

[css_col_span cols=2 tag=div]
... here goes the spanning content ....
[/css_col_span]

[css_no_break]

Dies ist ein umschließender Shortcode, der ausschließlich innerhalb des [css_columns]-Shortcodes verwendet werden kann. Es kann somit Inhalt definiert werden, der niemals in verschiedene Spalten verteilt wird.
WARNUNG Dieses Feature wird nicht vom Firefox unterstützt.

Mögliche Parameter:

  • type – Definiert, ob ein Seitenumbruch innerhalb des Elements erlaubt ist, siehe page-break-inside on w3schools.com
  • tag – Definiert das Tag, welches zum Umschließen des Inhalts verwendet wird, z.B. span, h2, div, …

Beispiel:

[css_no_break type=avoid tag=div]
... here goes the non-breakable complex content ....
[/css_no_break]

Screenshots

  • Einstellungsseite zum Definieren der Standardwerte
  • Markierter Inhalt im visuellen Editor und geöffnetes Menü
  • Parameter-Dialog zum Einfügen des Shortcodes im visuellen Editor
  • Visueller Editor nach dem Einfügen des Shortcodes mit Standardwerten
  • Frontend-Darstellung

Installation

  1. Entpacke cm-css-columns.zip und lade den Inhalt in das Verzeichnis /wp-content/plugins/.
  2. Aktiviere das Plugin im Pluginmenü von WordPress
  3. Verwende die Shortcodes im visuellen Editor

FAQ

Muss ich Shortcodes verwenden?

Nein. Über Dialoge innerhalb des visuellen Editors können die Shortcodes eingefügt und Parameter gesetzt werden.

Rezensionen

Lies alle 2 Rezensionen

Mitwirkende & Entwickler

„CM CSS Columns“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„CM CSS Columns“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „CM CSS Columns“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.2.1

  • tested in last WordPress versions

1.2.0

  • Added: attributes dialog for [css_col_span]-shortcode
  • Added: attributes dialog for [css_no_break]-shortcode

1.1.1

  • Added: Attribut-Dialog für den Shortcode [css_columns]
  • Fixed: Erzeugung und Einbindung der CSS-Datei für die Standardwerte

1.1.0

  • Added: Menübutton im visuellen Editor, um markierten Text mit den Shortcodes zu umschließen

1.0.2

  • Fixed: backend javascript error

1.0.1

  • Fixed: Aktivierung/Deaktivierung

1.0

  • initial release version