Moin,
jetzt wo ich weiß, dass es sich um das Thema "
Modern M4" handelt, habe ich das mal selbst getestet.
Ich musste auch hier das gesamte Verzeichnis
"assets" erneut mit dem FTP-Programm auf den Server kopieren (wie so oft bei späterer Wahl einer neuen Komponente), da die Verzeichnisse dieser Galerie von Mobirise nicht am Server angelegt werden konnten, was man schnell beim Publizieren mittels Mobirise durch mehrere Fehlermeldungen bemerkt.
Danach wird aber
alles korrekt dargestellt (auch das Lupen-Icon), wie Du hier sehen kannst. Diese Galerie ist der 4. Block von oben:
https://mobirise-tutorials.com/ModernM4/
Dennoch bleibt das von mir an Mobirise gemeldete Problem der beiden unterschiedlich benannten Icon-Verzeichnisse bestehen, was aber (offensichtlich) nichts mit Deinem Problem zu tun hat:
font-awesome
und
FontAwesome
... wobei ich gerade sehe, dass das
neuere Verzeichnis "
font-awesome" korrekt klein geschrieben ist.
Hier ein Screenshot vom Inhalt meines Verzeichnisses "assets" vom Thema "Modern M4" am Server, das bei Dir etwas anders aussehen könnte, je nachdem welche Blöcke verwendet wurden:
Es
fehlen also (nach wie vor) bei Dir
diese beiden Verzeichnisse, denn dort werden diese Icons definiert. Gucke bitte erneut, ob die im Verzeichnis "assets" der
lokalen Publizierung vorhanden sind (sollten sie eigentlich) und kopiere diese dann mit "FileZilla" auf den Server. Solange diese Verzeichnisse fehlen, wird die Lupe auch nicht angezeigt werden.
Es sind nur die Blöcke der Bootstrap Themen untereinander kompatibel und auch nicht unbedingt alle aus "Mobirise4" mit den Themen aus "Mobirise5".
Mobirise baut ja von Beginn an auf dem Framework
Bootstrap auf. Bootstrap wurde ursprünglich zur Vereinfachung der Programmierung von Twitter entwickelt und stellt eben einen Haufen CSS-Klassen und auch JavaScript-Dateien bereits fix und fertig zur Verfügung. Man muss also die Namen dieser Klassen nur kennen und braucht dann keine eigenen CSS-Kassen mehr erstellen, was die Arbeit enorm erleichtert.
Lies mal hier über Bootstrap:
https://de.wikipedia.org/wiki/Bootstrap_(Framework)
und hier ist die Seite von Bootstrap:
https://getbootstrap.com/
hier (etwas abgespeckt) auch in Deutsch:
http://holdirbootstrap.de/
AMP steht für "Accelerated Mobile Pages" (beschleunigte Mobilseiten) und ist eine ganz andere Welt.
Die AMP Themen sind nicht mit Bootstrap-Themen kompatibel und funktionieren auch technisch vollkommen anders. Du darfst also keinesfalls Blöcke aus AMP-Themen in "M4" Themen verwenden oder umgekehrt.
AMP wurde von Google zur beschleunigten Darstellung von Seiten am Mobiltelefon entwickelt, da ja nun inzwischen mehr als 70% der Internet-Benutzer ausschließlich mit dem mobilen Gerät unterwegs sind. Ich persönlich glaube aber nicht, dass sich AMP durchsetzen wird, da es viel zu eingeschränkte Möglichkeiten bietet.
Bitte lies auch mal hier über AMP:
https://de.wikipedia.org/wiki/Accelerated_Mobile_Pages
Ich kann nur jedem raten, die Finger von AMP ganz weg zu lassen, es dürfen z.B. keinerlei CSS-Dateien verwendet werden, alles muss als Inline-CSS verfasst werden und darf auch nur eine bestimmte Größe haben. Die normalen Regeln gelten bei AMP nicht und eine Kleinigkeit eines nicht von AMP unterstützten Programm-Codes führt bereits zu einer ungültigen AMP-Seite und das wird von Google dann im Ranking bestraft. Den Einbau von externen Skripten kann man dann komplett vergessen.
Bei AMP-Seiten wird das nämlich oben im <html amp> Tag ausgewiesen und wo "AMP" drauf steht erwartet Google auch, dass "AMP" drinnen ist, falls nicht wird das versuchter Betrug gewertet.
Ob bei den heutzutage meist sehr schnellen Internet-Verbindungen AMP überhaupt eine messbare Verbesserung der Geschwindigkeit bietet, wage ich persönlich zu bezweifeln. Hier in Berlin haben wir inzwischen fast flächendeckend eine Übertragung mit "5G" - das ist eine Datenübertragung von bis zu einem Gigabit pro Sekunde - da bewirkt AMP absolut gar nichts mehr.