Mobile Theme

In dieser Anleitung erfährst du wie du das in Jetpack integrierte Mobile Theme benutzt, Auszüge oder vollständige Beiträge auf der Homepage und den Archiv-Seiten aktivierst, sowie Werbung für die WordPress Mobile Apps in der Fußzeile des Mobile Themes anzeigst. Weiterhin lernst du, wie du individuelle Menüs, Kopfzeilen und Hintergründe für dein Mobile Theme erstellst und was du alles mit den Seitenleisten und Widgets machen kannst.

Das WordPress.com Standard-Theme stellt deine Inhalte in einer sauberen und übersichtlichen Oberfläche dar, wodurch mobile Besucher deine Seite einfacher überblicken können. Außerdem haben wir besondere Sorgfalt darauf verwendet das Mobile Theme so leichtgewichtig wie möglich zu gestalten, um kürzere Ladezeiten zu ermöglichen.

Aktivierung des Mobile Themes

Um das Mobile Theme nutzen zu können, musst du lediglich das „Mobile Theme“-Modul in deinem Jetpack-Dashboard aktivieren.

Wie sehe ich das Mobile Theme auf meiner Seite in Aktion?

Das Mobile Theme wird lediglich in einem mobilen Betriebssystem angezeigt. Um es in Aktion zu sehen, musst du deine Seite daher auf dem Smartphone aufrufen.

Optionen des Mobile Themes

Das Mobile Theme bietet dir verschiedene Optionen:

• Zeige entweder Auszüge oder vollständige Beiträge auf der Homepage und den Archiv-Seiten an.
• Zeige Werbung für die WordPress Mobile Apps in der Fußzeile des Mobile Themes.

Zugriff auf die Optionen des Mobile Themes:

• Navigiere zu Jetpack › Jetpack in deinem Dashboard.
• Sobald du dich auf der Jetpack-Startseite befindest, mache das Mobile Theme Modul ausfindig und klicke auf Konfigurieren. Damit gelangst du zur Konfigurations-Seite des Mobile Themes.
• Wähle die gewünschte Option aus und klicke auf Konfiguration speichern.

Zusätzliche Funktionen

Benutzerdefinierte Menüs

Das Mobile Theme lokalisiert die benutzerdefinierten Menüs deines Desktop Themes und zeigt dasjenige Menü an, welchem die Hauptposition zugewiesen ist. Hast du kein benutzerdefiniertes Menü festgelegt, so wird das standardmäßige Seitenmenü angezeigt.

Rechts vom Menu befindet sich ein Suchfeld, mithilfe dessen Besucher Inhalte schnell ausfindig machen können.

Benutzerdefinierte Kopfzeilen und Hintergründe

Das Mobile Theme berücksichtigt folgende benutzerdefinierte Eigenschaften deines aktuellen Desktop-Themes für Kopfzeilen und Hintergründe:

• Individuelle Kopfzeilenbilder
• Benutzerdefiniertes Hintergrundbild oder bestimmte Hintergrundfarbe
• Benutzerdefinierte Einstellungen für Wiederholung und Positionierung des Hintergrundbildes
• Ob der Kopfzeilentext angezeigt werden soll oder nicht (bezieht sich auf den Seitentitel und die Beschreibung)
• Farbe des Seitentitels (vorausgesetzt in den Mobile Theme Optionen sind benutzerdefinierte Farben für Kopfzeilentexte aktiviert)

Seitenleisten und Widgets

Du wirst bemerkt haben, dass das Mobile Theme ein einspaltiges Layout nutzt. Damit wird deinen Inhalten auf kleineren Bildschirmen so viel Raum wie möglich gewährt. Die Widgets befinden sich unter dem Inhalt, gleich über der Fußzeile.

Gegenwärtig wird im Mobile Theme eine Seitenleiste unter dem Hauptinhalt, unmittelbar über der Fußzeile angezeigt. Damit die Widgets angezeigt werden können, muss diese Seitenleiste mit der Sidebar ID „sidebar-1“ gekennzeichnet sein. Für den Fall, dass du mit Sidebar IDs nicht vertraut bist, kannst du im WordPress.org Kodex mehr dazu nachlesen.

Falls deine Widgets im Mobile Theme fehlen, so ist eine mögliche Ursache dafür, dass in deinem Desktop Theme keine Seitenleiste mit der Sidebar ID „sidebar-1“ vorhanden ist (bei der ID muss es sich exakt um „sidebar-1“ handeln). Dies kannst du nachprüfen, indem du deine Theme-Dateien öffnest und die register_sidebar() Funktion ausfindig machst (diese befindet sich für gewöhnlich in functions.php). Wenn du möchtest, dass deine Widgets sichtbar sind, so kannst du die ID der Seitenleiste zu „sidebar-1“ ändern. Ein Beispiel dazu:

register_sidebar( array(
    'id'          => 'sidebar-1',
    'name'        => __( 'Right Sidebar', 'theme-text-domain' ),
    'description' => __( 'This sidebar is located in the right column', 'theme-text-domain' ),
) );

Bitte beachten: Verfügst du über mehrere Seitenleisten, so kann lediglich eine davon die ID „sidebar-1“. tragen. In diesem Fall würdest du zuerst entscheiden, welche Seitenleiste im Mobile Theme angezeigt werden soll, um im Anschluss deren ID zu „sidebar-1“ zu ändern.

Zur „Vollversion“ wechseln

Besucher haben die Möglichkeit zur Desktop-Version deiner Seite zu wechseln, indem sie auf den Link “Ganze Seite ansehen” klicken, der sich auf jeder Seite ganz unten befindet.

Tipps und Tricks

Wenn du eine Kategorie im Mobile Theme ausschließen  oder Jetpacks Sharing-Schaltflächen entfernen möchtest, dann werfen einen Blick auf unsere Tipps und Tricks!