/ / So erstellen Sie eine mobile Version Ihres WordPress-Blogs

So erstellen Sie eine mobile Version Ihres WordPress-Blogs

Möchten Sie, dass Ihr Blog gut aussieht?alle Geräte, nicht nur Computer? Smartphones und andere mobile Geräte werden immer beliebter. So können Sie sicherstellen, dass Ihr Blog auch dann noch gut aussieht, wenn andere Nutzer es lesen.

WordPress ist ein großartiges Tool zum Erstellen eines Blogs oderEine traditionelle Website für Ihr Unternehmen, Ihre Organisation oder einfach, um Bilder mit Familie und Freunden zu teilen. Sie können auf WordPress.com ein kostenloses Blog erstellen. In diesem Fall ist Ihr Blog bereits für die meisten modernen Browser für Mobilgeräte bereit. Hier ist unsere Test-WordPress.com-Site in Mobile Safari. WordPress.com hat ihm automatisch ein iOS-Design gegeben, das auf Mobilgeräten einfach zu verwenden ist.

Bild

Allerdings, wenn Sie WordPress optimieren und machen möchtenWenn Sie Ihre Website so wie Sie möchten, müssen Sie das selbst gehostete WordPress.org verwenden. Wenn Sie eine neue WordPress-Site auf Ihrem eigenen Server oder Hosting-Service manuell oder mithilfe eines automatischen Installationsprogramms wie Softaculous erstellt haben, werden Sie möglicherweise enttäuscht sein, dass Ihre Site auf mobilen Browsern genauso aussieht wie auf Ihrem Computer. Dies erschwert die Verwendung auf kleinen Bildschirmen.

Bild

Zum Glück können Sie mit dem WPtouch-Plugin ganz einfach dasselbe iOS-Stil-Thema kostenlos in Ihrem Blog finden. Melden Sie sich bei Ihrem WordPress-Dashboard an und wählen Sie Neue hinzufügen unter Plugins auf der linken Seite Menü.

Bild

Auf dieser Seite geben Sie ein WPtouch im Suchfeld.

Bild

Installieren und aktivieren Sie das Plugin nun wie gewohnt.

Bild

Ihre Site hat jetzt ein schönes Thema, das funktioniertHervorragend für moderne Smartphones und andere mobile Geräte geeignet, zeigt Besuchern, die Computer verwenden, jedoch immer noch Ihr eigenes normales Thema. Wenn Sie eine Vorschau Ihres neuen mobilen Themas auf einem iPhone anzeigen möchten, lesen Sie unseren Artikel zum Testen mobiler Websites in Safari für Windows.

Bild

Optimieren Sie die WPtouch-Einstellungen

WPtouch funktioniert auf den meisten Websites einwandfrei, aber wenn Sie möchten, können Sie Ihre mobile Website anpassen und die Einstellungen von WPtouch so anpassen, dass sie nach Ihren Wünschen funktioniert. Klicken Sie dazu auf WPtouch unter die Einstellungen im linken Menü.

Bild

Hier können Sie viele Einstellungen anpassen, einschließlich Hintergrund, Schriftarten, Symbol und mehr für das mobile Design.

Bild

Sie können auch Google Analytics und Adsense hinzufügenIhre mobile Website, damit Sie Ihren Traffic monetarisieren und wissen, wie viele Besucher Sie erhalten. Wenn Sie Ihren Google Analytics-Code suchen müssen, können Sie ihn wie folgt schnell finden.

Bild

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 unteren Rand der Einstellungsseite.

Bild

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

Bild