Responsive Layouts / OnePage-Layouts

Hallo joekuele,

ich schreib jetzt einfach mal drauf los

-Die "nicht-responsive" Layouts, haben schon noch ihre berechtigung.
Größtenteils auch noch, wegen den langjährigen Nutzer/Kunden vom ZP und den Layouts.
Also das ist schon ok so.

-Mittlerweile gibt es schon ein paar "Alte" Layouts in einer zusätzlichen "Responsive" Variante.
Einen Überblick dazu, bekommst du hier: http://www.zeta-producer.com/de/layouts.html

-Zukünftige neue Layouts, werden nur noch als Responsive Layouts kommen.

-One-Page Webseite, kannst du zum teil auch jetzt schon mit dem ZP erstellen, mit z.B. (u.a.) dem Layout Poster Responsive.
Einfach mal damit beschäftigen und spielen, und bei Fragen dazu, einfach hier reinschreiben..

Lieber Jochen
Auch ich würde gerne eine One-Page-Webseite erstellen. Ich beschäftige mich nun schon eine ganze Weile mit dem Poster Responsive, habe bis jetzt aber noch keine Möglichkeit gefunden ein Projekt, bestehend aus 5 Seiten, untereinander auf einer einzigen Page darzustellen.
Bitte um Hinweise, in welcher Richtung ich suchen soll.
Gruß
Bernie

Hallo Bernie,

hier mal ein Beispiel einer Webseite die so mit dem ZP erstellt worden ist: http://www.hb4web.ch/

Du musst bei den Menüpunkten in der Seiteneigenschaften unter Name > Umleitung > die "eine Hauptseite" auswählen und dort dann als Linkziel,
den dementsprechenden Artikel auswählen (siehe Bild).

Ein One-Page Webseite besteht (im Normalfall) ja nur aus einer Seite in deinem Projekt.
5 Seiten in einer unterzubringen, ist in diesem Fall der falsche Weg.

Lieber Jochen
Vielen Dank für deine Tipps. So geht es einigermassen.
Etwas unschön ist, dass die Seite beim Klicken auf einen Menüpunkt jeweils zu weit scrollt, so dass der Titel des Artikels durch die Navigation verdeckt wird. Kann ich das irgendwo justieren?

Vielleicht ist meine Logik der falsche Weg. Es wäre aber wünschenswert, wenn ihr ein Layout anbieten könntet, das es erlaubt, 5 Seiten (gerne auch mehr) wie gehabt zu gestalten und dann untereinander darzustellen. So könnte man jedem Abschnitt einen eigenen Hintergrund schenken, wie das bei one-page-Seiten oft gemacht wird.

Ist ein Layout, das in diese Richtung geht, geplant?

Gruß Bernie

Hallo Bernie,

wie man das besser "justieren" kann, weiß ich gerade auch nicht.
Vielleicht hat da jemand anders einen Tipp dazu?

Hallo lmebe1,

welches Layout verwenden Sie in dem Projekt in dem Sie das "zu weit scrollen" beobachten und haben Sie dort die Menüleiste fixiert (nicht scrollend) eingestellt?

Das sollte eigentlich mit jedem Layout funktionieren.
HIER ein Beispiel mit Contemporary Responsive.

Ich bin genau so vorgegangen wie von Jochen beschrieben.
Am Ende der Seite habe ich dann noch unten stehendes Script per Widget > Quelltext eingefügt.
Somit scrollt das ganze und mit dem Wert "top - 140;" in Zeile 10 könnt ihr den Abstand von oben angeben.

<script>
// Smooth Scroll to Top
$(document).ready(function() {
    $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top - 140;
                $('html,body').animate({scrollTop: targetOffset}, 500);
                return false;
            }
        }
    });
});
</script>

Zitat von Jochen

Hallo Bernie,

hier mal ein Beispiel einer Webseite die so mit dem ZP erstellt worden ist: http://www.hb4web.ch/

Du musst bei den Menüpunkten in der Seiteneigenschaften unter Name > Umleitung > die "eine Hauptseite" auswählen und dort dann als Linkziel,
den dementsprechenden Artikel auswählen (siehe Bild).

Ein One-Page Webseite besteht (im Normalfall) ja nur aus einer Seite in deinem Projekt.
5 Seiten in einer unterzubringen, ist in diesem Fall der falsche Weg.

Hallo Jochen,

genau so dachte ich auch bei einem meiner Projekte. Das Problem war/ist bei mir nur das da noch Artikel gelistet sind, die schon seit tausenden von Jahren nicht mehr in dem Projekt sind. Da bin ich dann gescheitert und habe auch keine Ahnung, wie man das bereinigt. Idee dazu?

Gawainos: Sorry, aber das kann ich eben hier bei mir nicht nachvollziehen.
Wenn ich einen Artikel aus dem Projekt lösche, taucht danach dieser dann auch nicht mehr zum Auswählen auf.
Keine Ahnung, was das bei dir sein könnte
Evtl. noch nicht die 12.5.6 installiert?

Hmm ich eben auch nicht.
hier mal n Beispiel. Habe gestern ein Projekt begonnen. Hat ertstmal nur eine Site. Startseite. In der Site sind derzeit 11 Artikel. Inkl. Scriptewidgets.
Die Auswahl der Verlinkung listet mir jedoch 15 Artikel. Wobei "Herzlich willkommen" an 11 Stelle steht obwohl der Artikel bei mir an 2. Position steht.
Auch der "cftur" ist gelistet obwohl der nur mal kurz als Platzhalter im Projekt war und faktisch gleich wieder von mir gelöscht wurde...

Hallo Gawainos,
Die Artikel werden wohl nach dem Zeitpunkt des erstellens gelistet und nicht nach der Reihenfolge auf der Seite.

Du kannst folgendermaßen vorgehen um Artikel eindeutig zu erkennen. Gib dem Artikel eine eindeutige Überschrift, diese Überschrift wird dann auch in der Artikelliste übernommen. Wenn du diesen verlinkt hast kannst du die Überschrift wieder löschen. Die Verlinkung bleibt dann bestehen.

Mario....einfach nur logisch, was du da sagst. Hätt ich selber, wenn man nur den kopf benutzen, ach wat, immer alles kompliziert... Danke.