10Jul

So erstellen Sie eine mobile Version Ihres WordPress-Blogs

click fraud protection

Möchten Sie Ihren Blog auf allen Geräten und nicht nur auf Computern sehen lassen? Smartphones und andere mobile Geräte erfreuen sich immer größerer Beliebtheit. Hier können Sie also sicherstellen, dass Ihr Blog gut aussieht, unabhängig davon, was die Leute gerade 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 dies der Fall ist, ist Ihr Blog bereits für die meisten modernen Browser für mobile Geräte bereit. Hier ist unsere Test WordPress.com Seite in Mobile Safari;WordPress.com gab ihm automatisch ein Thema im iOS-Stil, das auf mobilen Geräten einfach zu verwenden ist.

Wenn Sie jedoch WordPress optimieren und Ihre Website so gestalten möchten, wie Sie es 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 mit einem Auto-Installer wie Softaculous erstellt haben, könnten Sie enttäuscht sein, dass Ihre Website in mobilen Browsern genauso aussieht wie auf Ihrem Computer. Dies macht es schwierig, auf kleinen Bildschirmen zu verwenden.

instagram viewer

Glücklicherweise können Sie mit Ihrem WPtouch-Plugin problemlos das gleiche iOS-Stilthema in Ihrem Blog abrufen. Melden Sie sich bei Ihrem WordPress Dashboard an und wählen Sie im Plugins auf der linken Seite hinzufügen.

Auf dieser Seite geben Sie WPtouch in das Suchfeld ein.

Jetzt installieren und aktivieren Sie das Plugin wie gewohnt.

Ihre Website wird nun ein schönes Thema haben, das auf modernen Smartphones und anderen mobilen Geräten gut funktioniert, aber trotzdem Besuchern, die Computer benutzen, Ihr eigenes normales Thema zeigen wird. Wenn Sie sehen möchten, wie Ihr neues mobiles Theme auf einem iPhone aussieht, lesen Sie unseren Artikel zum Testen mobiler Websites in Safari für Windows.

Tweak WPtouch Einstellungen

WPtouch funktioniert ohne jegliche Optimierung auf den meisten Seiten, aber wenn Sie möchten, können Sie Ihre mobile Website anpassen und die Einstellungen von WPtouch optimieren, damit es so funktioniert, wie Sie es möchten. Klicken Sie dazu im linken Menü unter Einstellungen auf WPtouch .

Hier können Sie viele Einstellungen optimieren, einschließlich des Hintergrunds, der Schriftarten, des Symbols und mehr.

Sie können auch Google Analytics und AdSense zu Ihrer mobilen Website hinzufügen, damit Sie Ihren Traffic monetarisieren und wissen, wie viele Besucher Sie erhalten. Wenn Sie Ihren Google Analytics-Code finden möchten, können Sie ihn schnell finden.

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

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