So erstellen Sie eine mobile Version Ihres WordPress-Blogs

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 immer 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 auf WordPress.com einen kostenlosen Blog erstellen, und wenn ja, ist Ihr Blog bereits für die meisten modernen Browser für mobile Geräte bereit. 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 eine neue WordPress-Site auf Ihrem eigenen Server oder Hosting-Dienst manuell oder mit einem automatischen Installationsprogramm wie Softaculous erstellt haben, sind Sie möglicherweise enttäuscht, dass Ihre Site 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 im Menü auf der linken Seite aus.

Geben Sie auf dieser Seite in das Suchfeld ein.

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 mobiles Design auf einem iPhone aussieht, lesen Sie unseren Artikel zum 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 im linken Menü unter.

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, um Ihren Traffic zu monetarisieren und zu wissen, wie viele Besucher Sie erhalten. Wenn Sie Ihren Google Analytics-Code finden müssen, können Sie ihn wie folgt schnell finden.

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 ist Techinch.com mit benutzerdefiniertem Logo, Menü und Hintergrund mit WPtouch. Jetzt sieht Ihre Website auf PCs und Mobilgeräten genau so aus, wie Sie es möchten.