Bester Website-Builder 2023. Erstellen Sie Ihre eigene Website-Vorlage

Sie können mehrere Elemente auswählen, indem Sie klicken und einen Cursor um den Bereich ziehen. Sie können alle mehrfach ausgewählten Elemente zusammen verschieben, ausrichten, duplizieren und sie bei Bedarf in eine Gruppe oder einen Raster-Repeater umwandeln.

Während Sie im Editor arbeiten, können Sie Elemente, Container oder ganze Blöcke in der Gliederung ausblenden. Es ist hilfreich, sich auf einige Details zu konzentrieren und die sich überschneidenden oder behindernden auszublenden.

Wechseln Sie Blockpositionen einfach im Seitennavigator. Sie können auch die Pfeile in der Blockseitenleiste und der Inhaltssymbolleiste verwenden, um Blöcke im Editor nach oben und unten zu verschieben.

Sie können die Inhaltsbreite ändern, indem Sie den Wert aus der Dropdown-Liste für die Blockbreite auswählen. Wählen Sie einen Block aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie in der Eigenschaft W (Breite) auf den kleinen Pfeil, um die Dropdown-Liste mit Optionen zu öffnen. Klicken Sie auf die Optionen, um die Inhaltsbreite von Boxed auf Wide zu ändern.

Gestalten Sie Ihre Webseiten und Vorlagen per Drag and Drop. Erfreuen Sie sich an Ihren Werken, während Sie auf spielerische Weise schöne Websites ohne Codierung erstellen. Gestalten und passen Sie Ihr Design mit unserem revolutionären Freihand-Editor an. Es ist intuitiv, visuell, einfach zu bedienen, freihändig, Drag-and-Drop. Die Verwendung von Nicepage ähnelt der Arbeit in Microsoft PowerPoint, Apple Keynote und professionellen Designsystemen wie Adobe Photoshop und Adobe XD.

Sie können Bilder aus der Zwischenablage kopieren und einfügen. Diese Funktion wird nur in den Nicepage Desktop-Anwendungen unterstützt. Sie können Bilder aus jedem Grafikeditor kopieren und in den Nicepage Editor einfügen.

Ziehen Sie Markierungen für Bilder, Texte und andere Elemente, um die Größe zu ändern. Sie können die SHIFT-Taste gedrückt halten, um die Größe proportional zu ändern, und die ALT-Taste, um die Mitte zu fixieren. Sie können den roten Magnetführungen für Präzision folgen und einrasten.

Sie können die Elemente, Container oder Blöcke in der Gliederung sperren und entsperren, indem Sie auf das Sperrsymbol auf der Elementebene klicken. Es macht Ihre Designarbeit bequemer, insbesondere die Arbeit mit mehreren Details.

Viele beliebte Grafik- und Mockup-Editoren können Werte mit dem Scrollen oder Bewegen der Maus ändern. Sie können dasselbe tun wie die mit Symbolen dargestellten Parameter und Eigenschaften. Gehen Sie zum Eigenschaftsfenster, bewegen Sie die Maus über das Symbol neben dem Eigenschaftseingabefeld und bewegen Sie die Maus nach rechts, um den Wert zu erhöhen, und nach links, um ihn zu verringern.

Die Proportionen von Bildern können während des kreativen Prozesses geändert werden, indem sie beim Erstellen einer Webseite gezoomt und angepasst werden. Daher können Sie die Proportionen auf das Original zurücksetzen, indem Sie auf das Symbol in der Kontext-Symbolleiste klicken. Klicken Sie auf das Bildelement, die Box oder die Rasterzelle und dann auf das Symbol „Proportionen zurücksetzen“.

Sie können die Abstände zwischen Elementen in einem Block messen, während Sie sie mit den Smart Magnetic Guides ziehen und ausrichten. Sie sehen die Abstände beim Messen des Abstands zwischen Texten, Bildern, Symbolen, Formen usw. sowie innerhalb von Gruppen und Rastern und anderen Containerelementen.

