{"id":561,"date":"2025-01-17T14:10:39","date_gmt":"2025-01-17T13:10:39","guid":{"rendered":"https:\/\/nica.network\/?page_id=561"},"modified":"2025-01-24T09:48:03","modified_gmt":"2025-01-24T08:48:03","slug":"guia-rapido","status":"publish","type":"page","link":"https:\/\/nica.network\/pt\/kurzanleitung\/","title":{"rendered":"Guia r\u00e1pido"},"content":{"rendered":"\n<div class=\"wp-block-group has-transparent-black-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading is-style-gradient\">Kurzanleitung: <\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">&#8211; Neue Seite aufbauen &#8211; <\/h2>\n\n\n\n<p>Am besten schaust du dir diese Seite im Bearbeitungsmodus an. Dann kannst du gleich nachvollziehen, was gemeint ist. Zum Ausprobieren kann es sich lohnen, eine <strong>Testseite <\/strong>zu <strong>erstellen<\/strong> und diese im Anschluss einfach wieder zu l\u00f6schen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-keule\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Inhalt erstellen<\/h3>\n\n\n\n<p>Eine Seite besteht aus <strong>einzelnen Bl\u00f6cken<\/strong>. Dies hier ist z.B. ein \u00bbParagraph\u00ab-Block, der Block dar\u00fcber ein \u00bb\u00dcberschrift-Block\u00ab<\/p>\n\n\n\n<p>Neue Bl\u00f6cke lassen sich \u00fcber die \u00bb+\u00ab Button erstellen. Entweder der blaue oben links, oder wenn man mit der Maus zwischen zwei Bl\u00f6cke f\u00e4hrt oder indem man \u00bbEnter\u00ab dr\u00fcckt und in der neuen Zeile \u00bb\/\u00ab schreibt.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u00dcberschrift 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">\u00dcberschrift 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00dcberschrift 3<\/h3>\n\n\n\n<p>\u00dcberschrift 1 (H1) Ist der <strong>Seitentitel <\/strong>und sollte nur einmal auf der Seite verwendet werden. Hier gibt es direkt eine kleine Besonderheit. Der Seitentitel (mit dem Farbverlauf) wird auf der ver\u00f6ffentlichten Website nicht von Werk aus angezeigt. Wenn du das m\u00f6chtest, musst du den<strong> \u00bbTitel-Block\u00ab<\/strong> auf deiner Seite einf\u00fcgen, sodass er im Bearbeitungsmodus doppelt angezeigt wird.<\/p>\n\n\n\n<p>Um die <strong>Hierarchie von \u00dcberschriften einzustellen<\/strong>, im Blockmen\u00fc \u00bbH2\u00ab klicken und dann aus der Liste ausw\u00e4hlen, siehe Bild.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c07414&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c07414\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1024x573.png\" alt=\"\" class=\"wp-image-562\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1024x573.png 1024w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-300x168.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-768x430.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-18x10.png 18w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik.png 1328w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Hintergrundboxen einf\u00fcgen<\/h2>\n\n\n\n<p>Damit der Inhalt nicht direkt auf dem farbigen Hintergrundbild der Website angezeigt wird, m\u00fcssen wir <strong>alle Bl\u00f6cke in eine Gruppe packen und dieser eine Hintergrundfarbe geben<\/strong>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Die <strong>Listenansicht \u00f6ffnen<\/strong> und alle Elemente ausw\u00e4hlen und gruppieren (\u00fcber die 3 Punkte oder \u00bbStrg + G\u00ab). Sicherstellen, dass am Ende die <strong>Gruppe ausgew\u00e4hlt<\/strong> ist.<br>Die Listenansicht ist grunds\u00e4tzlich sehr hilfreich, um einen \u00dcberblick zu behalten, vor allem wenn Bl\u00f6cke verschachtelt werden.<\/li>\n\n\n\n<li><strong>Einstellungen \u00f6ffnen<\/strong>. Hier gibt es Einstellungsm\u00f6glichkeiten f\u00fcr die gesamte Seite oder den ausgew\u00e4hlten Block. Wir brauchen letzteres.<\/li>\n\n\n\n<li>In den Blockeinstellungen <strong>\u00bbStil-Reiter\u00ab <\/strong>ausw\u00e4hlen <\/li>\n\n\n\n<li><strong>Hintergrund<\/strong> ausw\u00e4hlen <\/li>\n\n\n\n<li>Schwarz &amp; wei\u00df am Ende der Farbpalette haben den seitentypisch leicht durchsichtigen Hintergrund.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c07b6f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c07b6f\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-1024x494.png\" alt=\"\" class=\"wp-image-563\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-1024x494.png 1024w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-300x145.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-768x370.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-1536x740.png 1536w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-2048x987.png 2048w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-1-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-transparent-black-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Gestaltung<\/h2>\n\n\n\n<p><strong>Schriftfarben, Abst\u00e4nde und Spezial-Effekte<\/strong> lassen sich ebenfalls \u00fcber die Blockeinstellungen regeln. Zwei Anlaufstellen gibt es hier.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Werkzeugleiste<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W\u00e4hlt den \u00fcbergeordneten Block aus<\/li>\n\n\n\n<li>Zeigt das Symbol des aktuellen Blocks an. Hier kann auch der Blocktyp gewechselt werden (z.B. Paragraph zu \u00fcberschrift)<\/li>\n\n\n\n<li>Verschieben des Blocks<\/li>\n\n\n\n<li>Jetzt kommen Blockspezifische Optionen wie <strong>Textausrichtung, Verlinkungen, Fett schreiben&#8230;<\/strong><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c080e9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c080e9\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2-1024x749.png\" alt=\"\" class=\"wp-image-564\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2-1024x749.png 1024w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2-300x219.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2-768x562.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2-16x12.png 16w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-2.png 1117w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Stile-Seitenleiste<\/h3>\n\n\n\n<p>Hier k\u00f6nnen u.a. <strong>Textfarbe, Stile<\/strong> (Wie z.B. die Keule beim \u00bbTrenner-Block\u00ab) und <strong>Abst\u00e4nde<\/strong> eingestellt werden. U.a. auch beim Gruppenblock gibt es die M\u00f6glichkeit spezielle Stile einzustellen<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-keule\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"1024\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-1021x1024.png\" alt=\"\" class=\"wp-image-566\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-1021x1024.png 1021w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-300x300.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-150x150.png 150w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-768x770.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-500x500.png 500w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4-12x12.png 12w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-4.png 1184w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-transparent-white-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tipps und Tricks<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Kopieren &amp; Duplizieren!!!<\/h3>\n\n\n\n<p>Wenn immer m\u00f6glich, kopiere dir die Bl\u00f6cke einer anderen Seite und ersetze dann die Inhalte. Dadurch musst du dich mit nur ganz wenigen Dingen auseinandersetzen. (Strg + C &gt; Strg + V)<\/p>\n\n\n\n<p>Wenn du einen Block mehrmals brauchst, kannst du ihn auch mit allen Inhalten duplizieren (Strg + Shift + D)<\/p>\n\n\n\n<p>Die <strong>Listenansicht hilft<\/strong> hier wirklich enorm <img loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"30\" class=\"wp-image-567\" style=\"width: 30px;\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-5.png\" alt=\"\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-5.png 61w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-5-12x12.png 12w\" sizes=\"auto, (max-width: 30px) 100vw, 30px\" \/><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Abs\u00e4tze<\/h3>\n\n\n\n<p>Beim Dr\u00fccken von Enter wird jedes Mal ein neuer Block erstellt. <\/p>\n\n\n\n<p>Um das zu verhindern, \u00bbShift\u00ab (Gro\u00dfschreibtaste) <br>gedr\u00fcckt <br>halten<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Hilfe, die Blockauswahl ist mir zu gro\u00df!<\/h3>\n\n\n\n<p>Verst\u00e4ndlich. Wenn du die Block\u00fcbersicht \u00f6ffnest, kannst du dir einen \u00dcberblick verschaffen. Du brauchst  eigentlich nur die Bl\u00f6cke unter \u00bb<strong>Text\u00ab<\/strong>, \u00bb<strong>Medien\u00ab und \u00bbDesign\u00ab<\/strong>. Alles andere kannst du getrost ignorieren.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c094c1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c094c1\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"972\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6-1024x972.png\" alt=\"\" class=\"wp-image-568\" style=\"object-fit:cover\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6-1024x972.png 1024w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6-300x285.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6-768x729.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6-13x12.png 13w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-6.png 1295w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Spalten, Zeilen, Raster<\/h3>\n\n\n\n<p>Brauchst du, um <strong>Inhalte nebeneinander anzuzeigen<\/strong>. Spalten sind am einfachsten zu verwenden.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Spalten-Block erstellen (geht auch \u00fcbers blaue +)<\/li>\n\n\n\n<li>Layout ausw\u00e4hlen. Um Bl\u00f6cke in Spalten zu bewegen, hilft die Listenansicht wieder sehr. Auch ein Blick in die Werkzeugleiste bringt Optionen wie Ausrichten der Inhalte (Oben, Unten, Mitte&#8230;).<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c09beb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c09beb\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7-1024x622.png\" alt=\"\" class=\"wp-image-569\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7-1024x622.png 1024w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7-300x182.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7-768x467.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7-18x12.png 18w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-7.png 1297w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Hier ein Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\">\u00fcber \u00bbStile\u00ab auch nur mit Kontur<\/a><\/div>\n<\/div>\n\n\n\n<p>Bei Buttons wird der Link \u00fcber das Linksymbol (oder Strg + K) hinzugef\u00fcgt.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Zeilen <\/strong>funktionieren \u00e4hnlich, nur dass sie keine festgelegten Breiten haben. <strong>Raster <\/strong>sind ganz grob mit dynamischen Tabellen zu vergleichen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Lesbarkeit<\/h3>\n\n\n\n<p>Einen langen Textblock lie\u00dft sich [hier aktelles Jahr einf\u00fcgen] keiner mehr durch. Wann immer es Sinn ergibt(!), nutze optische Strukturierung wie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-4-color\"><strong>\u00dcberschriften<\/strong><\/mark> in unterschiedlichen Ebenen (H2, H3&#8230;)\n<ul class=\"wp-block-list\">\n<li>Listen<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Fettschreiben<\/strong> relevanter Stellen<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"20\" height=\"20\" class=\"wp-image-494\" style=\"width: 20px;\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small.png\" alt=\"\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small.png 904w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small-300x300.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small-150x150.png 150w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small-768x768.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small-500x500.png 500w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/nica-logo-simple-small-12x12.png 12w\" sizes=\"auto, (max-width: 20px) 100vw, 20px\" \/>  Bilder<\/li>\n\n\n\n<li><em>Abs\u00e4tze<\/em><\/li>\n\n\n\n<li>Buttons statt normalen <a href=\"https:\/\/nica.network\/kurzanleitung\/\" data-type=\"page\" data-id=\"561\">Links <\/a><\/li>\n\n\n\n<li>Hintergrundfarben einzelner Blocks<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Alles klar \ud83d\ude09<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-transparent-black-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Ver\u00f6ffentlichen<\/h2>\n\n\n\n<p>Geht relativ einfach \u00fcber den entsprechenden <strong>Button oben rechts<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Vorher lohnt sich aber ein <strong>Kontrollblick<\/strong> \u00fcber die fertige Seite, denn nicht immer sieht die Seite im Bearbeitungsmodus genauso aus, wie die \u00d6ffentliche.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c0aced&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c0aced\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"849\" height=\"505\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-8.png\" alt=\"\" class=\"wp-image-570\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-8.png 849w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-8-300x178.png 300w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-8-768x457.png 768w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-8-18x12.png 18w\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d52b9c0b118&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d52b9c0b118\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"490\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-9-490x1024.png\" alt=\"\" class=\"wp-image-573\" srcset=\"https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-9-490x1024.png 490w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-9-144x300.png 144w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-9-6x12.png 6w, https:\/\/nica.network\/wp-content\/uploads\/2025\/01\/grafik-9.png 526w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ol class=\"wp-block-list\">\n<li>Hier kann z.B. eingestellt werden, das eine Seite <strong>Privat oder als Entwurf<\/strong> gespeichert wird, um sie nicht mehr anzuzeigen ohne sie l\u00f6schen zu m\u00fcssen<\/li>\n\n\n\n<li>Hier l\u00e4sst sich der <strong>Link<\/strong>, unter dem die Seite am Ende angezeigt wird, bearbeiten.<\/li>\n\n\n\n<li>Falls die Seite eine <strong>Unterseite einer anderen Seite<\/strong> sein soll, gibt es hier die Option.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-default has-accent-1-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">Probleme &amp; Fragen<\/h2>\n\n\n\n<p>Nicht immer funktioniert alles so, wie es soll. Manche Einstellungen bleiben z.B. effektlos. Das kann zwei Gr\u00fcnde haben. Entweder ein Bug oder diese Einstellung wird von den \u00fcbergeordneten Website-Darstellungs-Einstellungen \u00fcberschrieben. <\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Bitte Probleme dieser Art oder auch schlicht Fragen am besten direkt mit Bildschirmfoto an:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"mailto:mail@piiit-creates.de\"><strong>mail@piiit-creates.de<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kurzanleitung: &#8211; Neue Seite aufbauen &#8211; Am besten schaust du dir diese Seite im Bearbeitungsmodus an. Dann kannst du gleich nachvollziehen, was gemeint ist. Zum Ausprobieren kann es sich lohnen, eine Testseite zu erstellen und diese im Anschluss einfach wieder zu l\u00f6schen. Inhalt erstellen Eine Seite besteht aus einzelnen Bl\u00f6cken. Dies hier ist z.B. ein [&hellip;]<\/p>\n","protected":false},"author":88,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/pages\/561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/comments?post=561"}],"version-history":[{"count":12,"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/pages\/561\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/pages\/561\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/nica.network\/pt\/wp-json\/wp\/v2\/media?parent=561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}