Mobile Ansicht unterschiedlich (Handy / Erstellung)

Allgemeine Fragen
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Hallo Gemeinde, Hallo Tommy,
nach langer Zeit beschäftige ich mich nun doch um den Umstieg von NOF auf mobirise (5.3.0).
Nun habe ich ein direkt Problem mit der mobilen Darstellung (Handy).
Zur Zeit benutze ich nur einen Header und Newsblocks. Über die Newsblocks sollen später auf Infoseiten verlinkt werden.
Im ersten Moment sieht am Handy alles gut aus - wenn auch zu klein, da die Blogspalten nicht untereinander angezeigt werden, sondern paarweise nebeneinander.
Klicke ich einmal auf den unveränderten Button "Read More", wird die Startseite neu aufgerufen und es wird angezeigt wie ich es gerne direkt von Anfang an hätte, nämlich jede Böog-Spalte untereinander.
Genau so verhält es sich mit einem Unterlink, bei uns sollen dann Informationen z.B. zu einem Trainer aufgerufen werden.
Klicke ich auf den Link wenn ich das erste mal die Seite besuche wird die weitergehende Seite angezeigt wie im Browser: Links das Bild des Trainers, rechts daneben in ganz klein die Infos.
Klicke ich aber vorher auf "ReadMore" auf einen der Blogeinträge so das diese korrekt dargestellt werden, dann wird auch der weitergehende Link zum Trainer korrekt auf der Folgeseite dargestellt.
Kann man da was ändern?
Ich würde gerne einen Link zu der Seite hier bekanntgeben, aber für interne Zwecke habe ich kopierte Bilder aus dem Netz benutzt die ich natürlich nicht veröffentlichen darf. Ich hänge aber ein Bild des benutzten Blogs an und wie sich die Trainerseite verhält, einmal direkt auf den Link gedrückt und einmal nach dem Klick auf "ReadMore".
Das benutzte Bild ist aus dem eigenen Archiv.
Vielen Dank für eure Unterstützung!
Dateianhänge
Vor readmore
Vor readmore
nach readmore
nach readmore
Benutzter Blog
Benutzter Blog
Blog.JPG (22.38 KiB) 2510 mal betrachtet
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Moin,

willkommen zurück im Forum :hallo:

Du - ohne einen Link zu Deiner Seite (egal wie unfertig diese ist), kann man immer nur raten und nicht wirklich helfen.

Auf den ersten (und zweiten) Blick würde ich mal annehmen, dass da jede Menge CSS fehlt.

Sieht denn, nach der lokalen Publizierung auf den PC, erst einmal alles richtig aus? Kontrolliere das auch, indem Du das Browser-Fenster am PC auf die geringste Breite zusammen schiebst.

Mobirise hat leider die Macke manche Verzeichnisse nicht gleich am Server anlegen zu können.

Publiziere also lokal und kopiere dann das gesamte Verzeichnis "assets" mit "FileZilla" auf den Server (überschreibe dabei ruhig eventuell bereits vorhandene Dateien). Anschließend kannst Du dann immer wieder auch mittels Mobirise auf den Server publizieren (hattest Du denn dabei keine Fehlermeldung erhalten wie "No such file").

Achte dann natürlich auch darauf den Cache vom Handy-Browser zu löschen, damit dann auch die aktuell publizierte CSS gelesen werden kann.
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Hallo Tommy, danke erst mal für die Antwort und fürs Willkommen :)
Habe die Bilder ausgetauscht mit der Online-Bildersammlung, somit darf ich die auch so mal veröffentlichen hier.
Seite direkt Puliziert: http://www.tanzen-in-kreuztal.de/ktctest
Seite Lokal publiziert und manuell kopiert: http://www.tanzen-in-kreuztal.de/ktctest2
Lokal Publiziert finde ich keinen Fehler, da es ja um die mobile Ansicht geht. Auch eine Breitenänderung sieht immer gut aus.