Sie können Gruppen, Formen und Bilder hinzufügen und Ränder für jede Seite separat festlegen. Es gibt Ihnen zusätzlichen Freiraum, um Ihre kreativen Ideen zu verwirklichen. Wählen Sie zum Beispiel Ihre Form aus. Gehen Sie dann zum Eigenschaftsfenster. Suchen Sie den Abschnitt Rahmen und klicken Sie auf die Optionssymbole. Wählen Sie die Seiten aus, für die der Rand angezeigt werden soll.

Auch wenn Sie gruppierte Elemente als einzelne Einheit verschieben und auswählen können, können Sie jedes einzelne von ihnen bearbeiten – doppelklicken Sie, um auf ein gruppiertes Element zuzugreifen und seine Eigenschaften in der Kontextsymbolleiste oder im Eigenschaftenfenster zu bearbeiten.

Die Grid Columns sind ein nützliches Layout-Tool für Grafik- und Website-Editoren. Sie erleichtern die Positionierung und Ausrichtung von Webdesign-Elementen auf einer Webseite. Rasterspalten sind auf der gesamten Seite sichtbar. Sie können sie aktivieren, indem Sie auf die Hotkeys STRG+UMSCHALT+4 klicken oder im Rechtsklick-Mausmenü oder in der Kontextsymbolleiste von Seite und Block auswählen.

Seitenoptionen sind sehr wichtig für die Erstellung von Websites, da diese Liste die wesentlichen Vorgänge für die Seite enthält. Sie können die Rasterspalten aktivieren, die Seitenoperationen kopieren und einfügen, importieren und exportieren und auf die Einstellungen zugreifen. Sie können über das Rechtsklickmenü auf die Seitenoptionen zugreifen, indem Sie auf das Optionssymbol oben rechts im Editor klicken.

Die Gruppenoperation erstellt ein Gruppenelement, mit dem Sie mehrere Elemente zusammenfügen und im Editor als Ganzes verwenden können. Als Gruppe können Sie mehrere Vorgänge ausführen und Aktionen hinzufügen, einschließlich des Hinzufügens von Hintergrund und Verschieben von Elementen und des Anwendens verschiedener Animationseffekte auf eine Gruppe und ihre Elemente.

Verwenden Sie die Smart Magnetic Guides, um die Position von Elementen im Design auszurichten und zu perfektionieren. Sie können die Kurzanleitungen sehen, während Sie ein Element verschieben, das an anderen Elementen und Containern einrastet. Sie sind sehr hilfreich für die Ausrichtung, Bearbeitung und Transformation von Elementen relativ zu anderen Elementen und Containern, wenn Sie eine Website entwerfen.

Ziehen Sie ein beliebiges gruppiertes Element, um die gesamte Gruppe zu verschieben. Sie können Elemente in einem Web-Block gruppieren und sie dann als einzelne Einheit bearbeiten, indem Sie eine Gruppe mit ihren inneren Elementen auswählen und ziehen.

Ändern Sie die Größe von Blöcken, indem Sie einfach auf die Balkenmarkierungen oben oder unten auf einem beliebigen Block klicken und sie ziehen. Während Sie die Größe ändern, können Sie die Abstände vor und nach den in einem Block platzierten Elementen sehen.

Um Blöcke zu organisieren und zu verwalten, kannst du sie in der Gliederung umbenennen. Wählen Sie den Seitennavigator auf der linken Seite, wechseln Sie zur Registerkarte Gliederung. Doppelklicken Sie oder wählen Sie die Option Umbenennen in den Optionen. Ändern Sie den Blocknamen, um Ihren Prozess zum Entwerfen einer Website überschaubarer und bequemer zu gestalten.

