Unterschiedliche Tabs der Seitenliste in Webversion und Mobilversion anzeigen

Man kann in den Dynamischen Ansichten zwar keine unterschiedlichen Seitenliste-Gadgets anzeigen lassen, aber man kann per CSS in der Webversion und in der Mobilversion des Blogs unterschiedliche Tabs der Seitenliste ausblenden und so jeweils andere Tabs anzeigen lassen, zumindest sofern man die Mobilvorlage auf Benutzerdefiniert eingestellt hat und die Ansicht Classic nur für die Mobilversion nutzt.

Unterschiedliche Seitenlisten für Webversion und Mobilversion

Außer einem einzelnen Link, der einem ausdrücklich ermöglicht die Blogversion zu wechseln, kann man in der jeweiligen Navigation keine Links gebrauchen, die einen aus der Version rausführen, in der man gerade ist. Die Linkadressen, die zu Seiten führen, die man unter "Seiten" erstellt und im Seitenliste-Gadget zur Anzeige im Gadget freigegeben hat, werden automatisch auf die Version umgestellt, in der man gerade ist. Diejenigen Links zu bloginternen Zielen jedoch, die man im Seitenliste-Gadget mit "Externen Link hinzufügen" erstellt hat, werden nicht an die Version angepasst, in der man sich gerade befindet.

Schon deshalb ist es besser, wenn man in den beiden Blogversionen unterschiedliche Seitenlisten verwendet und so per "Externen Link hinzufügen" jeweils andere Linkadressen eintragen kann. Man kann dann auch unterschiedliche Seiten zur Anzeige freigeben, wenn man dort zum Beispiel Linklisten zu internen Zielen anbietet.

Classic als mobile Klasse nutzen

In den Layout-Vorlagen gibt es die Klasse "mobile", mit Hilfe derer man das Design und Layout der Mobilversion des Blogs unabhängig von dem Design und Layout der Webversion per CSS ansprechen kann. In den Dynamischen Ansichten gibt es keine solche Klasse. Es wird unter der mobilen Adresse aber nur die mobile Version der Ansicht "Classic" angezeigt und zu ihr gibt es die Klasse "classic".

Inhalte in der Mobilversion anders anzeigen lassen

In der Webversion des Blogs ist es schade, wenn man die Breite des Blogs nicht ausnutzt, um Inhalte in Posts oder auf Seiten nebeneinander anzuzeigen, die nebeneinander stehend übersichtlicher sind. Auch Hover-Effekte können hier die Nutzbarkeit verbessern.

Auf Smartphones sind derlei Darstellungsformen jedoch ungeeignet.

Navbar-Platzhalter in mobiler Layout-Vorlage entfernen

In Blogs, die eine Layout-Vorlage nutzen, ist neuerdings in der Mobilversion des Blogs ein Platz für die nicht vorhandene Navbar reserviert. Dadurch wird der Header des Blogs in Smartphones nun mit 30px mehr Abstand nach oben angezeigt.

Benutzerdefinierte Mobilvorlage produziert doppelte Anzeige

Wenn man die Mobilvorlage der Dynamischen Ansichten auf "Benutzerdefiniert" stellt, ist der Effekt in Bezug auf das Design zwar prima, aber leider werden dann in der Mobilversion des Blogs alle Inhalte zweimal untereinander gestellt. Hat man sich durch die Startseite oder eine Labelseite gescrollt, beginnt sie darunter nochmal. Das gleiche gilt für Seiten.

Style-Änderung unter "HTML bearbeiten" verhindert Einstellung "Benutzerdefiniert" für Mobil-Vorlage

Das Ändern und Ergänzen von Style-Kommandos der Vorlage des Blogs direkt über "HTML bearbeiten" verursacht eine Blockierung der Möglichkeit, die Mobilvorlage des Blogs erfolgreich auf "Benutzerdefiniert" zu stellen bzw. in dieser Einstellung zu halten. Man kann dann seine Mobilvorlage nicht mehr gestalten, sondern sich nur noch eine der fertigen Vorlagen aussuchen und muss diese so nehmen, wie sie ist.

Man kann die Style-Kommandos aber, ohne Nachteil für eine benutzerdefinierte Mobilvorlage, über "CSS hinzufügen" ändern und ergänzen. Kommandos, die man darüber einträgt, haben Vorrang gegenüber den Standardeinträgen im HTML, überschreiben diese aber nicht.

Nach-oben-Link ohne Script

Der Nach-oben-Link, den ich hier beschreibe, ist ein Link, der an die aktive Adresse ein Doppelkreuz anhängt und deshalb dafür sorgt, dass an den Anfang der gleichen Seite gesprungen wird. Der Link funktioniert ohne Script und nützt deshalb auch den Lesern, die Scripts in ihrem Browser nicht zulassen.

Seiten-Gadget

Das Gadget namens "Seiten", das man unter "Layout" hinzufügen kann und das in seinem Verwaltungsbereich "Seitenliste" genannt wird, ist eine komfortable Möglichkeit, um Seiten verlinkt anzuzeigen, die man unter "Seiten" erstellt und veröffentlicht hat.

