Somit bekommt man  in einer ersten Übersicht schnell einen Überblick, welche Plugins wie häufig genutzt werden und kann auch schnell “Plugin-Leichen” ausmachen, die gelöscht werden können, da sie eh nicht benutzt werden. In einer zweiten Übersicht wird auch angezeigt, welches Plugin in welchem Blog aktiviert ist.

Übersicht der genutzten und nicht genutzten Plugins im WordPress-Netzwerk

Zur Nutzung des Plugins muss es im Plugin-Verzeichnis des Netzwerkadministrators netzwerkweit aktiviert werden. Danach findet man im Bereich “Einstellungen” des Netzwerkadministrators einen Menüpunkt “Active Plugins”, bei dem es dann die Übersicht der aktiven Plugins gibt. Zu beachten ist, dass andere netzwerkweit aktivierten Plugins in der Übersicht nicht berücksichtigt werden.

Programm-Versionen, auf die sich dieser Artikel bezieht:

WordPress: 3.3
Active Plugins: 1.5

Aktive Plugins in Blogs eines WordPress-Netzwerks ausgeben lassen ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• CSScience – CSS3 Responsive Slider / Carousel Using Radio Buttons
  CSS3-Slider ohne JavaScript … funktioniert in allen gängigen modernen Browsern … schön
• Fontomas – easy iconic fonts composer
  Icon-Font-Set-Generator: benötigte Icons aus verschiedenen Sets auswählen, Buchstaben zuweisen, exportieren, fertig ist das neue Icon-Font-Set
• 3 moderne Icon-Fonts für das nächste Web-Projekt
  Drei schöne Icon-Font-Sets

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy

Netzfundstücke der Woche 14/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

Es bleiben einem damit zwei Möglichkeiten. Zum Einen die Nutzung der Google Maps API. Hiermit kann man auch nur einen reinen Street View in die Seite einbinden. Wer allerdings kein Javascript verwenden möchte oder aber sich nicht extra dafür bei Google anmelden möchte (man braucht einen API-Schlüssel), muss auf die zweite Möglichkeit ausweichen: die Google Street View Image API.

Ähnlich der Static Maps API gibt es seit September letzten Jahres auch eine API für statische Street-View-Bilder. Mit dieser lassen sich die Bilder ganz einfach über eine spezielle URL einbinden.

Das Grundgerüst dieser URL sieht folgendermaßen aus:

1

http://maps.googleapis.com/maps/api/streetview?Parameter

http://maps.googleapis.com/maps/api/streetview?Parameter

Nach dem ? werden die einzelnen Parameter angegeben, die durch ein & voneinander getrennt werden. Folgende Parameter sind dabei notwendig:

•  size gibt die Größe des Bildes in Pixel in der Form size=[Breite]x[Höhe] (also z.B. size=320x180) an. Maximal sind 640×640 möglich.
• location gibt die Position an. Hier kann man entweder eine Textadresse (die Leerzeichen durch %20 ersetzen) oder Koordinaten in der Form location=[Längengrad],[Breitengrad] wählen (z.B. location=51.88292,4.642107).
• sensor ist ein ja/nein-Parameter dafür, ob die Koordinaten von z.B. einem GPS-Gerät kommen oder nicht. Wenn man nicht gerade eine mobile App kreiert, wird hier im Allgemeinen der Wert false richtig sein (ansonsten true wählen).

Mit diesen drei Parametern bekommt man schon mal ein Bild zu sehen. Hier ein Beispiel mit der Adresse:

1

http://maps.googleapis.com/maps/api/streetview?size=500x300&location=51.88292,4.642107&sensor=false

http://maps.googleapis.com/maps/api/streetview?size=500x300&location=51.88292,4.642107&sensor=false

Google Street View nur mit notwendigen Parametern

Das Bild zeigt dabei den Street-View-Blick standardmäßig in Richtung Norden (wir haben ja in der URL auch nix anderes angegeben). Zum Einstellen des “Motivs” gibt es noch drei optionale Parameter, die einem mehr Kontrolle über das Bild geben:

•  heading gibt die Richtung in Grad an, in die man schauen möchte. Werte zwischen 0 und 360 sind hier möglich, wobei man bei 0 bzw. 360 nach Norden, 90 nach Osten, 180 nach Süden usw. schaut.
• fov beschreibt die Zoomstufe bzw. das Sichtfeld des Bildes (field of view). Hier sind Werte zwischen 0 (höchste Zoomstufe) und 120 (kein Zoom) möglich.
• pitch bestimmt den Blickwinkel der Kamera. 0 bedeutet dabei meist ein horizontaler Blick. Ein negativer Wert lässt die Kamera nach unten schwenken und ein positiver Wert nach oben. Maximal sind 90 (senkrecht nach oben) bzw. -90 Grad (senkrecht nach unten) möglich.

Im Folgenden nun ein Bild mit allen verwendeten Parametern und folgender Adresse:

1

http://maps.googleapis.com/maps/api/streetview?size=500x300&location=51.88292,4.642107&sensor=false&heading=198&fov=80&pitch=5

http://maps.googleapis.com/maps/api/streetview?size=500x300&location=51.88292,4.642107&sensor=false&heading=198&fov=80&pitch=5

Google Street View mit allen möglichen Parametern

Beschränkungen:

Die Bilder können je Besucher und Tag 1000 mal aufgerufen werden. Da es eine Pro-Besucher-Quote ist, sollte man sich also über ein Erreichen dieser Grenze keine Gedanken machen müssen. Sollte doch irgendwie diese Quote überschritten werden, wird stattdessen ein Standard-Bild von Google angezeigt, das auf die überschrittene Quote hinweist.

Mehr Details zur API findet man auf der Seite der Google Street View Image API.

Google Street View Image API ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• lorempixel – placeholder images for every case
  Schöner Dummy-Bildgenerator für jede Bildgröße mit Bildern zu verschiedenen Themen
• 10 More Great Google Font Combinations You Can Copy
  Schöne Möglichkeiten verschiedene Google Webfonts in Überschriften und Texten zu kombinieren ohne den “Standard” Droid Sans zu nutzen
• Animation Using CSS Transforms
  Verschiedene Möglichkeiten für CSS-Transformationen

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy

Netzfundstücke der Woche 13/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

Ausschnitt aus dem Rich Snippets Testing Tool

Um so mehr ein Grund, den eigenen Blog dafür fit zu machen. Dachte ich mir zumindest. Welche Anleitung ich auch ausprobiert hatte, der Test mit dem Rich Snippets Testing Tool brachte immer die Meldung, dass keine Angaben zur Autorenschaft auf der getesteten Seite gefunden werden konnte (obwohl das Markup dafür immer richtig eingebaut war). Nach vielem hin und her fand ich nun heraus, dass es an der Permalinkstruktur des Blogs lag.

WordPress betreibe ich im Multisite-Modus, da ich noch verschiedene Nebenprojekte und Testumgebungen als extra WordPress-Blogs nutze. Alle Blogs werden als Unterordner der Domain angezeigt. Dabei bekommt der Hauptblog den Ordner /blog standardmäßig zugewiesen. Die Permalinkstruktur sah dann folgendermaßen aus: http://blog.lewumpy.de/blog/2012/03/titel-des-artikels. Änderte man die Permalinkstruktur in die Form http://blog.lewumpy.de/?p=123, dann zeigte das Rich Snippets Testing Tool die erfolgreiche Verifizierung der Autorenschaft an.

Um mich nun als Autor erfolgreich verifizieren zu können, war die (aus meiner Sicht) einzige Lösung, eine Kopie des Hauptblogs als Unterblog anzulegen, sodass er dann z.B. unter http://blog.lewumpy.de/blog-kopie/ erreichbar war. Mit Hilfe des Plugins WordPress MU Domain Mapping hab ich dann die eigentliche Adresse http://blog.lewumpy.de auf den Unterblog weitergeleitet. Ich gebe zu, dass diese Lösung nicht die eleganteste ist und noch dazu je nach Blogumfang relativ aufwendig ist, allerdings hatte ich im Netz auch keinen anderen Lösungsweg gefunden. Nach der Umstellung auf einen Unterblog, wurden nun die Artikel auch mit der Permalinkstruktur Jahr/Monat/Titel erfolgreich verifiziert.

Programm-Versionen, auf die sich dieser Artikel bezieht:

WordPress: 3.3.1

Autoren, Google und eine WordPress-Multisite-Installation ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