Das Gruppieren ist eine sehr häufige Operation, die es ermöglicht, relative Elemente zu kombinieren und die Belastung durch die separate Steuerung jedes Elements beim Verschieben, Ausrichten usw. zu minimieren. Um mehrere Elemente zu gruppieren, wählen Sie Bereichselemente aus oder wählen Sie sie aus, indem Sie die UMSCHALTTASTE gedrückt halten und dann drücken STRG+G-Kombination.

Das Grid, Grid Repeater, allgemein alle Container-Elemente voller Breite und das Text-Element sind immer 100 % breit. Sie können die echten 100 % im Wertefeld des Eigenschaftsfensters für das ausgewählte Element sehen. Sie können den Breitenwert auch in Prozent festlegen. Die Höhe kann jedoch nur 100 Prozent betragen.

Die Fußzeile ist ein unterer Block jeder Website, die von allen Webseiten gemeinsam genutzt wird und Daten enthält, die anderen Seiten gemeinsam sind. Die Informationen in Fußzeilen können Links zu Seiten, Posts oder externen Ressourcen, Referenzen und Urheberrechtshinweise sowie Links zu den sozialen Konten, Kontakt- und Abonnementinformationen und mehr enthalten.

Kleben Sie die Fußzeile unten auf eine beliebige Webseite. Sie können diese Option anwenden, um die Fußzeile am unteren Rand des Bildschirms auszurichten, wenn Sie nicht genügend Inhalt haben, um die Fußzeile nach unten zu verschieben.

Fügen Sie den Login-Link ein, um eine Verbindung zur Anmeldeseite Ihrer Website herzustellen. Sie können den Link bei Bedarf stilisieren.

Kombinieren Sie mehrere Header-Blöcke oben auf Ihren Seiten zu einem großen Header. Es ermöglicht das Platzieren von mehr Informationen als in der klassischen einzeiligen Kopfzeile. Sie können Menü, Suchfeld, Einkaufswagen, soziale Symbole und Kontakte in zwei und mehr Header-Blöcken hinzufügen. Normalerweise mit unterschiedlichen Farben für die Blockhintergründe. Es ist das beliebteste auf E-Commerce-Websites.

Verwenden Sie den Header, den obersten freigegebenen Block auf Website-Seiten. Er enthält normalerweise ein Logo, ein Menü, einen Aufruf zum Handeln, Kontaktinformationen usw. Der Header kann den nächsten Block überlappen und beim Scrollen hängen bleiben.

Das Menü ist das wesentliche Navigationselement jeder Website. Sie können das Menü nur zur Kopf- und Fußzeile hinzufügen und Unterelemente erstellen, wenn Sie viele Webseiten auf Ihrer Website haben.

Fügen Sie das Headline-Element in den Header ein, das Sie als Titel für Ihre Website verwenden können. Sie können die Überschrift anstelle des grafischen Logos verwenden und sie wie einen beliebigen Text im Editor stilisieren.

Sie können die Kopfzeile im Eigenschaftenbereich für eine Seite ein- und ausblenden, indem Sie auf den grauen Bereich hinter dem Editor klicken und zum Eigenschaftenbereich gehen. Darüber hinaus können Sie auf den Link oben rechts im Editor neben dem Optionssymbol klicken, um die ausgeblendete Kopfzeile jederzeit wieder einzublenden, was sehr bequem, schnell und einfach zu finden ist.

Das Mega-Menü ist das beliebteste Layout, das in modernen Menüs verwendet wird, die Untermenüpunkte enthalten. Es ermöglicht das Hinzufügen von Unterelementen in Spalten sowie das Hinzufügen von Bildern und anderen Elementen zu einem Menü. Um ein Mega-Menü hinzuzufügen, können Sie ein Menü in der Kopfzeile auswählen, zum Eigenschaftsfenster auf der rechten Seite gehen und dann sein Layout auf das Mega-Menü umstellen, indem Sie auf das entsprechende Symbol im Abschnitt „Layout“ klicken.

