{"id":913,"date":"2015-12-09T19:31:13","date_gmt":"2015-12-09T17:31:13","guid":{"rendered":"http:\/\/ulibauer.de\/blog\/?p=913"},"modified":"2015-12-09T19:31:13","modified_gmt":"2015-12-09T17:31:13","slug":"website-baukasten-zeta-producer","status":"publish","type":"post","link":"https:\/\/blog.ulibauer.de\/?p=913","title":{"rendered":"Website-Baukasten Zeta Producer"},"content":{"rendered":"<p>Bei mir stand die \u00dcberarbeitung meiner Homepage an &#8211; sie sollte mit &#8222;responsive design&#8220; f\u00fcr Smartphones und Tablets\u00a0fit gemacht werden. Bislang hatte ich mich mit einer Zweiteilung beholfen: \u00a0Die vollst\u00e4ndige Site in einem \u00e4lteren nicht-responsive Design und eine Teilmenge davon in einem responsive design unter der Adresse m.xxx. Zwar kann ich ein bisschen HTML, doch ein manueller Umbau der ganzen Homepage im Hinblick auf responsive design h\u00e4tte mich \u00fcberfordert.<\/p>\n<p><!--more--><\/p>\n<p>Also machte ich mich auf die Suche nach einer &#8222;einfachen L\u00f6sung&#8220;. Da ich WordPress bereits f\u00fcr dieses Blog einsetze, \u00fcberlegte ich kurz, die Homepage auf WordPress umzustellen. Mit Hilfe der &#8222;Multisite-Funktion&#8220; kann man eine einzige WordPress-Installation offenbar dazu bewegen, mehrere URLs zu bedienen &#8211; in meinem Fall also Blog und Homepage. Da die Einrichtung aber nicht ganz trivial ist und ich nicht sicher war, ob dies bei meinem Provider funktionieren w\u00fcrde, lie\u00df ich das bleiben.<\/p>\n<p>Durch Zufall stie\u00df ich auf den Website-Baukasten <a href=\"http:\/\/www.zeta-producer.com\/de\/index.html\" target=\"_blank\">Zeta Producer<\/a>, der in der Home-Version f\u00fcr private Homepages kostenlos ist und eine Reihe von ebenfalls kostenlosen Layouts f\u00fcr responsive design mitbringt. Allerdings gibt es Zeta-\u00a0Producer nur f\u00fcr Windows; ich musste daf\u00fcr meinen einzigen verbleibenden Windows-Rechner anschmei\u00dfen&#8230;<\/p>\n<h2>Layout und Struktur<\/h2>\n<p>Eine &#8211; auch umfangreiche &#8211; Homepage ist mit Zeta Producer rasch erstellt:<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_design_ausw.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-916\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_design_ausw-300x169.jpg\" alt=\"zp_design_ausw\" width=\"300\" height=\"169\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_design_ausw-300x169.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_design_ausw.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>Auf &#8222;Neue Website&#8220; Klicken,<\/li>\n<li>ein Design ausw\u00e4hlen (responsive oder nicht, \u00a0Navigation links oder oben usw.),<\/li>\n<li>&#8222;Wollen sie Beispielinhalte einf\u00fcgen?&#8220; i.d.R. \u00fcberspringen,<\/li>\n<li>einen Titel f\u00fcr die Website eingeben und<\/li>\n<li>auf &#8222;Website erstellen&#8220; klicken.<\/li>\n<\/ul>\n<p>Zeta Producer pr\u00e4sentiert jetzt die Grundstruktur der Website. Links werden die Seiten &#8211; am Anfang nur Startseite, Kontakt und Impressum &#8211; aufgef\u00fchrt, rechts die zu bearbeitende Startseite.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_start_bearbeitung.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-917\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_start_bearbeitung-300x169.jpg\" alt=\"zp_start_bearbeitung\" width=\"300\" height=\"169\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_start_bearbeitung-300x169.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_start_bearbeitung.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Zun\u00e4chst sollte man links mit einem Rechtsklick auf &#8222;Starteite&#8220; neue Seiten anlegen, am besten gleich alle Seiten f\u00fcr die Homepage.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_neueseite.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-918\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_neueseite-300x240.jpg\" alt=\"zp_neueseite\" width=\"300\" height=\"240\" \/><\/a><\/p>\n<p>Es ist m\u00f6glich, Haupt- und Unterseiten anzulegen; sie k\u00f6nnen sp\u00e4ter mit der Maus neu sortiert werden.<\/p>\n<p>Sobald so die Struktur der Homepage steht, k\u00f6nnen die einzelnen Seiten bearbeitet werden. In meinem Fall habe ich alle Seiten der vorhandenen Homepage per copy&amp;paste r\u00fcber geholt (Texte, Bilder). Zeta Producer bietet auch eine automatische Importfunktion f\u00fcr bestehende Homepages an. Das wollte ich ausprobieren, es hat bei mir allerdings nicht funktioniert. Ich denke, dass es ohnehin besser ist, das selber zu erledigen.<\/p>\n<h2>Seiten bearbeiten<\/h2>\n<p>Eine Seite ist in Bl\u00f6cke gegliedert. Das sind Felder, in die nach einem Klick auf das Stift-Symbol Texte und Bilder importiert werden k\u00f6nnen (oder darin erstellt werden).<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_bearbeiten.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-920\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_bearbeiten-300x181.jpg\" alt=\"zp_bearbeiten\" width=\"300\" height=\"181\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_bearbeiten-300x181.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_bearbeiten.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Klickt man auf das Plus-Symbol neben oder oberhalb\/unterhalb eines Blocks, wird entweder ein neuer Block oder ein Widget wie beispielsweise ein Bilderalbum, ein G\u00e4stebuch, ein Kalender oder ein iFrame eingef\u00fcgt.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_widget.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-921\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_widget-300x171.jpg\" alt=\"zp_widget\" width=\"300\" height=\"171\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_widget-300x171.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_widget.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Auf diese Weise erfolgt die Gestaltung der einzelnen Seiten recht \u00fcbersichtlich und unkompliziert. Wenn es sein muss, kann man in den einzelnen Bl\u00f6cken auch den HTML-Quelltext direkt bearbeiten. F\u00fcr alles, was dar\u00fcber hinaus geht, braucht es einen externen HTML-Editor.<\/p>\n<h2>Optionen<\/h2>\n<p>Zeta Producer bietet eine ganze Reihe von Stellschrauben, um das Aussehen und Verhalten der Homepage zu beeinflussen.<\/p>\n<p>Im Layout-Designer k\u00f6nnen global Hintergr\u00fcnde, Schriftfarben und -gr\u00f6\u00dfen, Abst\u00e4nde, Kopfgrafik\/Logo und viele weitere Faktoren beeinflusst werden.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_layoutdesigner.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-924\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_layoutdesigner-278x300.jpg\" alt=\"zp_layoutdesigner\" width=\"278\" height=\"300\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_layoutdesigner-278x300.jpg 278w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_layoutdesigner.jpg 836w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a><\/p>\n<p>In &#8222;Einstellungen&#8220; wird u.a. festgelegt, welche Standardelemente der Homepage (Logo, Name, Suchfeld usw.) angezeigt werden.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_einstell.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-925\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_einstell-300x251.jpg\" alt=\"zp_einstell\" width=\"300\" height=\"251\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_einstell-300x251.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_einstell.jpg 889w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Es gibt noch zahlreiche weitere Optionen, die allerdings nur ziemlich \u00fcbers Programm verstreut zu finden sind.<\/p>\n<h2>Ver\u00f6ffentlichen<\/h2>\n<p>Bevor es ans Ver\u00f6ffentlichen geht, sollte die fertige Website gepr\u00fcft werden. Dazu kann die im Zeta Producer vorhandene Vorschau dienen, welche den Standard-Browser aufruft und die Seiten anzeigt. In meinem Fall habe ich die Homepage per FTP auf einen im lokalen Netz vorhandenen Server \u00fcbertragen und \u00a0mit Desktop- und Smartphone-Browser auf die Seiten zugegriffen, um sie auf Fehler zu untersuchen und zu beurteilen.<\/p>\n<p>Um die Website zu \u00fcbertragen reicht es, den Inhalt des entsprechenden Ordners an den Server zu senden, also z.B. Dokumente &#8211; Zeta Producer 12.5 &#8211; Projects &#8211; &lt;Projektname&gt; &#8211; output. Es ist zwar nicht das empfohlene Verfahren, aber es ist ausreichend, einfach alle Inhalte des Unterordners &#8222;output&#8220; (inklusive der Unterordner) mit einem FTP-Programm wie Filezilla auf den Server zu kopieren.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_output1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-928\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_output1-300x181.jpg\" alt=\"zp_output\" width=\"300\" height=\"181\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_output1-300x181.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_output1.jpg 806w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Dabei ist unbedingt zu beachten, dass die Dateien im Output-Ordner erst dann aktualisiert werden, wenn vorher jede Seite einzeln mit der Vorschau-Funktion betrachtet oder die Funktion &#8222;Erweitert &#8211;&gt; Erstellen &#8211;&gt; Alle Seiten erstellen bzw. Website erstellen&#8220; ausgew\u00e4hlt wurde. Bis ich das begriffen hatte, habe ich mich ziemlich lange gewundert, warum die Seiten im Browser einfach nicht aktualisieren wollten&#8230;<\/p>\n<p>Die empfohlene Vorgehensweise beim Ver\u00f6ffentlichen einer Website sieht so aus:\u00a0\u00a0&#8222;Ver\u00f6ffentlichen &#8211;&gt; Ftp-Server konfigurieren&#8220;, die notwendigen Daten (URL beim Provider, Benutzername\/Kennwort usw.) eintragen und dann alles \u00fcbertragen.<\/p>\n<p><a href=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_ftp.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-931\" src=\"http:\/\/ulibauer.de\/blog\/wp-content\/uploads\/2015\/12\/zp_ftp-300x283.jpg\" alt=\"zp_ftp\" width=\"300\" height=\"283\" srcset=\"https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_ftp-300x283.jpg 300w, https:\/\/blog.ulibauer.de\/wp-content\/uploads\/2015\/12\/zp_ftp.jpg 641w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Erfahrungen<\/h2>\n<p>Zeta Producer ist eine unkomplizierte und einfach zu bedienende L\u00f6sung, um auch komplexere Websites zu erstellen. Gegen\u00fcber ausgewachsenen CMS-Systemen wie WordPress, Joomla u.a. hat es den Vorteil, keine Datenbank zu ben\u00f6tigen. Allerdings m\u00fcssen die Seiten offline erstellt und dann hochgeladen werden; online k\u00f6nnen die Seiten mit Zeta Producer nicht editiert werden. Auch fehlt eine Benutzerverwaltung. Es kommt drauf an, ob man das braucht.<\/p>\n<p>F\u00fcr die Bed\u00fcrfnisse viele Anwender wird Zeta Producer voll ausreichen und sie werden damit rasch zu einem brauchbaren und ansehnlichen Ergebnis kommen. Wer die volle Kontrolle \u00fcber jeden einzelnen Aspekt seiner Homepage will, ist bei Zeta Producer vermutlich falsch.<\/p>\n<p>Ich habe nicht allzu lange gebraucht, mich in Zeta Producer einzuarbeiten. Die Grundfunktionen sind eing\u00e4ngig und \u00fcbersichtlich. Mit den zahlreichen Optionen sieht es etwas anders aus &#8211; sie sind nicht immer logisch verteilt und\/oder leicht zu finden. Ein, zwei Mal blieb das Programm beim Kopieren gr\u00f6\u00dferer Mengen Text h\u00e4ngen und musste mit dem Taskmanager gekillt und neu gestartet werden.<\/p>\n<p>Leider ist die eigentlich recht gute Dokumentation nicht immer auf dem neusten Stand. Hilfe gibt es auch im Forum, wo Anfragen ziemlich prompt beantwortet werden.<\/p>\n<p>Ich denke, dass Zeta Producer gut f\u00fcr Anwender geeignet ist, welche eine leicht handhabbare und kostenlose L\u00f6sung auch f\u00fcr umfangreiche und komplexe Homepages suchen und mit &#8222;Standardl\u00f6sungen&#8220; hinsichtlich des Layouts ihrer Homepage gut leben k\u00f6nnen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bei mir stand die \u00dcberarbeitung meiner Homepage an &#8211; sie sollte mit &#8222;responsive design&#8220; f\u00fcr Smartphones und Tablets\u00a0fit gemacht werden. Bislang hatte ich mich mit einer Zweiteilung beholfen: \u00a0Die vollst\u00e4ndige Site in einem \u00e4lteren nicht-responsive Design und eine Teilmenge davon &hellip; <a href=\"https:\/\/blog.ulibauer.de\/?p=913\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-913","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/posts\/913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=913"}],"version-history":[{"count":19,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/posts\/913\/revisions"}],"predecessor-version":[{"id":942,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=\/wp\/v2\/posts\/913\/revisions\/942"}],"wp:attachment":[{"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ulibauer.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}