So erstellen Sie eine mobile Version Ihres WordPress-Blogs

So erstellen Sie eine mobile Version Ihres WordPress-Blogs

How Create Mobile Version Your Wordpress Blog

Möchten Sie, dass Ihr Blog auf allen Geräten gut aussieht, nicht nur auf Computern? Smartphones und andere mobile Geräte werden immer beliebter. So können Sie sicherstellen, dass Ihr Blog gut aussieht, egal was die Leute lesen.

WordPress ist ein großartiges Tool zum Erstellen eines Blogs oder einer traditionellen Website für Ihr Unternehmen, Ihre Organisation oder einfach zum Teilen von Bildern mit Familie und Freunden. Sie können einen kostenlosen Blog auf WordPress.com erstellen , und wenn ja, ist Ihr Blog bereits für die meisten modernen Browser auf mobilen Geräten vorbereitet. Hier ist unsere WordPress.com-Testseite in Mobile Safari; WordPress.com hat ihm automatisch ein Design im iOS-Stil gegeben, das auf mobilen Geräten einfach zu verwenden ist.



Wenn Sie jedoch WordPress optimieren und Ihre Website nach Ihren Wünschen gestalten möchten, müssen Sie das selbst gehostete WordPress.org verwenden. Wenn Sie a . erstellt haben neue WordPress-Site auf Ihrem eigenen Server oder Hosting-Dienst manuell oder mit einem Auto-Installer wie Softaculous , sind Sie möglicherweise enttäuscht, dass Ihre Website in mobilen Browsern genauso aussieht wie auf Ihrem Computer. Dies erschwert die Verwendung auf kleinen Bildschirmen.

Glücklicherweise können Sie mit dem WPtouch-Plugin ganz einfach dasselbe Thema im iOS-Stil kostenlos in Ihrem Blog herunterladen. Melden Sie sich bei Ihrem WordPress-Dashboard an und wählen Sie Neue hinzufügen unter Plugins im linken Seitenmenü.

Windows 10 geteilter Bildschirm vertikal

Geben Sie auf dieser Seite ein WPtouch im Suchfeld.

Installieren und aktivieren Sie nun das Plugin wie gewohnt.

Ihre Website hat jetzt ein schönes Design, das auf modernen Smartphones und anderen mobilen Geräten großartig funktioniert, aber dennoch Ihr eigenes normales Design für Besucher zeigt, die Computer verwenden. Wenn Sie in einer Vorschau sehen möchten, wie Ihr neues Handydesign auf einem iPhone aussieht, lesen Sie unseren Artikel über Testen von mobilen Websites in Safari für Windows .

WPtouch-Einstellungen optimieren

WPtouch funktioniert auf den meisten Sites ohne Optimierungen einwandfrei, aber wenn Sie möchten, können Sie Ihre mobile Site anpassen und die Einstellungen von WPtouch optimieren, damit sie genau so funktioniert, wie Sie es möchten. Klicken Sie dazu auf WPtouch unter Einstellungen im linken Menü.

verschiedene Hintergründe auf zwei Monitoren

Anzeige

Hier können Sie viele Einstellungen anpassen, einschließlich Hintergrund, Schriftarten, Symbolen und mehr des mobilen Themas.

Sie können Ihrer mobilen Website auch Google Analytics und Adsense hinzufügen, damit Sie Ihren Traffic monetarisieren können und wissen, wie viele Besucher Sie erhalten. Wenn Sie Ihren Google Analytics-Code finden müssen, So finden Sie es schnell .

Möglicherweise müssen Sie die Einstellungen in anderen WordPress-Plugins, einschließlich WP Cache und W3 Cache, optimieren, damit sie mit WPtouch funktionieren. Überprüfen Sie daher die Liste am Ende der Einstellungsseite.

Hier Datei öffnen Windows 10

Hier ist Techinch.com mit einem benutzerdefinierten Logo, Menü und Hintergrund mit WPtouch. Jetzt sieht Ihre Website auf PCs und Mobilgeräten genau so aus, wie Sie es möchten.

WEITER LESEN
  • › So finden Sie Ihr Spotify Wrapped 2021
  • & rsaquo; Cyber ​​Monday 2021: Die besten Tech-Deals
  • › Funktionen vs. Formeln in Microsoft Excel: Was ist der Unterschied?
  • › Was ist MIL-SPEC Fallschutz?
  • › 5 Websites, die jeder Linux-Benutzer mit einem Lesezeichen versehen sollte
  • › Der Computerordner ist 40: Wie Xerox Star den Desktop erstellte
Matthew Guay
Matthew Guay ist ein erfahrener App-Rezensent und Verfasser von Technologietipps. Seine Arbeiten sind in Zapiers Blog AppStorm, Envato Tuts+ und seinem eigenen Blog Techinch erschienen.
Vollständige Biografie lesen