Calyrium.org http://calyrium.org Ein weiterer WordPress-Blog Sun, 29 Apr 2012 13:51:33 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Verwendung von Customfields http://calyrium.org/2012/04/27/verwendung-von-customfields/ http://calyrium.org/2012/04/27/verwendung-von-customfields/#comments Fri, 27 Apr 2012 20:33:48 +0000 kreativmonkey http://calyrium.org/?p=82 Weiterlesen →]]> WordPress bietet die Möglichkeit Benutzerdefinierte Felder, sogenannte Customfields zu verwenden. Natürlich lassen sich zu diesem Thema im Netz unzählige Anleitungen finden, jedoch sind die meisten davon nicht vollständig oder schneiden nur einen Teil der Funktionen an.

Custom Filds im Theme aktivieren

Die Benutzerdefinierten Felder findest du unter dem Artikeleingabefeld. Teilweise sind sie jedoch auch ausgeblendet, in diesem Fall musst du unter “Optionen einblenden” (oben links in der Ecke) einen Hacken vor “Benutzerdefinierte Felder” setzen.

Benutzerdefinierte Felder nutzen

Die Custom Fields bestehen aus einer Variablen “Name” und dem Wert der übergeben wird. Als Variable wählst du etwas aus das für dich aussagekräftig ist jedoch kein Leerzeichen oder Sonderzeichen hat. Wir möchten in unserem Beispiel eine Quelle mit Hilfe von Custom Fields einfügen, daher nehme ich als Variable quelleText und quelleLink.
Unter Wert gibst du den Wert der Variablen ein.

Wichtig: Wenn du den Wert nachträglich ändern möchtest brauchst du den Artikel nicht zu Aktualisieren sondern es reicht wenn du das jeweilige Custom Field über “Aktualisieren” aktualisierst.

Ausgabe von Custom Fields

Die Ausgabe kann über mehrere Wege gelöst werden. Entweder direkt im Template z.B. in der Datei single.php. Dort fügt man, an die Stelle wo der Text ausgegeben werden soll die folgenden Zeilen ein:

<?php echo get_post_meta($post->ID, 'value', true) ?>

In unserem Beispiel sieht das ganze dann so aus:

<?php if ( get_post_meta($pots->ID, 'quelleText', false) : ?>
        <p> Quelle: <br />
                <a href="<?php echo get_post_meta($post->ID, 'quelleLink', true) ?>" title="<?php echo get_post_meta($post->ID, 'quelleText', true) ?>" >
                      <?php echo get_post_meta($post->ID, 'quelleText', true) ?>
                 </a>
<?php endif; ?>

Erklärung: Ich frage mit if ab ob das Custom Field quelleText einen Wert hat, ist dem der Fall gebe ich die URL und den Text mit Hilfe von echo aus.

Alternative Ausgabe

Man kann die Custom Fields auch mit Shortcodes verbinden. Zu Shortcodes werde ich bald ein weiteres Tutorial schreiben.

Weiterlesen:

]]> http://calyrium.org/2012/04/27/verwendung-von-customfields/feed/ 0 Google Maps Karte einbinden ohne Plugin (API V3) http://calyrium.org/2012/04/13/google-maps-karte-ohne-plugin-api-v3/ http://calyrium.org/2012/04/13/google-maps-karte-ohne-plugin-api-v3/#comments Fri, 13 Apr 2012 23:05:34 +0000 kreativmonkey http://calyrium.org/?p=64 Weiterlesen →]]> Auf einem meiner Projekte wollte ich eine Google Maps Karte integrieren um die Stellenanzeigen und Events optisch auf zu peppen und den Ort zu Visualisieren. Hierfür kann und möchte ich aus verschiedenen Gründen kein Plugin verwenden. Erstens sind die Plugins nicht immer sauber Programiert und laden den Code an stellen wo es unnütze ist und zweitens tragen verschiedene Kunden die Events und Stellenanzeigen ein und dies macht die Nutzung eines Plugins noch schwieriger.

Leider musste ich feststellen das sich alle Tutorials auf die schon seit 2010 veraltete Google Maps Java API V2 beziehen. Daher habe ich mich entschlossen mir hier gleich mal eine Gedankenstütze zu schaffen falls ich den Code nochmal benötigen sollte.

Problem:

  • Einbinden einer Google Map ohne Plugin
  • Verwendung von Custom Fields zur Markierung in der Karte
  • Ausgabe auf den vorgesehenen Seiten.

Lösung:

Vorbereitung der Adresse aus den Custom Fields
Zunächst wollen wir die Adresse aus den Custom Fields herauslesen. Für meine Zwecke sind die Angaben der Adresse in einzelnen Custom Fields unterteilt, somit habe ich ein Feld für die Straße und Hausnummer, Postleizahl sowie den Ort und das Land.

