{"id":22798,"date":"2026-08-29T09:35:54","date_gmt":"2026-08-29T07:35:54","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22798"},"modified":"2026-08-29T09:57:04","modified_gmt":"2026-08-29T07:57:04","password":"","slug":"kopage-benutzeroberflaeche-editor","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/fr\/hilfe\/website-baukasten\/kopage-benutzeroberflaeche-editor\/","title":{"rendered":"Interface utilisateur et \u00e9diteur de Kopage expliqu\u00e9s"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Nach dem Start des Kopage Website Builders gelangst du in die Benutzeroberfl\u00e4che, \u00fcber die du deine Website aufbaust und bearbeitest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Kopage Editor ist darauf ausgelegt, dass du viele \u00c4nderungen direkt visuell vornehmen kannst. Statt den HTML-Code deiner Website zu bearbeiten, arbeitest du mit Seiten, Inhaltsbereichen, Texten, Bildern, Design-Einstellungen und zus\u00e4tzlichen Modulen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeigen wir dir die wichtigsten Bereiche des klassischen Kopage Website Builders und erkl\u00e4ren, wof\u00fcr du sie ben\u00f6tigst.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Im Kopage Editor verwaltest du den sichtbaren Inhalt und das Design deiner Website. Technische Hosting-Aufgaben wie E-Mail-Konten, Datenbanken oder allgemeine Hosting-Einstellungen werden weiterhin \u00fcber cPanel verwaltet.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Wie \u00f6ffne ich den Kopage Editor?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei CURIAWEB startest du Kopage direkt \u00fcber cPanel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dort findest du den <strong>Kopage Website Builder ganz oben als erstes Icon<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du Kopage noch nicht gestartet hast, findest du die vollst\u00e4ndige Anleitung unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-website-builder-cpanel-starten\/\">Lancer le cr\u00e9ateur de sites Web Kopage via cPanel<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Benutzeroberfl\u00e4che verstehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Arbeit mit Kopage solltest du zun\u00e4chst zwischen einigen grundlegenden Bereichen unterscheiden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du arbeitest im Website-Baukasten haupts\u00e4chlich mit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>deinen Seiten und der Navigation,<\/li>\n\n\n\n<li>dem eigentlichen Seiteninhalt,<\/li>\n\n\n\n<li>Content Blocks,<\/li>\n\n\n\n<li>Design und Theme,<\/li>\n\n\n\n<li>Bildern und Dateien,<\/li>\n\n\n\n<li>Apps beziehungsweise Modulen,<\/li>\n\n\n\n<li>sowie Einstellungen und weiteren Website-Funktionen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Bereiche greifen ineinander, erf\u00fcllen aber unterschiedliche Aufgaben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Website selbst steht im Mittelpunkt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage ist ein visueller Website-Baukasten. Deshalb arbeitest du nicht ausschlie\u00dflich in abstrakten Einstellungsseiten, sondern bearbeitest den Aufbau und die Inhalte deiner Website \u00fcber die daf\u00fcr vorgesehenen Editor-Funktionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du beispielsweise einen Text \u00e4ndern m\u00f6chtest, bearbeitest du den entsprechenden Inhalt. Wenn du dagegen das grunds\u00e4tzliche Erscheinungsbild der gesamten Website ver\u00e4ndern m\u00f6chtest, verwendest du die Design- beziehungsweise Theme-Funktionen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> \u00dcberlege vor einer \u00c4nderung kurz, ob sie nur einen einzelnen Inhalt oder das grunds\u00e4tzliche Design der Website betrifft. Dadurch findest du wesentlich schneller den richtigen Bereich im Editor.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Seiten und Unterseiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine der wichtigsten Aufgaben im Kopage Editor ist die Verwaltung deiner Seiten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine typische Unternehmenswebsite k\u00f6nnte beispielsweise aus folgenden Seiten bestehen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Accueil\n\u00c0 propos\nServices\nR\u00e9f\u00e9rences\nContact<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Zus\u00e4tzlich kannst du Inhalte hierarchisch organisieren und Unterseiten verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Dienstleistungen\n\u251c\u2500\u2500 Beratung\n\u251c\u2500\u2500 Planung\n\u2514\u2500\u2500 Umsetzung<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage erm\u00f6glicht es, Unterseiten zu erstellen und per Drag &amp; Drop anzuordnen beziehungsweise daraus Untermen\u00fcs aufzubauen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die vollst\u00e4ndige Seiten- und Navigationsverwaltung behandeln wir unter <a href=\"\/fr\/aide\/createur-de-site-web\/gerer-la-navigation-des-pages-kopage\/\">G\u00e9rer les pages, la navigation et les sous-menus dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind Content Blocks?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Content Blocks sind ein zentraler Bestandteil beim Aufbau einer Kopage Website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-1024x611.png\" alt=\"Content Blocks und Module im Kopage Website Builder\" class=\"wp-image-22804\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Statt jede Inhaltsstruktur von Grund auf selbst programmieren zu m\u00fcssen, kannst du vorbereitete Inhaltsbl\u00f6cke verwenden und anschlie\u00dfend mit deinen eigenen Texten und Bildern anpassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach gew\u00fcnschtem Aufbau k\u00f6nnen solche Bl\u00f6cke beispielsweise unterschiedliche Kombinationen aus Texten, Bildern und weiteren Elementen enthalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch kannst du eine Seite schrittweise aus einzelnen Inhaltsbereichen zusammensetzen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Eine Seite ist der \u00fcbergeordnete Bereich \u2013 Content Blocks bilden die einzelnen Inhaltsabschnitte innerhalb dieser Seite.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Inhalte zu einer Seite hinzuf\u00fcgen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beim Hinzuf\u00fcgen neuer Inhalte stellt Kopage verschiedene Arten von Elementen beziehungsweise Inhaltsbereichen zur Verf\u00fcgung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu geh\u00f6ren unter anderem vorbereitete Content Blocks sowie Apps und Module f\u00fcr spezielle Funktionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch kannst du beispielsweise einen normalen Text-\/Bildbereich anders behandeln als eine Fotogalerie oder ein Kontaktformular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wie du Content Blocks ausw\u00e4hlst, einf\u00fcgst und anschlie\u00dfend bearbeitest, erkl\u00e4ren wir ausf\u00fchrlich unter <a href=\"\/fr\/aide\/createur-de-site-web\/modifier-les-blocs-de-contenu-kopage\/\">Cr\u00e9er du contenu avec Kopage : modifier les blocs de contenu, les textes et les images<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content Blocks verschieben<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Seite besteht h\u00e4ufig aus mehreren Inhaltsbl\u00f6cken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Header \/ Einleitung\n        \u2193\nLeistungen\n        \u2193\n\u00dcber das Unternehmen\n        \u2193\nReferenzen\n        \u2193\nKontakt<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die Reihenfolge solcher Inhaltsbereiche kann innerhalb des Editors angepasst werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch kannst du den Aufbau einer Seite ver\u00e4ndern, ohne s\u00e4mtliche Inhalte neu erstellen zu m\u00fcssen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Texte bearbeiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Texte geh\u00f6ren zu den h\u00e4ufigsten Inhalten einer Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Im Kopage Editor kannst du vorhandene Texte durch deine eigenen Inhalte ersetzen und sie entsprechend gestalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei der Bearbeitung solltest du nicht nur auf das Aussehen achten, sondern auch auf eine sinnvolle Struktur aus \u00dcberschriften und normalen Textabs\u00e4tzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vermeide insbesondere, ganze Seiten nur deshalb mit unterschiedlichen Schriftgr\u00f6\u00dfen zu gestalten, damit Text optisch wie eine \u00dcberschrift aussieht. Verwende die daf\u00fcr vorgesehenen \u00dcberschriftenstrukturen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder bearbeiten und austauschen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vorhandene Bilder innerhalb eines Designs oder Content Blocks k\u00f6nnen durch eigene Bilder ersetzt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage verf\u00fcgt au\u00dferdem \u00fcber Funktionen zur Verwaltung von Dateien und Bildern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit musst du ein Bild nicht bei jeder Verwendung erneut von deinem Computer hochladen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die ausf\u00fchrliche Bildverwaltung sowie Galerien und Slider behandeln wir unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-bilder-galerien-slider\/\">Cr\u00e9er des images, des galeries photo et des diaporamas dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist der Files Manager?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Files Manager dient zur Verwaltung von Dateien, die du innerhalb deiner Website verwendest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das betrifft insbesondere Bilder, kann aber auch andere f\u00fcr deine Website ben\u00f6tigte Dateien umfassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein zentraler Dateibereich ist besonders praktisch, wenn du dieselben Medien an mehreren Stellen deiner Website verwenden m\u00f6chtest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr Dateien, die Besucher herunterladen sollen, behandeln wir die Einrichtung sp\u00e4ter separat unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-dateien-downloads\/\">Dateien verwalten und Downloads mit Kopage anbieten<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design und Inhalte sind zwei verschiedene Dinge<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Unterscheidung ist bei der Arbeit mit Kopage besonders hilfreich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Inhalte<\/strong> sind beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Texte\nBilder\nSeiten\nFormulare\nGalerien\nBlogbeitr\u00e4ge<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Zum <strong>Conception<\/strong> geh\u00f6ren dagegen beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Theme\nFarben\nSchriftarten\nHeader\nMen\u00fcgestaltung\nallgemeines Erscheinungsbild<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du beispielsweise den Text \u201eWillkommen auf unserer Website\u201c \u00e4ndern m\u00f6chtest, bearbeitest du einen Inhalt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du dagegen die grundlegende Schriftart oder das Farbschema der Website \u00e4ndern m\u00f6chtest, befindest du dich im Bereich der Gestaltung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme und Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage stellt Themes beziehungsweise Templates als Ausgangspunkt f\u00fcr das Erscheinungsbild einer Website zur Verf\u00fcgung.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-1024x611.png\" alt=\"Design und Farben und im Kopage Website Builder verwalten\" class=\"wp-image-22807\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das Design kann anschlie\u00dfend angepasst werden. Dazu geh\u00f6ren unter anderem verschiedene Layout-, Men\u00fc-, Farb- und Schriftoptionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch musst du das Grunddesign deiner Website nicht selbst mit HTML und CSS programmieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Gestaltung behandeln wir im n\u00e4chsten Artikel ausf\u00fchrlich unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-template-design-anpassen\/\">Personnaliser le mod\u00e8le et le design Kopage : couleurs, polices, en-t\u00eate et pied de page<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> \u00c4ndere nicht vorschnell das gesamte Theme, wenn du lediglich einen einzelnen Text, ein Bild oder einen Content Block anpassen m\u00f6chtest. Inhalt und globales Design sollten getrennt betrachtet werden.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Apps und Module<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jede Funktion einer Website besteht nur aus Text und Bildern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr zus\u00e4tzliche Funktionen bietet Kopage Apps beziehungsweise Module.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-1024x611.png\" alt=\"APPs im Kopage Website Builder verwalten\" class=\"wp-image-22809\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu geh\u00f6ren je nach Funktion beispielsweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blog,<\/li>\n\n\n\n<li>Fotogalerie und Slider,<\/li>\n\n\n\n<li>Formulare,<\/li>\n\n\n\n<li>Newsletter,<\/li>\n\n\n\n<li>FAQ,<\/li>\n\n\n\n<li>Veranstaltungskalender,<\/li>\n\n\n\n<li>Google Maps,<\/li>\n\n\n\n<li>Shop,<\/li>\n\n\n\n<li>und weitere Erweiterungen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Module erg\u00e4nzen deine Website um Funktionen, die \u00fcber einen normalen Inhaltsblock hinausgehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Einen \u00dcberblick \u00fcber die zus\u00e4tzlichen Funktionen findest du sp\u00e4ter unter <a href=\"\/fr\/aide\/createur-de-site-web\/module-applications-kopage\/\">Utiliser les applications et les modules dans le constructeur de sites Web Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist der Unterschied zwischen Content Block und App?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Content Block dient prim\u00e4r dem Aufbau und der Darstellung von Seiteninhalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine App beziehungsweise ein Modul stellt dagegen eine spezielle Funktion bereit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simplifi\u00e9 :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Content Block\n\u2192 Inhalt und Layout einer Seite\n\nApp \/ Modul\n\u2192 zus\u00e4tzliche Website-Funktion<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Text-Bild-Kombination ist beispielsweise typischer Seiteninhalt. Ein Kontaktformular oder eine Fotogalerie ben\u00f6tigt dagegen eine eigene Funktionalit\u00e4t.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation und Men\u00fc<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcber die Navigation gelangen Besucher zu den verschiedenen Bereichen deiner Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage unterst\u00fctzt auch komplexere Seitenstrukturen mit Unterseiten und mehreren Men\u00fcebenen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-1024x611.jpg\" alt=\"Seiten und Navigation im Kopage Website Builder verwalten\" class=\"wp-image-22811\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-1024x611.jpg 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-300x179.jpg 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-768x459.jpg 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-360x215.jpg 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Capture d'\u00e9cran<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Seiten lassen sich entsprechend organisieren und in Men\u00fcs einordnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine klare Navigation ist besonders wichtig, damit Besucher schnell verstehen, welche Inhalte deine Website anbietet und wie sie diese erreichen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drag &amp; Drop richtig verstehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage verwendet Drag &amp; Drop an verschiedenen Stellen zur Organisation von Elementen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit kannst du beispielsweise Seiten beziehungsweise Unterseiten neu anordnen oder Inhalte innerhalb der vorgesehenen Strukturen organisieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drag &amp; Drop bedeutet, dass du ein Element mit der Maus aufnimmst, an die gew\u00fcnschte Position bewegst und dort wieder ablegst.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Verschiebe bei einer bestehenden Website zun\u00e4chst nur ein Element und kontrolliere anschlie\u00dfend das Ergebnis. Besonders bei Seiten und Untermen\u00fcs kann eine \u00c4nderung der Position gleichzeitig die Navigation beeinflussen.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Darstellung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage erstellt responsive Websites. Das bedeutet, dass sich das Layout an unterschiedliche Bildschirmgr\u00f6\u00dfen anpassen kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trotzdem solltest du deine Website nach gr\u00f6\u00dferen \u00c4nderungen auf verschiedenen Bildschirmgr\u00f6\u00dfen kontrollieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Inhaltsbereich, der auf einem gro\u00dfen Desktop-Monitor gut aussieht, kann auf einem Smartphone beispielsweise durch sehr lange \u00dcberschriften, ungeeignete Bilder oder eine ung\u00fcnstige Inhaltsmenge weniger \u00fcbersichtlich wirken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Darauf gehen wir ausf\u00fchrlich unter <a href=\"\/fr\/aide\/createur-de-site-web\/design-adaptatif-kopage\/\">Design adaptatif : Optimiser le site web Kopage pour smartphones et tablettes<\/a> un.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Website-Einstellungen und SEO<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Neben den sichtbaren Inhalten besitzt eine Website Einstellungen, die f\u00fcr Besucher nicht immer unmittelbar sichtbar sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu geh\u00f6ren beispielsweise Angaben f\u00fcr Suchmaschinen und weitere technische beziehungsweise organisatorische Einstellungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage bietet unter anderem M\u00f6glichkeiten f\u00fcr individuelle Meta-Angaben auf Seiten sowie weitere SEO-Funktionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Suchmaschinenoptimierung behandeln wir separat unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-seo-einstellungen\/\">SEO avec Kopage : titres de pages, m\u00e9tadonn\u00e9es, URL et optimisation pour les moteurs de recherche<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Statistiken und weitere Funktionen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage bietet neben dem eigentlichen Editor auch Funktionen zur Auswertung beziehungsweise Einbindung von Website-Statistiken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Solche Funktionen geh\u00f6ren nicht zum eigentlichen Seitenaufbau, k\u00f6nnen aber sp\u00e4ter hilfreich sein, um die Nutzung deiner Website besser zu verstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google-Dienste, Sitemap und Statistikfunktionen behandeln wir gesammelt unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-plan-du-site-google-statistiques\/\">Google, Sitemap, Analytics et statistiques de site Web dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die integrierte Hilfe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage verf\u00fcgt \u00fcber integrierte Hilfefunktionen. Wenn du innerhalb des Editors bei einer Funktion nicht weiterkommst, lohnt sich deshalb auch ein Blick in den dort verf\u00fcgbaren Hilfebereich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die integrierte Hilfe erg\u00e4nzt unsere CURIAWEB Knowledgebase: W\u00e4hrend wir hier insbesondere den Einsatz von Kopage innerhalb der CURIAWEB Hosting-Umgebung erkl\u00e4ren, k\u00f6nnen die direkt im Builder verf\u00fcgbaren Hilfen zus\u00e4tzliche Hinweise zur jeweiligen Funktion geben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sollte ich als Anf\u00e4nger zuerst lernen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du musst nicht jede Funktion des Kopage Website Builders kennen, bevor du deine erste Website erstellst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den Einstieg reichen zun\u00e4chst f\u00fcnf Bereiche:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Seiten\n   \u2193\nNavigation\n   \u2193\nContent Blocks\n   \u2193\nTexte und Bilder\n   \u2193\nDesign<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn diese Grundlagen sitzen, kannst du zus\u00e4tzliche Funktionen wie Formulare, Blog, Galerie, Mehrsprachigkeit oder Shop erg\u00e4nzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sollte ich nicht im Kopage Editor suchen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage ist f\u00fcr deine Website zust\u00e4ndig, aber nicht f\u00fcr s\u00e4mtliche Funktionen deines Webhostings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du beispielsweise ein E-Mail-Konto erstellen, eine Datenbank verwalten oder bestimmte serverseitige Hosting-Einstellungen \u00e4ndern m\u00f6chtest, verwendest du daf\u00fcr cPanel und nicht den Kopage Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Trennung ist grunds\u00e4tzlich:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cPanel\n\u2192 Hosting verwalten\n\nKopage\n\u2192 Website erstellen und bearbeiten<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Wie gehe ich beim Bearbeiten einer bestehenden Website vor?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn deine Website bereits online ist, solltest du \u00c4nderungen kontrolliert durchf\u00fchren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bearbeite zun\u00e4chst den gew\u00fcnschten Bereich und kontrolliere anschlie\u00dfend, ob sich die \u00c4nderung nur dort ausgewirkt hat, wo du sie erwartet hast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei globalen Design\u00e4nderungen solltest du zus\u00e4tzlich mehrere Seiten pr\u00fcfen, da solche Einstellungen das Erscheinungsbild der gesamten Website beeinflussen k\u00f6nnen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Eine \u00c4nderung an einem einzelnen Content Block und eine \u00c4nderung am globalen Theme k\u00f6nnen v\u00f6llig unterschiedliche Auswirkungen haben. Pr\u00fcfe deshalb vor gr\u00f6\u00dferen Anpassungen, in welchem Bereich des Editors du arbeitest.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Wie geht es nach der Benutzeroberfl\u00e4che weiter?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du die grundlegenden Bereiche des Editors kennst, solltest du als N\u00e4chstes das Erscheinungsbild deiner Website verstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dabei geht es um Template beziehungsweise Theme, Farben, Schriftarten, Header, Navigation und weitere globale Gestaltungselemente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi nous continuons avec <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-template-design-anpassen\/\">Personnaliser le mod\u00e8le et le design Kopage : couleurs, polices, en-t\u00eate et pied de page<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Kopage Editor ist die zentrale Arbeitsoberfl\u00e4che f\u00fcr deine Website. Dort verwaltest du Seiten, Inhalte, Content Blocks, Bilder, Design und zus\u00e4tzliche Apps beziehungsweise Module.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seiten bilden die grundlegende Struktur deiner Website. Content Blocks strukturieren die Inhalte innerhalb einer Seite, w\u00e4hrend Apps und Module zus\u00e4tzliche Funktionen wie Formulare, Blog oder Galerien bereitstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Design-Einstellungen beeinflussen dagegen das \u00fcbergeordnete Erscheinungsbild deiner Website und sollten von der Bearbeitung einzelner Inhalte unterschieden werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Technische Hosting-Aufgaben bleiben weiterhin Aufgabe von cPanel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wenn du diese grundlegende Trennung zwischen Seiten, Content Blocks, Apps und Design verstanden hast, wird die weitere Arbeit mit Kopage wesentlich \u00fcbersichtlicher.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Nach dem Start des Kopage Website Builders gelangst du in die Benutzeroberfl\u00e4che, \u00fcber die du deine Website aufbaust und bearbeitest. Der Kopage Editor ist darauf ausgelegt, dass du viele \u00c4nderungen direkt visuell vornehmen kannst. Statt den HTML-Code deiner Website zu bearbeiten, arbeitest du mit Seiten, Inhaltsbereichen, Texten, Bildern, Design-Einstellungen und zus\u00e4tzlichen Modulen. In dieser Anleitung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22798","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":1947,"total_views":"6","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/fr\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/fr\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/comments?post=22798"}],"version-history":[{"count":7,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22798\/revisions"}],"predecessor-version":[{"id":22815,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22798\/revisions\/22815"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/media?parent=22798"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_category?post=22798"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_tag?post=22798"}],"curies":[{"name":"Bien jou\u00e9","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}