Fügen Sie Ihr Firmen- oder persönliches Logo hinzu, um Ihre Website im Internet von anderen abzuheben. Das Logo ist ein Bild, das in jedem modernen Grafikformat vorliegen kann, einschließlich SVG und WEBP.

Ermöglichen Sie Ihren Benutzern, die gewünschten Informationen auf Ihrer Website zu finden, indem Sie das Suchelement in der Kopfzeile verwenden. Bitte beachten Sie, dass die Suche die Standardfunktionen von WordPress und Joomla verwendet, und um sie für die HTML-Website zu aktivieren, müssen Sie den Code schreiben.

Typografie legt das Styling aller Textelemente auf einer ganzen Website fest. Dadurch können Seiten und Blöcke in einem Stil aussehen, was für ein gutes Webdesign unerlässlich ist. Es hilft, Elemente wie Titel, Überschrift, Text, Hyperlink, Schaltfläche, Zitat und Listen zu stilisieren. Sie können die Schriftart, Größe, Stärke, Farbe, Einzüge und den Abstand zwischen Textzeilen und Buchstaben ändern. Um Ihnen die Arbeit zu erleichtern, haben wir fertige Presets vorbereitet.

Die Seitenleiste, die sich rechts oder links vom Hauptinhaltsbereich Ihrer Website befindet, ermöglicht Ihren Besuchern den schnellen Zugriff auf verschiedene Informationen. Normalerweise können Sie in WordPress-Designs oder Joomla-Vorlagen die Seitenleiste Ausgabe-Widgets oder -Modulen zuweisen, die WordPress-Widget-Bereiche oder Joomla-Positionen erfordern, die Sie im Administrationsbereich Ihrer Website hinzufügen und ändern können.

Für WordPress- und Joomla-Websites stehen viele Login-Designs zur Verfügung. Um darauf zuzugreifen, gehen Sie zum Schnellzugriff-Vorlagenbereich. Wenn Sie die Anmeldevorlage öffnen, klicken Sie auf das blaue Plus-Symbol, um das Menü „Hinzufügen“ zu öffnen. Sie sehen die Liste der verfügbaren Designs für die Anmeldevorlage, mit der Sie beginnen oder die Sie für Ihre Webdesigns verwenden können.

Die Schriftschemata sind ein Paar von Schriftarten, die als Schriftartvoreinstellungen dargestellt werden und die Sie für den gesamten Text auf einer Website auswählen können. Die erste Schriftart entspricht und wird auf alle Überschriften und Titel einer Website angewendet, und die zweite Schriftart passt gut und wird für alle regulären Texte und Absätze verwendet.

Es wird empfohlen, nicht mehr als fünf Hauptfarben auf der gesamten Website zu verwenden, um ein gutes Webdesign zu erzielen. Es verleiht Ihren Webseiten ein konsistentes und professionelles Aussehen. Stellen Sie fünf Farben für Ihr Farbschema ein oder wählen Sie eine aus vorgefertigten Voreinstellungen aus. Nicepage generiert automatisch weitere Farben mit unterschiedlicher Helligkeit basierend auf dem Hauptschema. Sie können auch beliebig viele benutzerdefinierte Farben hinzufügen.

In WordPress und Joomla werden Blogs mit den Theme-Vorlagen stilisiert. Die Blog-Vorlage wird verwendet, um Zusammenfassungen mehrerer Posts anzuzeigen, und die Post-Vorlage gibt den Inhalt eines einzelnen Posts aus. Sie können diese Vorlagen ändern und optimieren, um ein einzigartiges Aussehen zu erhalten und die Blog-Seiten mit dem Rest Ihres Webdesigns in Einklang zu bringen. Darüber hinaus können Sie benutzerdefinierte Blog-Vorlagen erstellen, um sie verschiedenen Post-Kategorien zuzuweisen.