<?php // Adressdaten auslesen $strasse = get_post_meta($post----->ID, 'cpt_strasse_nr', true);
$plz = get_post_meta($post-&gt;ID, 'cpt_postleizahl', true);
$ort = get_post_meta($post-&gt;ID, 'cpt_stadt', true);
$land = get_post_meta($post-&gt;ID, 'cpt_land', true); ?&gt;

Und im Folgenden setze ich alles zu einer Adresse zusammen:

<?php // Lokation Informationen zusammenfügen 
$adresse = $strasse .', '.$plz .' '.$ort.', '.$land ; ?>

Nun sollte die Ausgabe so aussehen: Musterstraße 12, 99999 Musterhausen, Deutschland und ist somit perfekt für den nächsten Schritt.

Erzeugen der Google Map
Zunächst müssen wir die Google API laden, dies tun wir nicht, wie in den meisten Tutorials beschrieben, im <head> bereich sondern an der Stelle wo die Karte hin soll. Der Vorteil hierbei ist das die JS API nur dort geladen wird, wo wir sie brauchen.

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>

Nun erzeugen wir die Karte mit einem Marker auf der angegeben Adresse

<script type="text/javascript">
		var geocoder;
  		var map;
		$(document).ready(function() {
 			initialize();
			}); 

  		function initialize() {
    			geocoder = new google.maps.Geocoder();
    			var latlng = new google.maps.LatLng(-34.397, 150.644);
    			var myOptions = {
      				zoom: 13,
      				center: latlng,
      				mapTypeId: google.maps.MapTypeId.ROADMAP
    			}
    			map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    			codeAddress();
  			}

		function codeAddress() {
    			var address = "<?php echo $adresse; ?>";
    			geocoder.geocode( { 'address': address}, function(results, status) {
      			if (status == google.maps.GeocoderStatus.OK) {
        			map.setCenter(results[0].geometry.location);
        			var marker = new google.maps.Marker({
            				map: map,
            				position: results[0].geometry.location
        			});
      			} else {
        			alert("Geocode was not successful for the following reason: " + status);
      			}
    		});
  		}

</script>

Hier möchte ich noch einmal den Wichtigen Part herausnehmen und erläutern:

function codeAddress() {
    			var address = "<!--?php echo $adresse; ?-->";
    			geocoder.geocode( { 'address': address}, function(results, status) {
      			if (status == google.maps.GeocoderStatus.OK) {
        			map.setCenter(results[0].geometry.location);
        			var marker = new google.maps.Marker({
            				map: map,
            				position: results[0].geometry.location
        			});
      			} else {
        			alert("Geocode was not successful for the following reason: " + status);
      			}

Mit Hilfe des vom Google eigenen Dienst Geocoding ermitteln wir mit Hilfe der Adresse den Längen und Breitengrad der zur Darstellung der Karte benötigt wird. Bei var adresse=” “; übergeben wir die aus den Custom Fields zusammengesetzte Adresse. Durch var marker = new google.maps.Marker.. wird ein Marker auf die Adresse gesetzt.

Ausgabe der Karte
Mit dem folgenden Codefragment lässt sich die Karte dann auf eurer Webseite ausgeben:

<div id="map_canvas" style="width:100%; height:300px;"></div><!-- #map_canvas -->

Dieser Teil muss dort hin wo die Karte ausgegeben werden soll. Die größe lässt sich wie von einem Div gewohnt mit den Parametern width und height anpassen, davor und danach kann alles stehen was du willst, nur nicht in dem Div!

Zusammenfassung
Hier möchte ich dir nochmal den Code an einem Stück präsentieren, du brauchst ihn nur Kopieren und an der Gewünschten stelle ein zu fügen. Vergiss bitte nicht die Variablen der Custom Fields an zu passen!

<?php // Adressdaten auslesen $strasse = get_post_meta($post----->ID, 'cpt_strasse_nr', true);
$plz = get_post_meta($post-&gt;ID, 'cpt_postleizahl', true);
$ort = get_post_meta($post-&gt;ID, 'cpt_stadt', true);
$land = get_post_meta($post-&gt;ID, 'cpt_land', true); ?&gt;

<?php // Lokation Informationen zusammenfügen 	
$adresse = $strasse .', '.$plz .' '.$ort.', '.$land ; ?>

<!-- Google Maps Script einbinden -->
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
		var geocoder;
  		var map;
		$(document).ready(function() {
 			initialize();
			}); 

  		function initialize() {
    			geocoder = new google.maps.Geocoder();
    			var latlng = new google.maps.LatLng(-34.397, 150.644);
    			var myOptions = {
      				zoom: 13,
      				center: latlng,
      				mapTypeId: google.maps.MapTypeId.ROADMAP
    			}
    			map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    			codeAddress();
  			}

		function codeAddress() {
    			var address = "<?php echo $adresse; ?>";
    			geocoder.geocode( { 'address': address}, function(results, status) {
      			if (status == google.maps.GeocoderStatus.OK) {
        			map.setCenter(results[0].geometry.location);
        			var marker = new google.maps.Marker({
            				map: map,
            				position: results[0].geometry.location
        			});
      			} else {
        			alert("Geocode was not successful for the following reason: " + status);
      			}
    		});
  		}

</script>
<div id="map_canvas" style="width:100%; height:300px;"></div><!-- #map_canvas -->

]]> http://calyrium.org/2012/04/13/google-maps-karte-ohne-plugin-api-v3/feed/ 7 ExifTool – Aufnahmedatum mehrerer Bilder von unterschiedlichen Digicams korrigieren http://calyrium.org/2012/04/09/exiftool-aufnahmedatum-mehrerer-bilder-von-unterschiedlichen-digicams-korrigieren/ http://calyrium.org/2012/04/09/exiftool-aufnahmedatum-mehrerer-bilder-von-unterschiedlichen-digicams-korrigieren/#comments Mon, 09 Apr 2012 18:05:28 +0000 kreativmonkey http://calyrium.org/?p=50 Weiterlesen →]]> Wieso können die Kamerahersteller nicht dafür sorgen, dass die Kameras von selbst die Zeitumstellung erledigen? Dies würde im Programm nur wenig platz brauchen, aber selbst bei meiner teuren Spiegelreflexkamera ist dies nicht drin. So ist es mir mal wieder passiert das ich einen ganzen lieben langen Tag auf Winterzeit Fotografiert habe dabei haben wir schon Sommerzeit. Das wäre im Prinzip auch nicht so tragisch, jedoch beim Organisieren einer großen Fotodatenbank ist es notwendig das diese Daten stimmen, zumal ich die Bilder mit GPS Koordinaten versehen wollte die aus einem GPS Tracker stammen….
Unter Linux habe ich das Programm ExifTool gefunden mit dem man unter anderem die Zeitinformationen von Bildern korrigieren kann.

Das Tool lässt sich nur über die Konsole bedienen und bietet eine Vielzahl an Funktionen. So kann man die Bilder umbenennen, ihnen ein anderes Datum zuweisen oder eben die Zeit anpassen.

In meinem Fall musste ich der im Bild gespeicherten Zeit 1 Stunde drauf rechnen um sie auf Sommerzeit um zu stellen.

exiftool -AllDates+=01:00 Pfad_zu_den_Bildern/*.JPG

 

Quellen:

]]> http://calyrium.org/2012/04/09/exiftool-aufnahmedatum-mehrerer-bilder-von-unterschiedlichen-digicams-korrigieren/feed/ 0 Was denn nun? http://calyrium.org/2012/01/18/was-denn-nun/ http://calyrium.org/2012/01/18/was-denn-nun/#comments Wed, 18 Jan 2012 17:36:22 +0000 kreativmonkey http://calyrium.org/?p=4 Weiterlesen →]]> Da ich diesen Blog öffentlich zur Verfügung stelle wollte ich auch kurz einführend erklären was ich mir dabei denke. Jeden neuen Tag stehe ich vor neuen Problemen und finde Lösungen für diese. Auf der Suche nach den Lösungen durchforste ich haufenweise Blogs und Webseiten die ich meist über Google finde. Leider ist nicht immer die Lösung an nur einem Ort versteckt oder man stößt auf andere interessante Dinge die man evtl. mal benötigen könnte. Zum gegebenen Zeitpunkt kann ich mich dann zwar noch dran errinern das es dazu eine Lösung gegeben hat, weiß jedoch nicht mehr wo und genau dieses Problem möchte ich hiermit in die Hand nehmen.

Da ich einige Webprojekte betreue und mich sehr für das Thema Interessiere bin ich auch viel darüber am Lesen, leider ist es nicht möglich alles was interessant ist in Lesezeichen zu organisieren. Nun ist meine Überlegung die, das ich einfach alles was ich interessant finde in Artikel Speicher und zu gegebener Zeit in Angriff nehme. Dabei möchte ich mir das Thema anschauen und aufschreiben was ich raus gefunden habe. Was ich daran interessant finde, für was ich es verwenden könnte und ob es alternativen gibt.
Des weiteren möchte ich mir hier eine kleine Gedankenstütze aufbauen um in Zukunft zeit zu sparen denn viele meiner Probleme habe ich schon mal gelöst und weiß nur nicht mehr wo ich die Lösung gefunden habe oder ich weiß nicht mehr wie ich etwas umgesetzt habe und so weiter.

Somit soll diese Seite in erster Linie ein Nachschlagewerk für mich sein mit dem ich Zeit sparen möchte. Ich stelle mein Nachschlagewerk öffentlich zur Verfügung da ich hoffe damit hier und da mal jemanden helfen zu können. Ich werde viele Links zu anderen Webseiten veröffentlichen und freue mich natürlich auch über Kommentare die andere Lösungen vorschlagen. Also viel Spaß beim lesen.

]]> http://calyrium.org/2012/01/18/was-denn-nun/feed/ 0