Gadget "Wochenschau" verhindert Erfolg der Einstellung "Benutzerdefiniert" für Mobil-Vorlage

Als Ursache dafür, dass ich die Mobil-Version des hiesigen Blogs bislang nicht erfolgreich auf "Benutzerdefiniert" umstellen konnte, habe ich (mit Hilfe meines Testblogs) das Gadget "Wochenschau" (Google-News) ausfindig machen können.

Mobilvorlage: Google-Plus-Button unter Posts ausblenden

Hat man die Mobilvorlage seines Blogs unter Vorlage > Mobil zugelassen und erfolgreich auf "Benutzerdefiniert" eingestellt, kann man den Button für Google-Plus, der unter Posts steht, ausblenden, wenn man unter Vorlage > Erweitert > CSS hinzufügen das folgende Kommando einträgt und dann oben rechts auf "Auf Blog anwenden" klickt:

Weiterleitung gelöschter Adressen auf neue

Löscht man einen Post, eine Seite oder ein Label oder benennt ihre Adressen um, dann sind bestehende Links, mit den nun nicht mehr existierenden Adressen, tot und ihre Aufrufe führen zu einer Fehlerseite, die sagt, dass sich unter der jeweiligen Adresse nichts befindet.

Bietet man zu dem jeweiligen Thema jedoch nach wie vor Inhalt an, nur halt unter neuer Adresse, ist es sinnvoll, den Aufruf der alten Adresse gleich auf die neue Adresse weiterzuleiten. So stellt man sicher, dass der Inhalt gelesen wird und die Besucher keinen getrübten Eindruck vom Blog bekommen.

Benutzerdefinierte Mobilvorlage - Blockierung entfernen

Es kann vorkommen, dass man unter Vorlage > Mobil zwar auf "Benutzerdefiniert" stellen kann, die Effekte, die damit verbunden sein müssten, jedoch ausbleiben.

Mobil-Version eines Blogspot-Blog

Damit ein Blog in seiner Mobil-Version auf Smartphones angezeigt werden kann und seine Inhalte auch dort komplett erfasst werden können und abrufbar sind, muss man einiges wissen und berücksichtigen. Hier habe ich erfasst, welche Standards für die mobilen Vorlagen gelten, was man tun muss, um Änderungen am Standard vornehmen zu können, welche Änderungen möglich sind, wie man Änderungen vornehmen kann und welche Adressen innerhalb der Mobil-Version gelten.

Post, Seite oder Label zur Startseite machen

Das geht per "Benutzerdefinierte Weiterleitung" zu der man wie folgt kommt:

• Vom Blog aus:
  Design > Einstellungen > Sucheinstellungen > Fehler und Weiterleitungen > Benutzerdefinierte Weiterleitungen
• Vom Dashboard aus:
  Blog-Menü (Pfeil) > Einstellungen > Sucheinstellungen > Fehler und Weiterleitungen > Benutzerdefinierte Weiterleitungen

Navigation in Smartphones

Die Navigiermöglichkeiten sind stark eingeschränkt, wenn die mobile Version des Blogs in Smartphones angezeigt wird.

In der Startansicht kann man sich durch sämtliche Posts scrollen, wie man das von der Startseite im klassischen Blog kennt. Ist das Seiten-Gadget aktiviert, gibt es außerdem ein Seiten-Menü.

Liste: MobilVorlage

Folgend sind alle Titel der Posts mit dem Label "MobilVorlage"  Web  Mobil  gelistet und verlinkt.

• Mobil-Version eines Blogspot-Blog
  Web  Mobil



• Benutzerdefinierte Mobilvorlage - Blockierung entfernen
  Web  Mobil
• Gadget "Wochenschau" verhindert Einstellung "Benutzerdefiniert" für Mobil-Vorlage
  Web  Mobil
• Style-Änderung unter "HTML bearbeiten" verhindert Einstellung "Benutzerdefiniert" für Mobil-Vorlage
  Web  Mobil
• DynAn: "Benutzerdefinierte" Mobilvorlage produziert doppelte Anzeige
  Web    Mobil



• Navbar-Platzhalter in mobiler Layout-Vorlage entfernen
  Web    Mobil



• Link in Label-Überschriften ausblenden
  Web  Mobil
• Mobilvorlage: Google-Plus-Button unter Posts ausblenden
  Web  Mobil
• Inhalte in der Mobilversion anders anzeigen lassen
  Web    Mobil
• Classic als mobile Klasse nutzen
  Web    Mobil



• Navigation in Smartphones
  Web  Mobil
• Seiten-Gadget
  Web  Mobil
• Unterschiedliche Seitenlisten für Webversion und Mobilversion
  Web    Mobil
• DynAn: Unterschiedliche Tabs der Seitenliste in Webversion und Mobilversion anzeigen
  Web    Mobil
• Nach-oben-Link ohne Script
  Web  Mobil



• Automatische Verlinkung von Zahlen in Smartphones verhindern
  Web  Mobil
• Weiterleitung gelöschter Adressen auf neue
  Web  Mobil
• Post, Seite oder Label zur Startseite machen
  Web  Mobil