Aber jetzt kommt die komplette Verwirrung :( :
Auf meinem Handy (Xiaomi Mi9t pro) ist bei beiden Versionen das Verhalten zu sehen, wenn ich die per WhattsAPP geteilten Links am Handy anklicke.
Gebe ich aber im vorher geschlossenen Browser die beiden Links per Hand ein, schein das Verhalten nur bei der direkt publizierten Version aufzutreten...
Auf dem Handy meiner Frau (Samsung S9) ist es genau umgekehrt...

Was auch auffällt: Wenn die Seite "richtig" geladen wird ist auch der obere Teil, also der Header, etwas größer dargestellt - ich meine die Schrift. Danach folgt jeder einzelne Blogeintrag fein untereinander, so wie es sein soll (wie nach dem Klick auf den Button "ReadMore".
Den Blog habe ich auch schon mal geändert, also z.B. nur 2,3 oder 4 Einträge pro Blogabteil...

Eine Fehlermeldung erhalte ich nicht beim Publizieren. Wie gesagt - es ist ja auch noch nicht viel gemacht worden. Es soll nur ein Beispiel für ein Grundgerüst sein, welches dann weiter ausgearbeitet wird, aber ich scheitere ja schon bei der ersten Seite...
VG
Detlev
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ja - das liegt daran, dass Deine Seiten in einem Iframe angezeigt werden, der nicht responsive ist. Hier der Quelltext - klicke mal am PC selbst mit der rechten Maustaste auf die Seite und wähle im Kontextmenü "Seitenquelltext anzeigen", dann siehst Du das schon am Quelltext, der so aussieht:

Frame.JPG

Wieso das an Deinem Server gerade so ist, weiß ich nicht. Liegt wohl an den Server-Einstellungen. Rufe bei Deinem Provider (Anbieter) an und stelle das ab. Frames sind auch für die SEO (Suchmaschinen-Optimierung) ganz schlecht und werden so am Handy vollkommen falsch angezeigt.

Mit Mobirise hat das nichts zu tun.

Hier die ungeframeten und korrekten Seiten-Adressen - die sollten auch bei Dir richtig am Handy angezeigt werden:

http://www.kreuztalertanzclub-casino.de/ktctest/

http://www.kreuztalertanzclub-casino.de/ktctest2/

Die Buttons auf Deiner Seite sind eben mit der richtigen URL "kreuztalertanzclub-casino.de" verlinkt, daher wird nach einem Klick die Seite auch korrekt und nicht mehr im Frame angezeigt.

Was ist das für eine URL "tanzen-in-kreuztal.de", die die eigentliche und richtige URL im Iframe anzeigt?
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Tach auch,
ach mal wieder Probleme mit dem Provider. Jetzt weiss ich auch wieso manchmal die Umlaute falsch angezeigt werden. Das liegt nicht nur alleine am Zeichensatz UTF8 sondern vermutlich ob mit oder ohne iFrame... Langsam kommt Licht ins Dunkel...
Vielen Vielen Dank fürs nachschauen und erklären!

Die beiden Adressen (es gibt insgesamt 3) liegen alle beim Provider one.com. "kreuztalertanzclub-casino.de" ist die eigentliche Hauptadresse und die zwei anderen wie eben "tanzen-in-kreuztal.de" sind nur Weiterleitungsadressen. Ich schaue mir das heute Abend nach der Schicht mal an ob ich da was einstellen kann, ansonsten nehme ich wirklich wieder mal Kontakt mit dem Provider auf.
Bevor ic hmir nämlich das Komplettpaket von mobirise anschaffe, möchte ich erst mal sehen ob grundsätzliches geht - was ja den Anschein hat.

Ich melde mich dann hier im Thread was daraus geworden ist!

VG
Detlev
Grüssle
Detlev
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Werner-Zenk.de »

dettec61 hat geschrieben: Mi 31. Mär 2021, 12:17 Das liegt nicht nur alleine am Zeichensatz UTF8 sondern vermutlich ob mit oder ohne iFrame... Langsam kommt Licht ins Dunkel...
Das liegt einzig am UTF-8 Zeichensatz, sämtliche Dateien die eingebunden werden, müssen einen eine einheitliche Zeichenkodierung haben. Ob es eine Javascript-Datei, eine CSS-Datei, eine HTML-Datei oder die Verbindung zu einer Datenbank ist, alle müssen "eine Sprache sprechen".
https://werner-zenk.de/tipps/schriftzei ... tellen.php
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Hallo Werner,
ich nutze auf der alten Seite dynpage als CMS für einige Seiten. Ich habe mich immer gewundert weshalb manchmal die Umlaute auf den Seiten mal richtig dargestellt wurden, und manchmal nicht. Ich habe jetzt den Zeichensatz nicht umgestellt, aber das iframe der weitergeleiteten Zeichen ausgeschaltet auf der Hosterseite. Jetzt sind alle Seiten gleich gut/schlecht was die Umlaute betrifft. Es muss also irgendwas damit zu tun haben.

Jedenfalls war der Tip von Tommy goldrichtig, jetzt funktioniert die Darstellung am Handy bei der "neuen" Testseite auch richtig. Zwei Probleme mit einem Schlag gelöst :)


Vielen Dank dafür!!!

MfG
Detlev
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Moin Detlev,

noch ein Tipp:

Du solltest mindestens 1 Feld von Deinem Kontakt-Formular zum Pflichtfeld machen (besser alle 3), denn sonst kann man leere Formulare senden und das verwirrt dann den Empfänger nur.
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Tach Tommy,

ja - das Kontaktformular ist auch halt nur ein Beispiel (nebenbei finde ich keine Möglichkeit um Felder zum Pflichtfeld zu machen). Da sollen auch Anmeldeformulare rein. Es geht erst mal darum ob das grobe Design so allen im Vorstand "passt". Es geht darum die alte Seite kompatibel zur mobilen Ansicht zu machen, was mit NOF halt nicht so einfach gewesen wäre.
Sollte ich die Seite mit mobirise neu aufsetzen, kommen noch einige Hürden auf mich zu. Insbesondere da eigentlichUnterseiten zu den Gruppen / Tänzen von verschiedenen Leuten aus der jeweiligen Gruppe administriert werden sollen, aber auch nur die. Das hatte ich ja unter MOF mit einem CMS gelöst.
Noch keine Ahnung wie das hier wird...
Grüssle
Detlev
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

ja, dazu benötigst Du den "Formular Editor" als Erweiterung von Mobirise. Da kannst Du die Formulare dann beliebig erstellen.

... hatte ich Dir schon geschrieben, dass man alle Erweiterungen im Jahres-Abonnement für ca. EUR 100.00 erwerben kann?

viewtopic.php?f=31&t=176

Ich würde allerdings, gerade bei einem Verein oder einer Firma, nicht die Mobirise-Formulare verwenden, denn diese werden über einen Drittanbieter "Formoid" abgearbeitet und versendet und das verstößt gegen die Deutschen Vorschriften.

Ich habe da ein PHP-Skript, mit dem man diese Formulare dennoch verwenden kann und der Versand über ein eigenes Mail-Skript vom Werner vorgenommen wird:

https://mobirise-tutorials.com/Kontakt-Formular.php

... oder man lässt sich das Formular gleich von Werners "Formular Generator" erstellen:

https://mobirise-tutorials.com/Formular/

Der Einbau ist sehr einfach (auch wenn das generierte Skript zunächst sehr kompliziert aussieht) und ich habe da auch ein Tutorial zu geschrieben.

Natürlich braucht man dazu, wie fast überall, die kostenpflichtige Erweiterung "Code Editor", die ja auch im Gesamt-Paket mit enthalten ist.

Die Unterseiten kannst Du doch in Mobirise ganz genauso einbauen - einfach auf Seite hinzufügen klicken - nur liegen die beim gleichen Projekt dann alle im Stammverzeichnis. Wolltest Du unterschiedliche Verzeichnisse, müsstest Du mehrere Projekte erstellen und in Unterverzeichnisse Deiner Domain publizieren. Die werden dann untereinander verlinkt. Das hat auch Vorteile für die SEO und auch die Projekt-Sicherheit. Außerdem ist es immer gut Projekte möglichst klein zu halten.



Dein CMS von "DynPage" kannst Du ebenso in Mobirise einbauen - ich habe das hier gemacht und das geht ganz genauso wie bei NOF:

https://mobirise-tutorials.com/CMS.php

Da ich das einfach auf mein CMS in meinem NOF-Verzeichnis verlinkt habe, ist da kein SSL-Zertifikat und die Seite wird als "unsicher" eingestuft (also nicht verwirren lassen). Ich habe nur meiner Mobirise-Domain ein Zertifikat verpasst, bei NOF müsste ich sonst Tausende von Seiten ändern oder das alles ein zweites Mal in meinem Mobirise-Verzeichnis einbauen und das werde ich mir nicht antun.

Hier noch ein anderes CMS von "joCMS", noch einfacher einzubauen (allerdings muss man hier beim Updaten der Mobirise-Seite aufpassen. Wenn Du das aber alleine machst ist das gar kein Problem.):

https://mobirise-tutorials.com/CMS/
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Ja, hatte mir schon gedacht das es nur mit der kostenpflichtigen Version geht.
Mhhh. ich dachte es ksotet nicht jedes Jahr 100€ sondern nur ggf. eine Updategebühr. Hatte den Trick über über Code-Editor kaufen und den Link über das Komplettangebot schon gesehen. Gestern waren es 84€ :D
Eben wurde ich noch vom Vorstand gefragt, wieso ich nicht "Website X5" benutzen würde... Naja - konnte ich noch nicht mal was drauf sagen.

Wenn ich das dynpage wieder einbinde, wie wird dann der Inhalt auf Mobilgeräten angezeigt? Das ist eine der grundlegenden Fragen...
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Ja klar wird das auch dynamisch angezeigt - das kannst Du doch mit meiner Seite prüfen.

Du kannst die Erweiterungen auch einmalig kaufen, dann darfst Du allerdings auch die Software nach einem Jahr nicht mehr updaten.

"Website X5" kenne ich persönlich nicht, habe aber gehört, dass das nicht annähernd an Mobirise heran kommt. Da ist man dann aber wohl auch schnell einige Hundert EUR los, denn die kostenlose Version kannst Du gleich vergessen.
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Hallo nochmal...
Also sind wirklich jedes Jahr 80-100€ fällig oder ist der "Update-Preis" günstiger? Finde dazu nichts im Netz.
VG
Detlev
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Moin,

Mobirise hat das bisher immer so gehandhabt:

Würdest Du jetzt z.B. nur den "Code Editor" kaufen (USD 69.00), dann hat Mobirise in den folgenden Jahren darauf jeweils 50% Rabatt gewährt. Dafür musste man dann jedes Mal eine Mail an den Support schreiben und darum betteln. Dann bekam man einen Link zu einer Bezahlseite mit dem reduzierten Preis. Ob das immer noch so ist, kann ich nicht genau sagen - ich nehme es aber stark an.

Nur - wer bezahlt bitte USD 69.00 für nur 1 Erweiterung, wenn man mehr als 110 Erweiterungen für USD 95.00 kaufen kann :eek:

Kaufst Du das Gesamt-Paket, dann gibt es keinen Rabatt, da dieses Paket ja schon einen maximalen Rabatt beinhaltet.

Mobirise garantiert aber bei einem Abonnement (das kann man beim Kauf anhaken), den immer gleichen Preis. Ich lasse das z.B. einfach von meinem PayPal-Konto einziehen und muss mich um nichts kümmern. Solltest Du während eines Abonnements einen noch günstigeren Preis finden, dann kannst Du ja auch einfach kündigen. Ein Abonnement ist bis einige Tage vor der Erneuerung kündbar.

Man erhält auch rechtzeitig, vor Ablauf des Abonnements, eine Mail als Erinnerung.

Aber nochmals - die bezahlten Erweiterungen werden, zumindest beim jetzigen Stand der Dinge, auch weiter funktionieren, wenn Du die Lizenz nach 1 Jahr nicht erneuerst. Dann darfst Du allerdings auch die Software selbst nicht mehr updaten, denn oft müssen mit einem Update der Software - also dann z.B. auf v5.4.0 oder v6.0 auch die Erweiterungen ein Update erhalten, damit diese weiter funktionieren und Du kannst dann keine neuen Projekte mehr mit den bezahlten Erweiterungen erstellen - Du kannst die vorhandenen Seiten und Blöcke ohne Lizenz nur noch weiter pflegen.

Gerade gestern haben z.B. alle ca. 100 Themen ein Update erhalten, denn wahrscheinlich wird es bald auch ein Software-Update geben.

Bitte lese Dir meinen Beitrag zu den Erweiterungen hier aufmerksam durch:

viewtopic.php?f=31&t=55
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Ah, okay...
Also es ginge sowieso nur noch um zwei Websiten.
Heist also, solange es keine großartigen Neuerungen gibt für die man das Update benötigt, könnte man bei der Version bleiben mit der man die Seiten aufgebaut hat.
Innerhalb eines Jahres sind die Updates kostenlos und die meisten Bugs wären ja beseitigt (gehe ich mal von aus).
Weist du wann das neueste Update kommen wird oder ist das egal wegen z.B. einem Versionssprung? Wäre das im Update enthalten?
Sonst würde ich noch warten wollen wenn das nicht mit drin ist...
VG
Detlev
Grüssle
Detlev
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5798
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von Tommy Herrmann »

Moin,

es ist alles enthalten, was ab dem Kauf für 1 Jahr lang kommt.

Auch z.B. die 3 - 5 neuen Themen, die jeden Monat dazu kommen und sämtliche Updates natürlich auch.

Es kommen ständig Updates (eigentlich jeden Freitag).

Im Moment sind wir bei der offiziellen v5.3.0 und bei der BETA v5.3.5.

Ich denke mal, dass sehr bald eine neue "offizielle" Version zum Download zur Verfügung stehen wird. Im Moment lassen sie zunächst praktisch jede Woche eine BETA-Version raus - ich würde aber von der Installation einer BETA-Version abraten, da diese meist noch sehr fehlerhaft sind.

Es werden ständig gemeldete Bugs beseitigt aber es kommen auch immer wieder neue Bugs hinzu. Das war immer so und wird wohl auch immer so bleiben, nicht nur bei Mobirise, sondern bei jeder Software.

Es spielt also überhaupt keine Rolle, wann Du einen Kauf der Erweiterungen vornimmst.
Benutzeravatar
dettec61
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 189
Registriert: Di 30. Mär 2021, 09:41
Wohnort: Siegerland

Re: Mobile Ansicht unterschiedlich (Handy / Erstellung)

Ungelesener Beitrag von dettec61 »

Danke!
Dann werde ich da wohl mal zuschlagen. NoF hat für mich eh keine Zukunft mehr...
Dann werden wir uns wohl noch öfters wieder im Forum begegnen :cool:
Bei euch hab ich mich eh immer wohl und aufgehoben gefühlt :tu:
VG
Detlev
Grüssle
Detlev
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 24 Gäste