{"id":32,"date":"2016-06-29T13:50:19","date_gmt":"2016-06-29T11:50:19","guid":{"rendered":"http:\/\/wordpress.p361275.webspaceconfig.de\/?page_id=32"},"modified":"2016-06-29T13:50:19","modified_gmt":"2016-06-29T11:50:19","slug":"rahmen-frame","status":"publish","type":"page","link":"https:\/\/www.emk-albstadt.de\/index.php\/inhaltstypen\/rahmen-frame\/","title":{"rendered":"Spaltenlayouts"},"content":{"rendered":"<h2>Kleiner Leitfaden zur Erstellung von Spaltenlayouts<\/h2>\n<p>Die folgenden Spaltenlayout-Beispiele k\u00f6nnen in WordPress auf dieser Seite einfach als Vorlagen f\u00fcr das eigene Layout verwendet werden. Dazu muss einzig der ausgesuchte Spaltenlayout-Text in WordPress auf der Seite \u00bbSpaltenlayouts\u00ab herauskopiert und an der gew\u00fcnschten Stelle in WordPress (in Seiten oder Beitr\u00e4gen) platziert werden.<\/p>\n<p>Die Grunds\u00e4tzliche Herangehensweise ist die bildliche Vorstellung eines Spaltenlayouts. Im Texteditor in WordPress (beispielsweise bei Seiten und Beitr\u00e4gen das \u00bbgro\u00dfe\u00ab Eingabefeld) werden alle Inhalte einfach Zeile f\u00fcr Zeile heruntergeschrieben. Es wird mit der ersten Spalte gestartet und endet mit der letzten Spalte bzw. mit einem abschlie\u00dfenden Shortcode (eine selbsterkl\u00e4rende WordPress Funktion innerhalb einer offenen und geschlossenen, eckigen Klammer).<\/p>\n<h3>Folgende Shortcodes bzw. Spaltenlayouts sind m\u00f6glich:<\/h3>\n<ul>\n<li>2-Spalten-Layout (jeweils 50% der Seitenbreite)<\/li>\n<li>2-Spalten-Layout (66% und 33% Seitenbreite)<\/li>\n<li>2-Spalten-Layout (33% und 66% Seitenbreite)<\/li>\n<li>2-Spalten-Layout (75% und 25% Seitenbreite)<\/li>\n<li>2-Spalten-Layout (75% und 25% Seitenbreite)<\/li>\n<li>3-Spalten-Layout (jeweils 33% der Seitenbreite)<\/li>\n<li>3-Spalten-Layout (25%, 50% und 25% Seitenbreite)<\/li>\n<li>3-Spalten-Layout (25%, 25% und 50% Seitenbreite)<\/li>\n<li>3-Spalten-Layout (50%, 25% und 25% Seitenbreite)<\/li>\n<li>4-Spalten-Layout (jeweils 25% der Seitenbreite)<\/li>\n<\/ul>\n<hr \/>\n<h3>Es folgen die passenden Beispiele der oben genannten Spaltenlayouts<\/h3>\n<p>Diese Shortcode Beispiele k\u00f6nnen aus WordPress auf der bearbeitbaren Seite \u00bbSpaltenlayouts\u00ab herauskopiert, angepasst und nach Wunsch an anderer Stelle auf der Website eingebunden werden:<\/p>\n<p>[two_columns_one]<\/p>\n<h2>Inhalt 50%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/two_columns_one]<\/p>\n<p>[two_columns_one_last]<\/p>\n<h2>Inhalt 50%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/two_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[three_columns_one]<\/p>\n<h2>Inhalt 33%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_one]<\/p>\n<p>[three_columns_one]<\/p>\n<h2>Inhalt 33%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_one]<\/p>\n<p>[three_columns_one_last]<\/p>\n<h2>Inhalt 33%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[three_columns_two]<\/p>\n<h2>Inhalt 66%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_two]<\/p>\n<p>[three_columns_one_last]<\/p>\n<h2>Inhalt 33%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[three_columns_one]<\/p>\n<h2>Inhalt 33%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_one]<\/p>\n<p>[three_columns_two_last]<\/p>\n<h2>Inhalt 66%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/three_columns_two_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_one_last]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_two]<\/p>\n<h2>Inhalt 50%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_two]<\/p>\n<p>[four_columns_one_last]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_two_last]<\/p>\n<h2>Inhalt 50%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_two_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_two]<\/p>\n<h2>Inhalt 50%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_two]<\/p>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_one_last]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_one]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one]<\/p>\n<p>[four_columns_three_last]<\/p>\n<h2>Inhalt 75%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_three_last]<br \/>\n[divider]<\/p>\n<hr \/>\n<p>[four_columns_three]<\/p>\n<h2>Inhalt 75%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_three]<\/p>\n<p>[four_columns_one_last]<\/p>\n<h2>Inhalt 25%<\/h2>\n<p>Um eine erste und somit beispielhafte Darstellung dieser unterschiedlichen Spaltenbreiten pr\u00e4sentieren zu k\u00f6nnen, wurde dieser Flie\u00dftext erstellt.<br \/>\n[\/four_columns_one_last]<br \/>\n[divider]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kleiner Leitfaden zur Erstellung von Spaltenlayouts Die folgenden Spaltenlayout-Beispiele k\u00f6nnen in WordPress auf dieser Seite einfach als Vorlagen f\u00fcr das eigene Layout verwendet werden. Dazu muss einzig der ausgesuchte Spaltenlayout-Text in WordPress auf der Seite \u00bbSpaltenlayouts\u00ab herauskopiert und an der gew\u00fcnschten Stelle in WordPress (in Seiten oder Beitr\u00e4gen) platziert werden. Die Grunds\u00e4tzliche Herangehensweise ist die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1553,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/pages\/1553"}],"wp:attachment":[{"href":"https:\/\/www.emk-albstadt.de\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}