Wenn Sie einen Online-Shop in WordPress oder Joomla haben, können Sie die E-Commerce-Vorlagen mit Nicepage ändern. Verwenden Sie die Produktlistenvorlage, um den Produktkatalog mit Preisen und Kurzbeschreibungen anzuzeigen. Die Produktdetails zeigen die Informationen zu jedem Produkt an, sodass Ihre Benutzer die Menge und Variation auswählen und durch die Produktbilder blättern können. Indem Sie die Layouts und Farben Ihrer E-Commerce-Vorlagen anpassen, können Sie sie mit anderen Seiten stilvoll halten. Ähnlich wie bei anderen Vorlagen können Sie benutzerdefinierte E-Commerce-Vorlagen für verschiedene Produktkategorien erstellen.

Personen kommen möglicherweise wegen einer falschen URL auf Ihre Website oder geben sie falsch in die Adressleiste eines Browsers ein. In diesem Fall zeigen viele Websites anstelle des Browserfehlers die spezielle Seite 404 Not Found an, die es Besuchern ermöglicht, auf Ihrer Website zu bleiben und die Navigation fortzusetzen. Sie können diese Seite für Ihre WordPress- oder Joomla-Website mit der Nicepage-Anwendung ändern, indem Sie die 404 Not Found-Vorlage bearbeiten.

Angenommen, Sie haben eine Website in WordPress oder Joomla und möchten, dass Ihre Benutzer Inhalte über die Verwaltung einer Website hinzufügen. Die von Ihrem Content-Management-System angebotene Standard-Anmeldeseite ist jedoch gestalterisch nicht konsistent mit dem Rest Ihrer Website. In diesem Fall können Sie das Layout der Login-Vorlage in der Nicepage-Anwendung stilisieren, um der Login-Seite ein konsistentes, aber gleichzeitig einzigartiges Aussehen für Ihr spezielles Website-Projekt zu geben.

Exportieren Sie HTML-Websites, WordPress-Designs und Joomla-Vorlagen aus der Nicepage-Anwendung für Windows oder Mac OS. Teilen Sie Projekte mit anderen Benutzern und zeigen Sie Ihren bestehenden und potenziellen Kunden Screenshots.

Wenn mehrere Personen an einer Website arbeiten, besteht das Problem, dass jemand mit weniger Erfahrung das Design oder den Inhalt beschädigen kann. Oder Sie sind ein Designstudio und möchten verhindern, dass Ihre Kunden die Website ändern, und die Bearbeitung nur selbst vornehmen. Um die Bearbeitungsfunktionen zu trennen, können Sie die Benutzerrollen wie Design Editor oder Content Editor verwenden. Um einen Redakteur in WordPress hinzuzufügen, können Sie einen neuen Benutzer registrieren und eine erforderliche Rolle zuweisen.

Die White-Label-Funktion ermöglicht es Ihnen oder Ihrem Unternehmen, Websites und Themen, die mit Nicepage für WordPress und Joomla erstellt wurden, umzubenennen, damit sie wie Ihre erscheinen. Es baut die Glaubwürdigkeit Ihrer Marke auf, stärkt Ihre Kundenbindung, spart Ihnen viel Zeit und Geld. Viele Designstudios und Agenturen für digitales Marketing genießen die White-Label-Option. Dein Branding auf Plugins zu haben hilft dabei, Bewusstsein und ein stärkeres Vertrauensgefühl bei deinen Kunden aufzubauen.

Fügen Sie das Cookie-Popup hinzu, das den Anforderungen der Allgemeinen Datenschutzverordnung der EU entspricht. Für den Europäischen Wirtschaftsraum ist die gesetzliche Regelung zum Datenschutz und zur Privatsphäre erforderlich. Es befasst sich auch mit der Übermittlung personenbezogener Daten außerhalb der Europäischen Union. Sie können das DSGVO-Cookie-Popup in den Website-Einstellungen aktivieren.

