Monatsarchiv: Februar 2020

Spoiler
Autor: René A. Da Rin,   Artikel erstellt: am 25.02.2020,   aktualisiert am 12.04.2020



BBSpoiler erlaubt es Text hinter einem Titel zu verbergen. Erst der Klick darauf blendet den Text ein. Da mir selbst bei transparenter Darstellung das Ergebnis nicht zusagt, habe ich im Custom CSS ein paar Änderungen vorgenommen. Nebst dem Hintergrund der schon transparent ist, hab ich auch noch die Rahmen bis auf den Linken entfernt und die Schriften angepasst. Das können Sie ganz nach Ihren Vorstellungen anpassen. Ein Beispiel sehen Sie hier.

Der CSS-Code dazu:

.sp-wrap {
padding: 0px;
    border-style: solid;
    border-image: none;
    border-width: 0px 0px 0px 1px;
    clear: both;
margin-bottom:10px;
}
.sp-head {
    cursor: pointer;
    display: block;
    font-weight: bold;
    font-style: italic;
    margin-left: 0px;
    padding: 1px 14px 0px;
    text-align: left;
}
.sp-body {
    padding: 2px 30px;
    height:auto;
    font-size: 0.8em;
}

BBSpoiler

Meine GoogleMaps Karten
Autor: René A. Da Rin,   Artikel erstellt: am 07.02.2020,   aktualisiert am 12.04.2020



GoogleMaps ist ja schon sehr lange meine Lieblingsseite. Da gibt es immer wieder Spannendes zu entdecken. Eine wirklich ganz feine Sache ist aber die Möglichkeit eigene Karten zu erstellen und darauf Markierungen mit Kommentaren einzufügen. Diese Karten können ganz privat sein oder auch öffentlich geteilt werden, wie auch in die eigene Webseite integriert werden.

Ich habe eine solche Karte erstellt um am Flughafen Zürich Kloten ZRH Punkte anzugeben, wo man gut Fotos machen kann, wo es Parkmöglichkeiten gibt und die Pistennummerierungen.

Eine eigene Karte einrichten

Die Voraussetzung dazu ist ein eigener Google Account.

Im Seitenmenu auf GoogleMaps (natürlich eingeloggt) gehen Sie auf die drei horizontalen Striche (Menu), klicken da auf ‘Meine Orte’, dann auf ‘Karten’ und ‘Karte erstellen’.

Karte bearbeiten

Das Meiste ist eigentlich selbsterklärend und man findet sich schnell zurecht, deshalb im Folgenden einen kurzen Überblick.

Die Markierungen können auf verschiedene Ebenen verteilt werden. So können Ebenen beliebig Ein- oder Ausgeblendet werden. Ebenen können beliebig benannt werden.

Symbole werden mit einem Titel und optional mit einer Beschreibung benannt. Die Symbole können aus einer Auswahl geändert und farblich angepasst werden. Auch können eigene Symbole verwendet werden. Im obigen Beispiel sind die Pistennummern eigene Grafikpictogramme, die restlichem Markierungen kommen von Google.

Menueintrag ausblenden, wenn keine Beiträge in der Kategorie vorhanden sind
Autor: René A. Da Rin,   Artikel erstellt: am 05.02.2020



Ich habe auf einer Seite eine Kategorie ‘Aktuelles’, in welche ich hin und wieder was schreibe. Das sind Beiträge mit Nachrichtencharakter, welche nach kurzer Zeit nicht mehr interessant sind und deshalb nicht archiviert werden.

Mit dem Plugin Post Expirator werden die Beiträge nach einer vorgegebenen Zeit automatisch gelöscht. Somit kommt es oft vor, dass die Kategorie über einen längeren Zeitraum leer bleibt. Während dieser Zeit macht der Menueintrag ‘Aktuelles’ keinen Sinn. Warum soll man die Möglichkeit haben, eine leere Kategorie an zu klicken?

Für Widgets gibt es ein Plugin (Widget Visibility Time Scheduler) um diese Zeitgesteuert anzuzeigen. Für Menueinträge habe ich nichts passendes gefunden.

Deshalb habe ich zu einer etwas unkonventionellen Lösung gegriffen. Zuerst lade ich maximal einen Beitrag der Kategorie in einer Funktion. Liefert mir Diese irgendwelche Inhalte, gibt es mindestens einen Beitrag in der Kategorie und es muss weiter nichts getan werden. Erhalte ich keine Inhalte, ist die Kategorie leer und ich schreibe CSS-Code in den Header um den Menueintrag unsichtbar zu machen.

Das Ganze funktioniert einwandfrei, hat jedoch einen kleinen Schönheitsfehler. Es wird nicht der Code für den Menueintrag entfernt, sondern lediglich die Anzeige unterbunden. Das heisst, das Layout passt sich nicht an. Je nach Darstellung im Theme kann dies zu einem unschönen Ergebnis führen.

In diesem Beispiel wird auch Code in den Header geschrieben, wenn Beiträge vorhanden sind, um den Menueintrag hervorzuheben.

Welche Klassen im Theme angesprochen werden, muss von Fall zu Fall eruiert werden. Jeder Menueintrag hat seine eigene Klasse.