Machen Sie Ihr WordPress mobilfreundlich mit WPtouch Pro

Abhängig von der Demografie Ihrer Website ist es möglicherweise wichtig, dass Sie eine mobilfreundliche Website haben. Dies können Sie entweder tun, indem Sie ein responsives WordPress-Theme verwenden, das sich an verschiedene Bildschirmgrößen/Geräte anpasst, oder Sie können eine mobil-spezifische Version Ihrer Website erstellen, wenn Sie Ihr Website-Design nicht ändern möchten. In diesem Artikel zeigen wir Ihnen, wie Sie mit WPTouch Pro eine mobilfreundliche WordPress-Website erstellen.

WPtouch Pro ist ein kommerzielles WordPress-Plugin, das Ihre WordPress-Website in ein natives mobiles Erlebnis für moderne Smartphone-Browser verwandeln kann. Es ist schnell, verfügt über vollständige Internationalisierungsunterstützung, iOS-Homescreen-Integration und unzählige weitere Möglichkeiten zur Verbesserung des mobilen Benutzererlebnisses.

Sobald Sie WPtouch Pro erworben haben, erhalten Sie einen Lizenzschlüssel und die Download-Datei für das Plugin. Sie müssen es auf Ihrem Blog installieren (folgen Sie unserer einfachen Anleitung zur Plugin-Installation) und es dann in Ihrem Dashboard aktivieren.

Nach der Aktivierung zeigt das Plugin eine Benachrichtigung an, die Sie daran erinnert, Ihren Lizenzschlüssel einzugeben. Sie müssen den Lizenzschlüssel eingeben, um Plugin-Updates zu erhalten und Themes und Add-ons herunterzuladen. Klicken Sie auf den Link 'Lizenz aktivieren', um Ihren Lizenzschlüssel einzugeben.

Geben Sie auf dem nächsten Bildschirm einfach Ihre E-Mail-Adresse für Ihr Konto (die, mit der Sie das Plugin gekauft haben) und Ihren Produktlizenzschlüssel ein und klicken Sie dann auf die Schaltfläche Aktivieren. WPTouch überprüft nun Ihren Lizenzschlüssel und zeigt eine Erfolgsmeldung an.

Nach der Aktivierung fügt das Plugin einen Menüpunkt WPTouch Pro in Ihrer WordPress-Adminleiste hinzu. Um das Plugin zu konfigurieren, müssen Sie zu WP Touch Pro » Core Settings gehen.

Auf dem Bildschirm für Kerneinstellungen können Sie verschiedene Optionen für die mobile Version Ihrer Website konfigurieren. Die erste Option auf diesem Bildschirm ist die Änderung des Website-Titels und der Unterzeile. Dies ist besonders nützlich, wenn Ihre Website einen langen Titel und eine lange Unterzeile hat, die nicht gut auf mobile Bildschirme passen.

Die nächste Option auf diesem Bildschirm ist Regionalisierung. WP Touch Pro erkennt automatisch die Sprache Ihrer Website aus Ihrer WordPress-Installation, Sie können die Sprache jedoch auch manuell über diese Option auswählen.

Die Option Anzeige auf dem Bildschirm mit den Kerneinstellungen ermöglicht es Ihnen, das mobile Theme manuell zu deaktivieren, ohne das Plugin zu deaktivieren. Die Standardeinstellung ist Normal, die die Anzeige des mobilen Themes für alle Besucher aktiviert, die über ein mobiles Gerät auf die Website zugreifen. Sie können sie auf Vorschau ändern, sodass das mobile Theme nur für Administratoren angezeigt wird, wenn sie angemeldet sind. Sie können auch Deaktiviert wählen, um die Anzeige des mobilen Themes vollständig auszuschalten.

Auf der Seite mit den Kerneinstellungen gibt es einige erweiterte Optionen. Sie können beispielsweise eine benutzerdefinierte Landingpage für die mobile Version Ihrer Website auswählen. Sie können benutzerdefinierten Code hinzufügen, der im Fußbereich des Themes angezeigt wird. Sie können auch alle WP Touch Pro-Einstellungen sichern und sie dann auf einer anderen WordPress-Website mit WP Touch Pro importieren. Dies ist eine gute Option, wenn Sie eine Staging-Website oder eine lokale Installation haben.

Nachdem Sie die Kern-Einstellungen durchgegangen sind, können Sie Ihre mobile Website direkt auf Ihrem Desktop in der Vorschau anzeigen, indem Sie auf die Schaltfläche Theme vorschauen am unteren Rand dieser Seite klicken. Sobald Sie mit dem Aussehen Ihres Themes zufrieden sind, können Sie auf die Schaltfläche Änderungen speichern klicken, um Ihre Einstellungen zu speichern.

Ändern des mobilen Themes in WPTouch Pro 3

Standardmäßig wird WPTouch Pro 3 mit einem vorinstallierten mobilen Theme geliefert. Sie können zusätzliche Themes von WPTouch Pro » Themes & Extensions herunterladen und installieren. Bauhaus, CMS, Classic Redux und Simple sind die Themes, die mit allen Lizenzplänen verfügbar sind. Um ein Theme zu installieren, klicken Sie einfach auf die Schaltfläche Installieren unter dem Theme. WPTouch Pro lädt das Theme aus der Cloud herunter und installiert es. Sobald ein Theme installiert ist, können Sie auf die Schaltfläche Aktivieren klicken, um dieses Theme zu verwenden.

Anpassen Ihres mobilen Themes in WPTouch Pro3