Fügen Sie das Favicon Ihrer Website in den Website-Einstellungen hinzu. Die modernen Browser haben normalerweise die Favicon-Unterstützung und zeigen es in der Adressleiste des Browsers, Registerkarten neben dem Seitennamen und der Lesezeichenliste an. Normalerweise hat das Favicon das ICO-Format.

Sie können die benutzerdefinierte Domain und Subdomain für eine auf Nicepage gehostete Website in den Site-Einstellungen sehen und festlegen. Klicken Sie dazu auf das Symbol Website-Einstellungen oder den Link in der oberen Leiste. Geben Sie auf der Registerkarte „Allgemein“ das Ihrer Website entsprechende erforderliche Datum ein.

Verwenden Sie die Registerkarte Social Share in den Seiteneinstellungen, um anzugeben, wie Ihre Webseite in den sozialen Medien präsentiert wird. Sie müssen den Titel, die Beschreibung, das Bild und die URL eingeben.

Die benutzerdefinierte Domain ist ein eindeutiger Name, den Sie für Ihre Website oder Marke von einem der beliebten Registranten erworben haben. Sie können diese benutzerdefinierte Domain einer Website zuweisen, die anstelle des automatisch generierten Subdomain-Namens vom Nicepage Online Builder entworfen wurde. Sie können die benutzerdefinierte Domäne online in den Site-Einstellungen und im Exportdialog in den Desktop-Anwendungen festlegen.

Sie können Ihre Webseiten mit einem Passwort schützen. Klicken Sie dazu auf den grauen Bereich um den Editor, um die Seite auszuwählen. Gehen Sie zum Eigenschaftsfenster und scrollen Sie nach unten zum Abschnitt Passwortschutz. Lege ein Passwort fest. Vorschau. Der Zugriff auf eine solche Seite öffnet den Passwortschutz.

Verbinden Sie Ihre Websites mit Google Analytics, Google Tag Manager und Google Optimize Container, um Daten zu sammeln und ein tieferes Verständnis Ihrer Website-Zielgruppe zu erhalten. Sie erhalten alle Analysetools kostenlos und an einem Ort für alle persönlichen oder geschäftlichen Aufgaben.

Auf dem Dashboard ist es erforderlich, die veröffentlichten Webseiten sofort anzuzeigen. Daher gibt es ein Symbol, das dies anzeigt. Wenn Sie eine Website veröffentlichen, sehen Sie das blaue Globus-Symbol links neben dem Projektnamen der Website.

Präsentieren Sie das vorgestellte Produkt auf den Seiten Ihrer Website. Sie können das Layout ändern und den Produktblock stilisieren, um ihm ein einzigartiges Aussehen zu verleihen.

Zeigen Sie die neuesten Produkte auf jeder Seite Ihrer Website, einschließlich der Startseite. Sie können Layouts angeben und die Anzahl der anzuzeigenden Beiträge auswählen.

Fügen Sie das Warenkorb-Symbol zu Ihrer Website-Kopfzeile hinzu, das die Anzahl der hinzugefügten Produkte zum Warenkorb anzeigt und es Ihnen ermöglicht, die Checkout-Seite mit einem Klick zu öffnen.

Die Warenkorb-Vorlage ist eine Abschlussseite eines jeden Online-Shops. Es sollte Produktzusammenfassung, Menge, Preis, Summen, andere wichtige Daten und vor allem die Schaltfläche „Zur Kasse“ enthalten.

Mit der Nicepage Desktop-Anwendung für Windows oder Mac OS können Sie Checkout-Seiten für WooCommerce in WordPress und VirtueMart in Joomla gestalten. Um die Checkout-Vorlage zu bearbeiten, gehen Sie zum Vorlagenbereich des Schnellzugriffs auf der rechten Seite und wählen Sie die Checkout-Vorlage aus. Bearbeiten Sie das Design der Vorlage. Wenn Sie Ihr Design für Ihre E-Commerce-Website exportieren, exportieren Sie die Checkout-Vorlage mit allen anderen E-Commerce-Vorlagen.