Thema wie ein Handy (Android und/oder iOS)

casellini
(@casellini)

vor 11 Monaten, 1 Woche

Hallo,

hab es erfolglos im englischsprachigem Forum versucht. Vielleicht krieg ich Hilfe in Deutsch? 🙂

Ich suche nach einem Thema was meine Webseite wie die Oberfläche eines Handys aussehen lässt. Hat jemand sowas?

99% der Webseitenbesucher sind derzeit mit dem Handy unterwegs (es ist eine Infoseite für Touristen). Dass also ein Desktop Benutzer eine Handyansicht zu sehen bekommt ist OK. Insgesamt wird es einfacher die Webseite wie eine App aussehen zu lassen, als wirklich eine App zu erstellen.

Klar stellt sich die Frage ob das aussehen wie iOS oder Android sein soll. Spitzer wäre natürlich wenn sich das dem jeweiligen Betrachter anpassen würde.

Ich müsste dann Symbole für die verschiedenen Menüs zeichnen. Das wäre auch kein Problem.

Derzeit ist die Seite https://www.kohmaknews.com/ rein statisch mit einem Baukasten System. Möchte auf WordPress umstellen und mithilfe von WPML die Seite mehrsprachig machen.

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)

Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 1 Woche

Hallo,
in der Regel wird bei einem Theme das Design in Bezug auf das jeweils eingesetzte Gerät angepasst. Der Begriff in dem Zusammenhang nennt sich Responsive Webdesign oder Responsivität.

Das ist meiner Ansicht nach auch die deutlich bessere Lösung als wenn das Design komplett der mobilen Ansicht angepasst wird. Ich wüsste auch nicht, welchen Vorteil die von dir angestrebte Lösung haben sollten, weil das Design ja automatisch an das jeweilige Gerät angepasst wird.

Bezüglich Themes: Schau mal in das WordPress Repository. Übrigens auch diese Seite passt sich automatisch dem jeweils genutzten Gerät an, weil sie responsive ist.

BTW: Der Link zu dem Thread im englischsprachigen Forum wäre hilfreich, damit man ggfs. sehen kann, was bereits diskutiert wurde.

Viele Grüße
Hans-Gerd
Thread-Starter casellini
(@casellini)

vor 11 Monaten, 1 Woche
Hallo Hans-Gerd,

danke für Dein Input. Die Seite https://www.kohmaknews.com/ passt sich bereits jetzt an. Das was jetzt einzelne Buttons sind wären dann die Icons wie ich sie auf dem Startbildschirm meines Handys habe.

In etwa so. Nur dass die einzelnen Icons den jetzigen Buttons entsprechen.

Link zum Englischen Beitrag hatte ich ausgelassen weil ich null response bekommen habe
- Diese Antwort wurde geändert vor 11 Monaten, 1 Woche von casellini. Grund: Vertipper
Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 1 Woche
Hallo,
wenn ich das richtig verstehe, dann möchtest du gerne ein Icon direkt auf dem Handy haben. Das Stichwort in dem Zusammenhang ist Google AMP.
Dazu werden im WordPress-Repository auch einige kostenfreie Plugins angeboten.

Antworten auf deine Frage im englischsprachigen Forum hast du vermutlich nicht bekommen, weil die Frage in Bezug auf die Intention falsch gestellt war.

Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 11 Monaten, 1 Woche von Hans-Gerd Gerhards. Grund: keine Support-Frage
- Diese Antwort wurde geändert vor 11 Monaten, 1 Woche von Hans-Gerd Gerhards.
Thread-Starter casellini
(@casellini)

vor 11 Monaten, 1 Woche

Hallo,

ne. Ich hätte gerne das die Webseite so aussieht wie der Startbildschirm meines Handys. Leider kann ich hier die Bilder nicht direkt einfügen um es zu verdeutlichen. Ich habe hier mein Startbildschirm so hingebastelt wie ich mir das vorstelle. Es sind schlecht gemachte Icons. Es geht mir nur ums verdeutlichen.

Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 1 Woche

Hallo,
ok – prinzipiell machbar. Dafür würde ich ein Block Theme wie Twenty Twenty-Three verwenden. Dinge wie Wetter und Akkuanzeige werden ja auf der Website wohl nicht benötigt. 😉

Leider kann ich hier die Bilder nicht direkt einfügen um es zu verdeutlichen.

Ein Blick in unsere FAQ: Wie kann man hier Bilder in einen Forenbeitrag einfügen?.

Viele Grüße
Hans-Gerd

Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 1 Woche

Mit ein paar eigenen CSS-Regeln kannst du die maximale Breite der Website festlegen, damit von den Abmessungen mehr der Eindruck eines Smartphone entsteht. Dazu dann noch ein Wallpaper als Hintergrundbild. Icons einzufügen und zu verlinken ist mit dem Block-Editor kein Problem.

Plugins für die Anzeige des Wetters gibt’s auch:
https://de.wordpress.org/plugins/search/weather/