Willkommen beim WP Wegerl.at 'Lesemodus' + Tastaturnavigation!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus sowie die Tastaturbedienung.
WP Wegerl.at: Einzigartige Designs, optimiert für das Nutzererlebnis.
smilies.4-user.de

Columns – Columns.
Text in 2 und mehr Spalten

Werbung

Der Classic-Editor: Vertraut und zuverlässig –
Ihr bewährter Begleiter.


Erleben Sie den Classic Editor neu!
(Bilder von pixelcreatures)


Viele Nutzer schätzen die vertraute Umgebung des Classic-Editors, die eine einfache und schnelle Bearbeitung ermöglicht.




Werbung

Mit dem Advanced Editor Tools auf das nächste Level –
Mehr Funktionen, mehr Möglichkeiten.


Classic Editor + Advanced Editor Tools
= Ihr Erfolgsrezept


Der Advanced Editor erweitert den Funktionsumfang des Classic-Editors und ermöglicht es, Inhalte noch effektiver zu bearbeiten.




Werbung

Einfach und intuitiv –
Der Classic-Editor für alle.


Classic Editor & Advanced Editor Tools
Erleben Sie es.


Der Classic-Editor zeichnet sich durch Stabilität und Zuverlässigkeit aus, was für professionellen Anwender von Bedeutung ist.




Werbung

Mehr schaffen in weniger Zeit –
Der Advanced Editor für kreative Köpfe.


Optimieren Sie Ihre Bearbeitung:
Advanced Editor Tools


Mit dem Advanced Editor können Designer und
Content Creatoren kreative Ideen umsetzten.





Durch ein Plug-in wie 'Columns' ist Text in Spalten zu visualisieren. Zur Anwendung für zwei- oder mehrspaltige Illustration. Das ist eher etwas Contents breiter angelegte Bereich.

Das Plug-in ist auf der Website nicht aktiviert, weshalb die Beispiele nicht korrekt dargestellt werden.

Das Plug-in Columns

Siehe Columns d. h. Text in Spalten.

Columns Gebrauchsanweisung

Hinweis für hier dem Beitrag: Der Shortcodes sind ggf. die Leerzeichen an den Innenklammern zu entfernen.

Spaltengruppe

Eine Spaltengruppe mit Shortcode [ column-group ] erstellen und die Spalten für die Gruppe mit dem [ column ] Shortcode hinzufügen, wie folgt:

Das zeigt sich an:
[ column-group ]
[ column ]
Dies ist die erste Spalte.
[ /column ]
[ column ]
Dies ist die zweite Spalte.
[ /column ]
[ /column-group ]
Das zeigt sich an:

[column-group]
[column]
(Mustertext.) Ethik (Aristoteles), u. a. Bedacht von Gewohnheiten, Sitten, Gebräuchen, dass es für ein Vernunftwesen unangemessen sei, wenn dessen wollen oder wagen ausschließlich von Kontrakten und Traditionen (scheinbar) geleitet wird.[/column]
[column]
Grundlage für die ethische Bewertung eines Geschehnisses ist das Wohlprinzip. Im sittlichen bzw. moralischen Sinne gut bzw. richtig, deren Folgen für das Wohlergehen aller von der Handlung Betroffenen optimal sind.
[/column]
[/column-group]

Blocksatz

Dasselbe im Blocksatz, HTML-Auszeichnung jeweils nach Anfang und vor Ende des Shortcodes:

[ column-group ]
[ column ]
<span style="display: block; text-align: justify;">Text, Text, Text.</span>
[ /column ] 
[ column ]
<span style="display: block; text-align: justify;">Text, Text, Text.</span>
[ /column ] 
[ /column-group ]</p>

Die Auszeichnung <p style="display: block; text-align: justify;"> bewirkt keinen größeren Zeilenabstand zum Absatz (nach "Das zeigt sich an:") als mit <p style="text-align: justify;">

Das zeigt sich an:

[column-group]
[column]

(Mustertext.) Ethik (Aristoteles), u. a. Bedacht von Gewohnheiten, Sitten, Gebräuchen, dass es für ein Vernunftwesen unangemessen sei, wenn dessen wollen oder wagen ausschließlich von Kontrakten und Traditionen (scheinbar) geleitet wird.

[/column]
[column]

Grundlage für die ethische Bewertung eines Geschehnisses ist das Wohlprinzip. Im sittlichen bzw. moralischen Sinne gut bzw. richtig, deren Folgen für das Wohlergehen aller von der Handlung Betroffenen optimal sind.

[/column]
[/column-group]

Die Auszeichnung Blocksatz lässt sich auch im Plug-in-Editor in der CSS-Datei columns/columns.css (inaktiv) festlegen:
text-align: justify;

.column {
 font-size: 16px;
 float: left;
 text-align: justify;
 margin-right: 5%;
 width: 100%;
}

Spalten unterschiedlicher Spannweite

(S. eingangs Hinweis Columns, "Beschreibung".)

Der Istwert [ colums span="2" ] bestimmt die unterschiedliche Spannweite, wobei es egal ist, ob zwei, drei oder mehr Spalten definiert sind:

[ column-group ]
[ column span="2" ]
Die erste Spalte, welche zwei Spalten überspannt.
[ /column ]
[ column ]
Dies ist die zweite Spalte.
[ /column ]
[ column ]
Dies ist die dritte Spalte. 
[ /column ]
[ /column-group ]
Die erste Spalte wird doppelt so groß wie die zweite oder dritte:

[column-group]
[column span="2″]
(Mustertext.) Den Kern des Utilitarismus kann man in der Forderung zusammenfassen: „Handle so, dass Glück entsteht!“. Dabei ergibt sich das allgemeine Glück aus dem Zusammenwirken des Glücks der Individuen. – Die Ethik baut als philosophische Disziplin allein auf das Prinzip der Vernunft.
[/column]
[column]
Glücklich ist dieser Konzeption zufolge vor allem, wer auf vernünftige Weise tätig ist. (Auszüge von Wikipedia)
[/column] [/column-group]
[column-group] [column span="2″]
(Mustertext.) Den Kern des Utilitarismus kann man in der Forderung zusammenfassen: „Handle so, dass Glück entsteht!“ Dabei ergibt sich das allgemeine Glück aus dem Zusammenwirken des Glücks der Individuen.
[/column]
[column]
Die Ethik baut als philosophische Disziplin allein auf das Prinzip der Vernunft.
[/column]
[column]
Glücklich ist dieser Konzeption zufolge vor allem, wer auf vernünftige Weise tätig ist.
[/column]
[/column-group]

Anmerkung (Beispiel Design Twenty Fourteen): "Seiten" im Template "Seite mit voller Breite", könnte man selbiger Seite über die ID dem Inhaltsbereich mehr Breite definieren und somit die mehrspaltige Ansicht forcieren (oder auch generell mit Themes Breite Inhaltsbereichs) – aber mit Bedacht zum Arrangement der Bilder.

Bilder

[column-group]
[column span = "2"]

Columns, Text in Spalten

[/column] [column]

BildBildSchuljahr 1970/71

[/column] [/column-group]

Styles sind in columns.css

Der Beitrag wurde mit fachlicher Unterstützung erstellt.


Aktualisiert im Jahr 2022 Juli