Sobald Sie das Theme für Ihre mobile Website ausgewählt haben, möchten Sie es möglicherweise an Ihre Bedürfnisse anpassen. Dazu müssen Sie zu WPTouch Pro » Theme-Einstellungen gehen. Die mobilen Themes von WPTouch Pro sind hochgradig anpassbar. Sie können jeden Aspekt Ihrer mobilen Website über den Bildschirm mit den Theme-Einstellungen feinabstimmen. Wir führen Sie durch die verschiedenen Abschnitte der Theme-Einstellungen.

Im oberen Menü-Tab sehen Sie die verschiedenen Bereiche Ihres Themes, die Sie anpassen können. Sie beginnen mit dem Tab Allgemein, der Optionen für einige grundlegende Einstellungen enthält, wie z. B. die Anzahl der auf der Startseite anzuzeigenden Beiträge, das Aktivieren des Kategorie-Sliders, das Aktivieren des Featured Posts Slider usw. Die Standardeinstellungen sollten für die meisten Websites funktionieren, aber Sie können bei Bedarf Änderungen vornehmen. Sie werden auch ein Info-Symbol neben einigen Optionen bemerken. Wenn Sie die Maus über das Symbol bewegen, wird Ihnen kontextbezogene Hilfe für diese Option angezeigt.

Sobald Sie die Änderungen an Ihrem Theme vorgenommen haben, können Sie diese Änderungen in der Vorschau anzeigen, indem Sie unten auf der Seite auf die Schaltfläche Theme-Vorschau klicken. Wenn Sie mit den vorgenommenen Änderungen zufrieden sind, müssen Sie auf die Schaltfläche Änderungen speichern klicken, um Ihre Theme-Einstellungen zu speichern. Es gibt auch eine Reset-Schaltfläche, falls Sie zu den Standardeinstellungen zurückkehren möchten.

Nachdem Sie die allgemeinen Einstellungen für Ihr mobiles Theme konfiguriert haben, wechseln Sie zum Tab Branding. Hier können Sie Ihr eigenes Logo, Hintergrund, benutzerdefinierte Schriftarten, Social-Media-Icons usw. hochladen. Sie können auch die Theme-Farben ändern, um sie an Ihr Logo und Ihre Markenfarben anzupassen.

Machen Sie Ihre Website zu einer mobilen Web-App

WPTouch Pro ermöglicht es Ihnen, die Funktionen von Mobilgeräten voll auszunutzen, indem Sie Ihre Website in eine Web-App verwandeln. Zuerst müssen Sie auf die Registerkarte Lesezeichensymbole auf dem Bildschirm Theme Settings klicken. Sie müssen zwei Symbole hochladen, eines für Android-Geräte und das andere für iOS-Geräte (iPhone, iPod und iPad).

Klicken Sie danach auf die Registerkarte Web-App-Modus in den Theme-Einstellungen. Aktivieren Sie einfach das Kontrollkästchen, um den iOS-Web-App-Modus zu aktivieren. Daraufhin werden erweiterte Einstellungen für den Web-App-Modus angezeigt. Sie können die Standardeinstellungen verwenden oder eigene benutzerdefinierte Startbildschirme hochladen.

Monetarisieren Sie Ihre mobile Website mit WPTouch Pro

WPTouch Pro themes also make it extremely easy for you to display advertisements on your mobile site. You need to go to Advertising tab under theme settings and choose from Google Adsense or custom advertising service.

Für Google AdSense müssen Sie Ihre Google AdSense Publisher-ID und die Slot-ID eingeben, die Sie von Ihrem Google AdSense-Konto erhalten. Danach müssen Sie den Speicherort auswählen, an dem Anzeigen angezeigt werden sollen. Speichern Sie Ihre Änderungen und Ihre mobile Website wird beginnen, Anzeigen anzuzeigen.

Navigationsmenüs für mobile Websites in WPTouch Pro anpassen

WPTouch Pro verwendet die Standard-Menüfunktionalität von WordPress, erlaubt Ihnen aber, zu ändern oder auszuwählen, wie Sie das Menü auf Ihrer mobilen Website anzeigen möchten. Um Menüs zu konfigurieren, müssen Sie zu WPTouch Pro » Menüs gehen. Zuerst müssen Sie ein Menü auswählen. Sie können auswählen, ob WordPress-Seiten im Menü angezeigt werden sollen, oder ein vorhandenes Menü auswählen.

On the Menu Setup tab, you can further customize your WordPress menu. You can associate icons with each menu item by simply dragging an icon to a menu item.

Standardmäßig wird WPTouch Pro mit dem Elegant Icon Set geliefert, das von Elegant Themes entworfen wurde. Sie können andere Icon-Sets installieren, indem Sie auf die Schaltfläche Installieren neben ihnen klicken oder Ihre eigenen benutzerdefinierten Icon-Sets hochladen.

WPTouch ist ein großartiges Plugin, um jede WordPress-gestützte Website in eine vollwertige mobile Webanwendung umzuwandeln. Mit schönen Themes und leistungsstarken Anpassungsoptionen können Sie in wenigen Minuten großartig aussehende mobile Websites erstellen, ohne eine einzige Zeile Code schreiben zu müssen. Wir hoffen, dieser Artikel hat Ihnen geholfen, eine mobilfreundliche Website mit WP Touch Pro zu erstellen. Für Feedback und Fragen können Sie uns unten einen Kommentar hinterlassen oder uns auf Twitter folgen.