{"id":4445,"date":"2024-08-28T12:35:13","date_gmt":"2024-08-28T12:35:13","guid":{"rendered":"\/tutorials\/?p=4445"},"modified":"2025-12-18T13:45:37","modified_gmt":"2025-12-18T13:45:37","slug":"wie-erstellt-man-eine-website-mit-dem-handy","status":"publish","type":"post","link":"\/de\/tutorials\/wie-erstellt-man-eine-website-mit-dem-handy","title":{"rendered":"Wie erstellt man eine Website mit dem Handy mit dem Hostinger Mobile Editor?"},"content":{"rendered":"<p>Wenn Sie lernen m&ouml;chten, wie Sie eine Website mit Ihrem Smartphone erstellen, ist der mobile Editor von Hostinger genau das, was Sie brauchen. Dieser browserbasierte Website-Editor vereinfacht den Webentwicklungsprozess und erm&ouml;glicht es Ihnen, <strong>responsive Websites<\/strong> direkt von Ihrem Mobilger&auml;t aus zu erstellen.<\/p><p>Dieser Artikel erkl&auml;rt, was ein mobiler Editor ist und wie man ihn effektiv nutzt. Wir zeigen Ihnen, wie Sie den mobilen Editor des Hostinger Website-Baukasten nutzen k&ouml;nnen und geben Ihnen Tipps f&uuml;r den erfolgreichen Aufbau einer mobilfreundlichen Website.<\/p><p>\n\n\n\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">Was ist ein mobiler Editor?<\/h2>\n                    <p>Ein mobiler Editor ist ein spezialisierter Website-Baukasten, der es Ihnen erm&ouml;glicht, eine Website mit Ihrem Handy zu erstellen und zu verwalten.<\/p>\n                <\/div>\n\n\n\n<\/p><p>Bisher hatten mobile Editoren nur eine begrenzte Funktionalit&auml;t, so dass die meisten Websites am Computer und nicht am Handy erstellt wurden.<\/p><p>Der mobile Editor von Hostinger Website Builder ist jedoch auf Einfachheit und Bequemlichkeit ausgelegt. Als einer der besten mobilen Website-Bauk&auml;sten erspart er den Einsatz eines Desktop-Computers. Auf diese Weise k&ouml;nnen Sie professionelle Websites unterwegs erstellen, direkt von Ihrem Smartphone oder Tablet aus.<\/p><h2 class=\"wp-block-heading\" id=\"h-funktionen-des-mobilen-editors-von-hostinger\"><strong>Funktionen des mobilen Editors von Hostinger<\/strong><\/h2><p>Websites mit einem Smartphone zu erstellen, macht Webdesign und -entwicklung f&uuml;r jeden zug&auml;nglich, unabh&auml;ngig von seiner Erfahrung oder F&auml;higkeitsstufe.<\/p><p>Der mobile Editor des Hostinger Website-Baukastens verf&uuml;gt &uuml;ber viele Funktionen, die das Erstellen einer Website mit einem mobilen Ger&auml;t einfach machen, wie zum Beispiel:<\/p><ul class=\"wp-block-list\">\n<li><strong>Bearbeitungsmen&uuml; in der Seitenleiste<\/strong>. Greifen Sie auf alle Bearbeitungsfunktionen &uuml;ber ein Seitenleistenmen&uuml; zu, ohne die Seite zu verlassen oder Fenster oder Tabs zu wechseln. Dies vereinfacht den Prozess der Erstellung von Websites auf dem Smartphone.<\/li>\n\n\n\n<li><strong>Drag-and-Drop-Oberfl&auml;che<\/strong>. Die intuitive Benutzeroberfl&auml;che erm&ouml;glicht es Ihnen, Elemente der Website frei zu verschieben, zu vergr&ouml;&szlig;ern und zu bearbeiten &ndash; was die allgemeine Verwaltung mobiler Websites vereinfacht.<\/li>\n\n\n\n<li><strong>Bearbeiten auf der Seite<\/strong>. F&uuml;gen Sie Textfelder, Schaltfl&auml;chen, Bilder und Videos zu Ihrer Website hinzu. Diese Funktion ist besonders n&uuml;tzlich f&uuml;r diejenigen mit begrenzten technischen F&auml;higkeiten.<\/li>\n\n\n\n<li><strong>Anpassung<\/strong>. Der Website-Editor bietet umfangreiche Anpassungsm&ouml;glichkeiten, von Farbschemata und Schriftarten bis hin zu Schaltfl&auml;chen und Animationen. Sie stellen sicher, dass Ihre mobile Website hervorsticht.<\/li>\n\n\n\n<li><strong>Navigationsverwaltung<\/strong>. Diese Funktion erm&ouml;glicht es Ihnen, die Navigation Ihrer Website einfach zu verwalten. Sie k&ouml;nnen Seiten hinzuf&uuml;gen oder entfernen, Dropdown-Men&uuml;s erstellen und sogar Links zu Ihren Social-Media-Profilen hinzuf&uuml;gen.<\/li>\n\n\n\n<li><strong>KI Writer<\/strong>. Verbessern Sie die <a href=\"https:\/\/www.hostinger.com\/de\/tutorials\/was-ist-seo\/\"><strong>Suchmaschinenoptimierung (SEO)<\/strong><\/a> Ihrer Website mit SEO-freundlichem und einzigartigem KI-gest&uuml;tztem Inhalt.<\/li>\n\n\n\n<li><strong>Analytik<\/strong>. Unser mobiler Editor verf&uuml;gt &uuml;ber integrierte Analyse-Tools, die Ihnen helfen, Traffic-Analysen f&uuml;r mobile Websites durchzuf&uuml;hren und Trends direkt von Ihrem Handy aus zu identifizieren.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-wie-man-eine-website-mit-einem-handy-unter-verwendung-eines-mobilen-editors-erstellt\"><strong>Wie man eine Website mit einem Handy unter Verwendung eines mobilen Editors erstellt<\/strong><\/h2><p>Eine Website mit Ihrem Smartphone zu erstellen, ist mit dem mobilen Editor des Hostinger Website-Baukastens unkompliziert. So geht es in acht einfachen Schritten:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-melden-sie-sich-bei-hpanel-an\"><strong>1. Melden Sie sich bei hPanel an<\/strong><\/h3><p>Um mit der Smartphone-Webentwicklung zu beginnen, melden Sie sich bei <strong>hPanel<\/strong> an.<\/p><p>Wenn Sie noch kein Benutzer sind, erwerben Sie einen unserer <a href=\"https:\/\/www.hostinger.com\/de\/webhosting\"><strong>Webhosting<\/strong><\/a>&ndash; oder <a href=\"https:\/\/www.hostinger.com\/de\/cloud-hosting\"><strong>Cloud Hosting<\/strong><\/a>-Pl&auml;ne, um zu beginnen, und folgen Sie dann diesen Schritten:<\/p><ol class=\"wp-block-list\">\n<li>Navigieren Sie zu den drei Linien in der oberen rechten Ecke und tippen Sie auf <strong>Websites<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/01-Mobile-Editor_hpanel-men%C3%BC-websites-markiert.png\/public\" alt=\"01-Mobile-Editor_hpanel-menu&#776;-websites-markiert\" class=\"wp-image-4446\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>W&auml;hlen Sie die Website aus, an der Sie arbeiten m&ouml;chten. Um eine mit dem Hostinger Website-Baukasten erstellte Website zu bearbeiten, klicken Sie unter ihrem Domainnamen auf <strong>Website bearbeiten<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/02-Mobile-Editor_hpanel-website-bearbeiten.png\/public\" alt=\"02-Mobile-Editor_hpanel-website-bearbeiten\n\" class=\"wp-image-4447\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/02-Mobile-Editor_hpanel-website-bearbeiten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/02-Mobile-Editor_hpanel-website-bearbeiten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/02-Mobile-Editor_hpanel-website-bearbeiten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li>Wenn Sie noch keine Website haben, tippen Sie auf <strong>Website erstellen oder &uuml;bertragen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/03-Mobile-Editor_hpanel-website-erstellen-oder-%C3%BCbertragen.png\/public\" alt=\"03-Mobile-Editor_hpanel-website-erstellen-oder-&uuml;bertragen\" class=\"wp-image-4448\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>W&auml;hlen Sie <strong>Neue Website erstellen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/04-Mobile-Editor_neue-website-erstellen.png\/public\" alt=\"04-Mobile-Editor_neue-website-erstellen\" class=\"wp-image-4449\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/04-Mobile-Editor_neue-website-erstellen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/04-Mobile-Editor_neue-website-erstellen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/04-Mobile-Editor_neue-website-erstellen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>W&auml;hlen Sie den <strong>Hostinger Website-Baukasten<\/strong> als Ihre mobile Baukasten-App.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/05-Mobile-Editor_plattform-w%C3%A4hlen.png\/public\" alt=\"05-Mobile-Editor_plattform-w&auml;hlen\" class=\"wp-image-4450\"><\/figure><\/div><p>\n\n<div><p class=\"important\"><strong>Wichtig!<\/strong> Um eine Website zu starten, ben&ouml;tigen Sie einen Domainnamen. Nach der Auswahl Ihres Website-Erstellungstools werden Sie aufgefordert, eine bestehende Domain auszuw&auml;hlen oder eine neue zu registrieren. Es ist auch m&ouml;glich, Ihre Website von Ihrem Handy aus zu erstellen, ohne einen Domainnamen zu haben. Das bedeutet, dass Sie Ihre Website mit einer vorl&auml;ufigen Domain ver&ouml;ffentlichen m&uuml;ssen. Sie k&ouml;nnen sp&auml;ter eine benutzerdefinierte Domain verbinden.<\/p><\/div>\n\n\n\n<\/p><p><strong>2. W&auml;hlen Sie eine Vorlage<\/strong><\/p><p>Der n&auml;chste Schritt bei der Erstellung Ihrer Website besteht darin, eine Vorlage auszuw&auml;hlen. Hostinger bietet eine breite Palette von <a href=\"https:\/\/www.hostinger.com\/de\/website-vorlagen\"><strong>Designer-Vorlagen<\/strong><\/a>, die sowohl mobilfreundlich als auch anpassbar sind. Sie k&ouml;nnen entweder eine neue Vorlage ausw&auml;hlen oder <a href=\"https:\/\/www.hostinger.com\/de\/ki-website-erstellen\"><strong>KI verwenden,<\/strong><\/a> um eine benutzerdefinierte Website-Vorlage basierend auf Ihren Bed&uuml;rfnissen zu generieren.<\/p><p><strong>Auswahl einer Design-Vorlage<\/strong><\/p><ol class=\"wp-block-list\">\n<li>W&auml;hlen Sie die Option f&uuml;r die vorgefertigte Vorlage.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/06-Mobile-Editor_vorlage-w%C3%A4hlen.png\/public\" alt=\"06-Mobile-Editor_vorlage-w&auml;hlen\" class=\"wp-image-4451\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Durchsuchen Sie alle verf&uuml;gbaren Vorlagen, indem Sie durch die Vorlagenseite scrollen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/07-Mobile-Editor_vorlagenauswahl.png\/public\" alt=\"07-Mobile-Editor_vorlagenauswahl\" class=\"wp-image-4452\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/07-Mobile-Editor_vorlagenauswahl.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/07-Mobile-Editor_vorlagenauswahl.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/07-Mobile-Editor_vorlagenauswahl.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Verwenden Sie die Suchleiste, um nach Vorlagen f&uuml;r bestimmte Nischen oder Schl&uuml;sselw&ouml;rter zu suchen, oder sehen Sie sich alle Vorlagenkategorien an, indem Sie das Untermen&uuml; <strong>Alle Vorlagen<\/strong> erweitern.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/08-Mobile-Editor_alle-vorlagen.png\/public\" alt=\"08-Mobile-Editor_alle-vorlagen\" class=\"wp-image-4453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/08-Mobile-Editor_alle-vorlagen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/08-Mobile-Editor_alle-vorlagen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/08-Mobile-Editor_alle-vorlagen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Tippen Sie auf die Vorlage, um zu sehen, wie sie live aussieht. Wenn Sie sie f&uuml;r sp&auml;ter speichern m&ouml;chten, verwenden Sie das Herz-Symbol, um eine Vorlage als Favorit zu markieren. Auf diese Weise erscheinen sie im Abschnitt <strong>Favoriten<\/strong> oben auf der Seite, unter dem Untermen&uuml; <strong>Alle Vorlagen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/09-Mobile-Editor_vorlage-suchen.png\/public\" alt=\"09-Mobile-Editor_vorlage-suchen\" class=\"wp-image-4454\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/09-Mobile-Editor_vorlage-suchen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/09-Mobile-Editor_vorlage-suchen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/09-Mobile-Editor_vorlage-suchen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Sobald Sie eine Vorlage gefunden haben, die zu Ihrer Website-Idee passt, tippen Sie auf <strong>Erstellung beginnen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/10-Mobile-Editor_vorlagenvorschau.png\/public\" alt=\"10-Mobile-Editor_vorlagenvorschau\" class=\"wp-image-4455\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/10-Mobile-Editor_vorlagenvorschau.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/10-Mobile-Editor_vorlagenvorschau.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/10-Mobile-Editor_vorlagenvorschau.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><strong>Mit KI eine Vorlage erstellen<\/strong><\/p><ol class=\"wp-block-list\">\n<li>Auf dem Bildschirm des Hostinger Website-Baukasten tippen Sie auf <strong>Erstellung beginnen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/11-Mobile-Editor_mit-ki-erstellen.png\/public\" alt=\"11-Mobile-Editor_mit-ki-erstellen\" class=\"wp-image-4456\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/11-Mobile-Editor_mit-ki-erstellen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/11-Mobile-Editor_mit-ki-erstellen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/11-Mobile-Editor_mit-ki-erstellen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Beginnen Sie mit der Beantwortung von drei einfachen Fragen zu Ihrer Webseite. Seien Sie so detailliert wie m&ouml;glich &ndash; die Fortschrittsleiste wird Ihnen helfen zu verstehen, ob Sie mehr Informationen hinzuf&uuml;gen m&uuml;ssen.<\/li>\n\n\n\n<li>Sobald Sie das Formular ausgef&uuml;llt haben, tippen Sie auf <strong>Website erstellen<\/strong> und die KI wird Ihre personalisierte Website-Vorlage zusammen mit relevantem Inhalt, wie Text und Bildern, erstellen.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-3-fugen-sie-elemente-zur-seite-hinzu\"><strong>3. F&uuml;gen Sie Elemente zur Seite hinzu<\/strong><\/h3><p>Der n&auml;chste Schritt besteht darin, Elemente zu Ihren Seiten hinzuzuf&uuml;gen und zu arrangieren. Der Editor erm&ouml;glicht es Ihnen, Textfelder, Bilder und Schaltfl&auml;chen per Drag-and-Drop an die gew&uuml;nschte Stelle auf der Seite zu ziehen. Sie k&ouml;nnen diese auch vergr&ouml;&szlig;ern und verschieben, um sie an das Design anzupassen.<\/p><p>Zus&auml;tzlich ist es m&ouml;glich, Elemente zu duplizieren, zu kopieren und einzuf&uuml;gen und sie in dem Design vorw&auml;rts und r&uuml;ckw&auml;rts zu bewegen, um Ihrer Website mehr Tiefe zu verleihen. Diese Tools helfen Ihnen dabei, eine responsive Website zu erstellen, die auf mehreren Ger&auml;ten eine hochwertige Erfahrung bietet.<\/p><p>So k&ouml;nnen Sie Elemente zu Ihrer Website von Ihrem Handy hinzuf&uuml;gen:<\/p><ol class=\"wp-block-list\">\n<li>W&auml;hlen Sie den Abschnitt der Seite aus, den Sie bearbeiten m&ouml;chten. Greifen Sie auf das Hauptbearbeitungsmen&uuml; zu, indem Sie auf das Symbol in der unteren rechten Ecke tippen (rundes Symbol mit drei Quadraten und einem Pluszeichen (+)).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten.png\/public\" alt=\"12-Mobile-Editor_website-bearbeiten\" class=\"wp-image-4457\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Tippen Sie auf <strong>Element hinzuf&uuml;gen<\/strong>, um neue Elemente zur Seite hinzuzuf&uuml;gen, wie Textfelder, Schaltfl&auml;chen und Symbole, Bilder, Videos, Kontaktformulare und Karten.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/13-Mobile-Editor_elemente-hinzuf%C3%BCgen.png\/public\" alt=\"13-Mobile-Editor_elemente-hinzuf&uuml;gen\" class=\"wp-image-4458\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Bewegen, vergr&ouml;&szlig;ern und bearbeiten Sie nach Bedarf Elemente und Abschnitte der Website. Ziehen Sie sie per Drag-and-Drop an ihren Platz oder verwenden Sie die Pfeiltasten in der unteren Men&uuml;leiste.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/14-Mobile-Editor_elemente-bearbeiten.png\/public\" alt=\"14-Mobile-Editor_elemente-bearbeiten\" class=\"wp-image-4459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/14-Mobile-Editor_elemente-bearbeiten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/14-Mobile-Editor_elemente-bearbeiten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/14-Mobile-Editor_elemente-bearbeiten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-4-passen-sie-das-website-design-an\"><strong>4. Passen Sie das Website-Design an<\/strong><\/h3><p>Sobald Sie die notwendigen Elemente zu den Seiten hinzugef&uuml;gt haben, ist es an der Zeit, das Design Ihrer Website anzupassen. Der mobile Editor bietet eine Vielzahl von Anpassungs-Tools, die es Ihnen erm&ouml;glichen, Farben, Schriftarten und Animationen zu &auml;ndern.<\/p><p>Beginnen Sie mit der Bearbeitung des Designs Ihrer Website, indem Sie diesen Schritten folgen:<\/p><ol class=\"wp-block-list\">\n<li>&Ouml;ffnen Sie das Hauptbearbeitungsmen&uuml;, indem Sie auf das Symbol in der unteren rechten Ecke tippen (rundes Symbol mit drei Quadraten und einem Pluszeichen (+)).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-1.png\/public\" alt=\"12-Mobile-Editor_website-bearbeiten\" class=\"wp-image-4460\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Navigieren Sie zum Men&uuml; <strong>Website-Stile<\/strong> und nehmen Sie &Auml;nderungen am Design und Stil Ihrer Website vor.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/15-Mobile-Editor_website-stile.png\/public\" alt=\"15-Mobile-Editor_website-stile\" class=\"wp-image-4461\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/15-Mobile-Editor_website-stile.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/15-Mobile-Editor_website-stile.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/15-Mobile-Editor_website-stile.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Profi-Tipp<\/h4>\n                    <p>Im Tab <strong>Farben<\/strong> k&ouml;nnen Sie sehen, wie oft verschiedene Farben in Ihrem gesamten Webdesign verwendet wurden. Das Men&uuml; <strong>Website-Stile<\/strong> erm&ouml;glicht Ihnen auch, die Typografie der &Uuml;berschrift und des Textes zu &auml;ndern und einen prim&auml;ren Button und Element-Animationsstil zu definieren. Auf diese Weise k&ouml;nnen Sie sicherstellen, dass die Website Ihre Marke genau widerspiegelt.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-5-erstellen-und-verwalten-sie-die-seiten-navigation\"><strong>5. Erstellen und verwalten Sie die Seiten-Navigation<\/strong><\/h3><p>Die Verwaltung der Navigation Ihrer Website ist entscheidend f&uuml;r eine gute Benutzererfahrung.<\/p><p>Der mobile Editor des Hostinger Website-Baukasten macht das Hinzuf&uuml;gen oder Entfernen von Seiten, das Erstellen von Dropdown-Men&uuml;s und das Hinzuf&uuml;gen von Links zu Ihren Social-Media-Profilen einfach:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie zum Hauptbearbeitungsmen&uuml;, indem Sie auf das Symbol in der unteren rechten Ecke tippen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-2.png\/public\" alt=\"12-Mobile-Editor_website-bearbeiten\" class=\"wp-image-4462\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/12-Mobile-Editor_website-bearbeiten-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>W&auml;hlen Sie <strong>Seiten und Navigation<\/strong>, um Ihre Seiten, Men&uuml;s und die gesamte Seiten-Navigation zu verwalten.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/16-Mobile-Editor_seiten-und-navigation.png\/public\" alt=\"16-Mobile-Editor_seiten-und-navigation\" class=\"wp-image-4463\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/16-Mobile-Editor_seiten-und-navigation.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/16-Mobile-Editor_seiten-und-navigation.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/16-Mobile-Editor_seiten-und-navigation.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>F&uuml;gen Sie neue Seiten zu Ihrer Website hinzu, indem Sie auf die Schaltfl&auml;che <strong>Seite hinzuf&uuml;gen<\/strong> tippen. Sie k&ouml;nnen aus vorhandenen Seitenvorlagen ausw&auml;hlen oder eine neue leere Seite erstellen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/17-Mobile-Editor_seiten-navigation.png\/public\" alt=\"17-Mobile-Editor_seiten-navigation\" class=\"wp-image-4464\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/17-Mobile-Editor_seiten-navigation.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/17-Mobile-Editor_seiten-navigation.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/17-Mobile-Editor_seiten-navigation.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Bearbeiten Sie die Reihenfolge, in der Ihre Seiten im Seitenmen&uuml; erscheinen, indem Sie die unter <strong>Hauptnavigation<\/strong> aufgelisteten Seiten in die gew&uuml;nschte Reihenfolge ziehen.<\/li>\n\n\n\n<li>Sie k&ouml;nnen auch Dropdown-Men&uuml;s erstellen, indem Sie auf das runde Symbol mit drei Linien und einem Pluszeichen (+) klicken.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/18-Mobile-Editor_neue-seite.png\/public\" alt=\"18-Mobile-Editor_neue-seite\" class=\"wp-image-4465\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/18-Mobile-Editor_neue-seite.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/18-Mobile-Editor_neue-seite.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/18-Mobile-Editor_neue-seite.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Verwalten Sie Einstellungen wie SEO-Metadaten und Seiten-URLs, indem Sie auf das Zahnradsymbol klicken. Sie k&ouml;nnen auch Passw&ouml;rter hinzuf&uuml;gen, um den Zugriff auf Seiten zu beschr&auml;nken.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/19-Mobile-Editor_seiten-verwalten.png\/public\" alt=\"19-Mobile-Editor_seiten-verwalten\" class=\"wp-image-4466\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/19-Mobile-Editor_seiten-verwalten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/19-Mobile-Editor_seiten-verwalten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/19-Mobile-Editor_seiten-verwalten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-6-verfassen-und-optimieren-sie-website-inhalte-mit-dem-ki-writer\"><strong>6. Verfassen und Optimieren Sie Website-Inhalte mit dem KI Writer<\/strong><\/h3><p>Das Erstellen und Optimieren von Inhalten ist ein zentraler Bestandteil jeder Website. Hostingers KI Writer hilft Ihnen dabei, SEO-freundlichen Inhalt zu erstellen, der in Suchmaschinen gut abschneidet.<\/p><p>Nutzen Sie den KI Writer, um SEO-freundlichen Inhalt mit minimalem Aufwand zu generieren. F&uuml;gen Sie auf der Bearbeitungsoberfl&auml;che des mobilen Erstellers ein Textfeld-Element hinzu oder w&auml;hlen Sie ein vorhandenes aus.<\/p><p>Dann tippen Sie auf das KI-Symbol, beschreiben Sie Ihren Inhalt und generieren Sie den Text. Beachten Sie, dass Ihre Beschreibung mindestens 10 Zeichen lang sein muss, aber seien Sie so detailliert wie m&ouml;glich, um die besten Ergebnisse zu erzielen.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/20-Mobile-Editor_ki-writer.png\/public\" alt=\"20-Mobile-Editor_ki-writer\" class=\"wp-image-4467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/20-Mobile-Editor_ki-writer.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/20-Mobile-Editor_ki-writer.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/20-Mobile-Editor_ki-writer.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-7-fugen-sie-einen-blog-hinzu\"><strong>7. F&uuml;gen Sie einen Blog hinzu<\/strong><\/h3><p>Ein Blog f&uuml;r Ihre Website zu erstellen, hilft dabei, das Content-Marketing und die Markenbildung zu verbessern. Mit dem mobilen Editor von Hostinger ist es einfach, von Ihrem Handy aus einen Blog zu Ihrer Website hinzuzuf&uuml;gen:<\/p><ol class=\"wp-block-list\">\n<li>&Ouml;ffnen Sie das Hauptbearbeitungsmen&uuml;, indem Sie auf das Symbol in der unteren rechten Ecke tippen. W&auml;hlen Sie dann <strong>Blog<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/21-Mobile-Editor_blog-hinzuf%C3%BCgen.png\/public\" alt=\"21-Mobile-Editor_blog-hinzuf&uuml;gen\" class=\"wp-image-4468\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Tippen Sie auf <strong>Blog starten<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/22-Mobile-Editor_blog-starten.png\/public\" alt=\"22-Mobile-Editor_blog-starten\" class=\"wp-image-4469\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/22-Mobile-Editor_blog-starten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/22-Mobile-Editor_blog-starten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/22-Mobile-Editor_blog-starten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Der Baukasten wird ein paar leere Blogbeitr&auml;ge im <strong>Blog<\/strong>-Editor erstellen. Jeder Blogbeitrag fungiert als neue Seite auf Ihrer Website, sodass Sie diese wie jede andere Seite bearbeiten k&ouml;nnen.<\/li>\n\n\n\n<li>Klicken Sie auf die drei Punkte, um die Beitrags-Einstellungen zu verwalten und einen Blog-Beitrag zu bearbeiten, zu duplizieren, zu l&ouml;schen oder die Ver&ouml;ffentlichung aufzuheben.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/23-Mobile-Editor_blog-bearbeiten.png\/public\" alt=\"23-Mobile-Editor_blog-bearbeiten\" class=\"wp-image-4470\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/23-Mobile-Editor_blog-bearbeiten.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/23-Mobile-Editor_blog-bearbeiten.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/23-Mobile-Editor_blog-bearbeiten.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-8-veroffentlichen-sie-ihre-seite\"><strong>8. Ver&ouml;ffentlichen Sie Ihre Seite<\/strong><\/h3><p>Sobald Sie mit dem Bearbeiten fertig sind, ist es Zeit, Ihre Website zu ver&ouml;ffentlichen. Verwenden Sie die Vorschaufunktion, um das Aussehen Ihrer Website zu &uuml;berpr&uuml;fen, bevor Sie diese ver&ouml;ffentlichen. Tippen Sie einfach auf das kreisf&ouml;rmige Augensymbol in der oberen Men&uuml;leiste.<\/p><p>Wenn Sie mit den Ergebnissen zufrieden sind, klicken Sie auf die Schaltfl&auml;che <strong>Ver&ouml;ffentlichen<\/strong> in der oberen rechten Ecke.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/08\/24-Mobile-Editor_seite-ver%C3%B6ffentlichen-1.png\/public\" alt=\"\" class=\"wp-image-4473\"><\/figure><\/div><p>Sie k&ouml;nnen Ihre Website mit einer vorl&auml;ufigen Domain ver&ouml;ffentlichen oder eine benutzerdefinierte Domain f&uuml;r ein professionelles Ergebnis verbinden.<\/p><p>Wenn Sie &Auml;nderungen an Ihrer Website vornehmen m&uuml;ssen, auch nachdem sie bereits online ist, &ouml;ffnen Sie einfach den Editor und passen Sie die Seite an. Wenn Sie mit den Aktualisierungen fertig sind, tippen Sie in der oberen rechten Ecke auf <strong>Aktualisieren<\/strong>, um die &Auml;nderungen live zu schalten.<\/p><p>Beachten Sie, dass w&auml;hrend Sie Ihre Website bearbeiten, alle &Auml;nderungen automatisch gespeichert werden.<\/p><h2 class=\"wp-block-heading\" id=\"h-tipps-fur-mobiles-webdesign-fur-eine-erfolgreiche-mobile-website\"><strong>Tipps f&uuml;r mobiles Webdesign f&uuml;r eine erfolgreiche mobile Website<\/strong><\/h2><p>Die Erstellung einer erfolgreichen mobilen Website beinhaltet mehr als nur das Hinzuf&uuml;gen von Elementen und das Ver&ouml;ffentlichen Ihrer Website. Ein gutes mobilfreundliches Website-Design ist in erster Linie nutzerorientiert.<\/p><p>Befolgen Sie diese besten Praktiken f&uuml;r Webdesign, um sicherzustellen, dass Ihre Seite sowohl benutzer- als auch mobilfreundlich ist:<\/p><p><strong>Priorisieren Sie die Benutzeroberfl&auml;che und Benutzererfahrung (UI\/UX) der mobilen Website<\/strong><\/p><p>Ein mobil-optimiertes Design stellt sicher, dass Ihre Website auf allen Ger&auml;ten gut aussieht und gut funktioniert. Dies ist besonders wichtig angesichts der steigenden Anzahl von <a href=\"https:\/\/www.statista.com\/topics\/779\/mobile-internet\/\" target=\"_blank\" rel=\"noopener\"><strong>mobilen Internetnutzern<\/strong><\/a>, die das Web auf ihren mobilen Ger&auml;ten durchsuchen.<\/p><p><strong>Optimieren Sie Bilder und Medien<\/strong><\/p><p>Gro&szlig;e Bilder und Mediendateien k&ouml;nnen Ihre Webseite verlangsamen, was zu einer schlechten Benutzererfahrung f&uuml;hrt. Komprimieren Sie Ihre Bilder und Videos, um die Ladezeiten zu verbessern. Eine schnellere Geschwindigkeit der Website kann die Surfzeiten der Benutzer erh&ouml;hen und positiv zum Suchmaschinen-Ranking beitragen.<\/p><p><strong>Verwenden Sie lesbare Schriftarten und angemessene Schriftgr&ouml;&szlig;en.<\/strong><\/p><p>Lesbarkeit ist von gr&ouml;&szlig;ter Bedeutung, wenn es um die Optimierung von mobilen Websites geht. W&auml;hlen Sie lesbare Schriftarten f&uuml;r kleinere Bildschirme und verwenden Sie eine Schriftgr&ouml;&szlig;e, bei der die Nutzer nicht zoomen m&uuml;ssen. Dies f&uuml;hrt zu einer reibungslosen Navigationserfahrung auf Mobilger&auml;ten.<\/p><p><strong>Erstellen Sie pr&auml;gnante Navigationsmen&uuml;s<\/strong><\/p><p>Einfachheit ist der Schl&uuml;ssel beim Design von mobilen Websites. Dies gilt insbesondere bei der Gestaltung von Navigationsmen&uuml;s. Verwenden Sie klare und eindeutige Bezeichnungen f&uuml;r jedes Men&uuml;element, da ein &uuml;berladenes Men&uuml; die Benutzer &uuml;berfordern kann. Erw&auml;gen Sie die Implementierung eines Hamburger-Men&uuml;-Formats f&uuml;r die mobile Navigation, um wertvollen Bildschirmplatz zu sparen.<\/p><p><strong>Designen Sie f&uuml;r Touchscreens<\/strong><\/p><p>Die interaktiven Elemente auf Ihrer Website, wie zum Beispiel Schaltfl&auml;chen und Links, sollten mit Blick auf Touchscreens gestaltet werden. Sie sollten leicht anzutippen sein und nicht zu eng beieinander platziert werden, um unbeabsichtigte Klicks zu vermeiden. Dieser Designansatz garantiert ein reibungsloses Erlebnis f&uuml;r Benutzer, die Ihre Website auf Touchscreen-Ger&auml;ten navigieren.<\/p><p><strong>Optimieren Sie f&uuml;r den Portr&auml;tmodus<\/strong><\/p><p>Die meisten Benutzer halten ihre Handys vertikal, daher ist es unerl&auml;sslich, Ihre Website f&uuml;r das Hochformat zu optimieren. Stellen Sie sicher, dass das Layout und der Inhalt Ihrer Website gut auf diese Ausrichtung abgestimmt sind. Dies f&uuml;hrt zu einer komfortablen und intuitiven Surferfahrung, die sich an die nat&uuml;rliche Handhabung der Ger&auml;te durch die Benutzer anpasst.<\/p><p><strong>Minimieren Sie intrusive Pop-Ups<\/strong><\/p><p>Auf kleineren Bildschirmen k&ouml;nnen Pop-ups das Benutzererlebnis st&ouml;ren. Vermeiden Sie solche Elemente, um ein nahtloses Surferlebnis auf Ihrer Website zu gew&auml;hrleisten. Indem Sie Unterbrechungen reduzieren, k&ouml;nnen Sie die Nutzerbindung verl&auml;ngern und die Absprungrate verringern, wodurch Besucher l&auml;nger auf Ihrer Website bleiben.<\/p><p><strong>Aktualisieren und pflegen Sie regelm&auml;&szlig;ig<\/strong><\/p><p>Halten Sie Ihre Website frisch, indem Sie sie auf defekte Links, veraltete Inhalte und Kompatibilit&auml;tsprobleme &uuml;berpr&uuml;fen. Eine Webseite, die st&auml;ndig aktualisiert und gut gepflegt wird, tr&auml;gt nicht nur zu einer positiven Benutzererfahrung bei, sondern st&auml;rkt auch ein g&uuml;nstiges Markenimage.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Empfohlene Lekt&uuml;re<\/h4>\n                    <p><a href=\"\/de\/tutorials\/wie-erstellt-man-eine-website\/%0A\">Wie man eine Website von Grund auf erstellt: Ein Anf&auml;ngerleitfaden<\/a><a href=\"\/de\/tutorials\/website-mit-ki-designen\/\">Website mit KI designen<\/a><a href=\"\/de\/tutorials\/bester-ki-website-builder\/\">Bester KI Website-Builder<\/a>.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-fazit\"><strong>Fazit<\/strong><\/h2><p>Eine Website mit dem mobilen Editor des Hostinger Website-Baukasten zu erstellen, ist unkompliziert und effizient. Mit benutzerfreundlichen Funktionen wie browserbasiertem Bearbeiten und KI-gesteuerten Tools ist er eine Top-Wahl f&uuml;r jeden, der eine Website unterwegs erstellen m&ouml;chte.<\/p><p>Denken Sie daran, dass eine gut gestaltete mobile Website nicht nur &auml;sthetisch ansprechend ist &ndash; es geht darum, den Besuchern der Website ein reibungsloses Benutzererlebnis zu bieten.<\/p><p>Bleiben Sie &uuml;ber die neuesten Trends im Bereich des responsiven Website-Designs informiert, aktualisieren Sie Ihre Website regelm&auml;&szlig;ig und stellen Sie sicher, dass sie auf Touchscreens leicht zu navigieren ist, um die besten Ergebnisse zu erzielen.<\/p><h2 class=\"wp-block-heading\" id=\"h-wie-man-eine-website-mit-einem-handy-erstellt-faq\"><strong>Wie man eine Website mit einem Handy erstellt &ndash; FAQ<\/strong><\/h2><p>Finden Sie Antworten auf einige der h&auml;ufigsten Fragen zur Erstellung von Websites auf Ihrem Handy.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69440581d0161\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Kann ich den mobilen Editor von Hostinger auf meinem Tablet verwenden?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ja, der Hostinger Website-Baukasten ist vollst&auml;ndig f&uuml;r die Nutzung auf Tablets optimiert. Mit unserem Website-Ersteller k&ouml;nnen Sie SEO-freundliche mobile Websites von jedem mobilen Ger&auml;t aus erstellen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69440581d0165\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie benutze ich den mobilen Editor von Hostinger auf meinem Mobilger&auml;t?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Melden Sie sich bei hPanel an, w&auml;hlen Sie die Website aus, die Sie bearbeiten m&ouml;chten, oder w&auml;hlen Sie, eine neue mit dem Hostinger Website-Baukasten zu erstellen. Sie k&ouml;nnen Ihre Website direkt vom Browser auf verschiedenen mobilen Ger&auml;ten bearbeiten.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69440581d0166\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Ben&ouml;tige ich Webdesign-Erfahrung, um den mobilen Editor zu verwenden?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Der Hostinger Website-Baukasten f&uuml;r Handys ist f&uuml;r Nutzer aller F&auml;higkeitsstufen konzipiert. Die Drag-and-Drop-Oberfl&auml;che macht das Erstellen einer professionellen Website ohne vorherige Design-Erfahrung einfach. Sie ben&ouml;tigen nur Ihr Mobilger&auml;t und einen Webhosting-Plan, um zu beginnen.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69440581d0167\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Ist der mobile Editor von Hostinger kostenlos zu nutzen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Der mobile Editor ist f&uuml;r alle Hostinger-Benutzer kostenlos, unabh&auml;ngig von Ihrem <a href=\"https:\/\/blog.hostinger.io\/de-tutorials\/wie-wahlt-man-einen-webhosting-plan\" target=\"_blank\" rel=\"noopener\"><strong>gew&auml;hlten Hosting-Plan<\/strong><\/a>.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69440581d0168\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Kann ich Bilder und Medien direkt von meinem Handy hochladen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ja, Sie k&ouml;nnen Bilder und Medien direkt von Ihrem Handy auf Ihre Seite hochladen. Dies vereinfacht den Prozess, Ihrer Website visuelle Elemente hinzuzuf&uuml;gen, da Sie nicht auf einen Desktop-Computer oder Drittanbieter-Tools angewiesen sein m&uuml;ssen.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-\"><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie lernen m&ouml;chten, wie Sie eine Website mit Ihrem Smartphone erstellen, ist der mobile Editor von Hostinger genau das, was Sie brauchen. Dieser browserbasierte Website-Editor vereinfacht den Webentwicklungsprozess und erm&ouml;glicht es Ihnen, responsive Websites direkt von Ihrem Mobilger&auml;t aus zu erstellen. Dieser Artikel erkl&auml;rt, was ein mobiler Editor ist und wie man ihn effektiv [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/wie-erstellt-man-eine-website-mit-dem-handy\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":392,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Wie erstellt man eine Website mit dem Handy?","rank_math_description":"Dieser Artikel erkl\u00e4rt, was ein mobiler Editor ist und wie Sie ihn effektiv nutzen, damit Sie ganz einfach eine Website mit Ihrem Handy erstellen k\u00f6nnen.","rank_math_focus_keyword":"Wie erstellt man eine Website mit dem Handy","footnotes":""},"categories":[1],"tags":[],"class_list":["post-4445","post","type-post","status-publish","format-standard","hentry","category-website-erstellung"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-um-site-no-celular","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-un-site-web-avec-votre-telephone","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-website-di-hp","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wie-erstellt-man-eine-website-mit-dem-handy","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/come-creare-un-sito-web-con-il-tuo-telefono","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-um-site-no-celular","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-website-with-your-phone","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/4445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/392"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=4445"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/4445\/revisions"}],"predecessor-version":[{"id":7709,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/4445\/revisions\/7709"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=4445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=4445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=4445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}