Wem aber die Kenntnisse zum Ändern des Quellcodes fehlen oder diesen einfach nicht anfassen möchte, muss auf ein Plugin zurückgreifen. An dieser Stelle bietet sich das Plugin  Category Post Widget von James Lao an. Es ist zwar offiziell nur bis WordPress-Version 3.1.4 kompatibel, funktioniert aber auch in der Version 3.3 noch problemlos.

Nach der Installation steht in der Widget-Sektion des Administrationsbereichs ein neues Widget namens “Category Posts” zur Verfügung, das einem umfangreiche Einstellmöglichkeiten bietet (siehe Bildschirmfotos). So kann man neben den Funktionen, die man von solch einem Plugin erwartet (nämlich Artikel einer Kategorie in einer bestimmten Anzahl aufzulisten  ) auch die Reihenfolge der Artikel (Datum, Titel, Kommentaranzahl oder zufällig) einstellen. Wem der reine Artikeltitel zu wenig ist, hat ebenfalls die Möglichkeit, den Auszug des Artikels mit anzeigen zu lassen. Ein weiterer Pluspunkt ist die Möglichkeit, auch den Artikel-Thumbnail mit anzeigen zu lassen (sofern man einen hat).

Alles in allem ein sehr praktisches Plugin, das einem viel Arbeit abnimmt.

Einstellungen des Category Posts Widget

Programm-Versionen, auf die sich dieser Artikel bezieht:

WordPress: 3.3
Category Post Widget: 3.3

Artikel einer Kategorie in der Seitenleiste von WordPress per Plugin ausgeben ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• HTML Cheat Sheet for Transition to HTML 5
  Cheat Sheet mit Auflistung aller HTML-Elemente, sowohl HTML 4 als auch HTML 5 sowie den Unterschieden zwischen beiden … gut geeignet zum “Upgrade” des Codes von HTML 4 auf 5
• Web Color – CSS3 Color Names
  Übersicht von allen 147 Farben in der CSS3-Farbspezifikation
• Kraken Web Optimizer – Online Optimization Tool
  Bildoptimierung, CSS-, Javascript- und HTML-Minimierung und andere Optimierungswerkzeuge für die Webentwicklung an einer Stelle
• Periodic Table of the Elements
  Schöne Übersicht über alle HTML5-Elemente in Form eines Periodensystems

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy!

Netzfundstücke der Woche 11/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• Accordion with CSS3
  Geniale Umsetzung eines Akkordeons nur mit CSS3 und ohne Javascript mit der Möglichkeit, dass mehrere Inhalte des Akkordeons gleichzeitig geöffnet sind
• Freier WMS mit OpenStreetMap-Daten
  Und noch ein freier WebMapService zur Einbindung in ein GIS
• CSS playground
  Wunderbar umgesetzte Effekte mit reinem CSS … darunter eine Slideshow, ein Lightbox-Effekt und andere Effekte, die ich bisher nur mit Javascript umgesetzt kannte
• Astuce Empêcher le scroll avec l’utilisation de :target – Désactiver le scroll lors du clic vers une ancre en CSS
  Bild-Slider nur mit CSS3 … ohne JavaScript … schön realisiert

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy!

Netzfundstücke der Woche 08/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• How to use a histogram
  Benutzung von Histogrammen in digiKam erklärt

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy!

Netzfundstücke der Woche 05/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter

• Jumpstart Your Web Project With HTML KickStart
  Tutorial zum schnellen Aufsetzen einer Webseite mit Hilfe des HTML-KickStart-Frameworks
• When can I use… Support tables for HTML5, CSS3, etc
  Noch eine schöne Übersicht mit Browservergleichstabellen, ab welcher Version verschiedene HTML5- & CSS3-Eigenschaften unterstützt werden
• HTML5 Please – Use the new and shiny responsibly
  Klasse Übersicht, welche HTML5- und CSS3-Elemente wann wie genutzt werden können
• .htaccess Files for the Rest of Us
  Einträge in .htaccess verständlich erklärt
• dochub | Instant Documentation Search
  Eine allumfassende Sammlung der CSS- und HTML-Befehle … und daneben noch PHP, Javascript & JQuery

Alle Netzfundstücke findet ihr auch bei lesezeichen@lewumpy!

Digest powered by RSS Digest

Netzfundstücke der Woche 04/12 ist ein Beitrag von blog@lewumpy : : : Weitere Neuigkeiten findest du auch hier: Facebook | Google+ | Twitter