Schnipsel - Code Schnipsel (Snippets) zu Wordpress, PHP, HTML, CSS, jQuery

Little Snapper Bookmarklet

David Hellmann — Thu, 08 Oct 2009 07:36:12 +0000

Praktisch und gut! Einfach per klick Screenshots in Little Snapper erstellen.

1	javascript:location.href='littlesnapper://snap/'+location.href;

Tweet This mit WordPress

David Hellmann — Wed, 07 Oct 2009 14:37:15 +0000

Twitter ist überall! Hier ein kleiner Schnipsel zum einfachen einbinden in WordPress. Das ganze kommt von Frank Bueltge und von René.

Die Funktion kommt einfach in die functions.php im Themeordner.

/**
 * get a short/tiny url
 * @author: René Ade
 * @link: http://www.rene-ade.de/inhalte/php-code-zum-erstellen-einer-tinyurl-ueber-tinyurl-com-api.html
 */
if ( !function_exists('fb_gettinyurl') ) {
    function fb_gettinyurl( $url ) {
        $fp = fopen( 'http://tinyurl.com/api-create.php?url=' . $url, 'r' );
        if ( $fp ) {
            $tinyurl = fgets( $fp );
            if( $tinyurl && !empty($tinyurl) )
                $url = $tinyurl;
            fclose( $fp );
        }
        return $url;
    }
}

Eingebunden an der jeweiligen Wunschstelle der Seite wird es dann wie folgt:

1
2
3

 echo urlencode( 'Lohnenswert: ' . get_the_title() .' ') . fb_gettinyurl( get_permalink() ); ?>" title="Tweet this">
	 bloginfo('stylesheet_directory'); ?>/images/layout/tweetthis.jpg" border="0" />

Bei Twitter erscheint dann das hier: Lohnenswert: Titel des Beitrags http://tinyurl...

WordPress – Eine Seite ausgeben

David Hellmann — Wed, 12 Aug 2009 05:46:11 +0000

Will man sich zum Beispiel eigene Landingpages bauen oder auch nur die Startseite individuell gestalten braucht man hin und wieder einzelne Seiten die man einfügen möchte. Zum Beispiel einen kleinen About Text auf der Startseite oder ähnliches. Mit dem folgenden Code kann man ganz einfach an Hand der Seiten ID diese anzeigen lassen.


	// retrieve one post with an ID of 5
	query_posts('page_id=9');
 
	global $more;
	// set $more to 0 in order to only get the first part of the post
	$more = 1; 
?>
 while (have_posts()) : the_post(); ?>
	 the_title(); ?>
  	 the_content('Read the full post »'); ?>
 endwhile;?>

AS3 eigene Events

Thomas Aull — Mon, 13 Jul 2009 19:27:34 +0000

Wenn die normalen Events von AS3 nicht ausreichen, kann man sich auch eigene schreiben. Wie das geht erkläre ich in meinem Blog, die Klasse für eigene Events gibts auch hier:

 
package {
        // Import der Flash Eventklasse
	import flash.events.*;
 
	public class MeinEvent extends Event {
 
                // Eventarten, bekanntes Beispiel: MouseEvent.CLICK
		public static const MEIN_EREIGNIS:String = "MEIN_EREIGNIS";
 
                // Variable in denen wir zusätzliche Eventdaten speichern können
		public var data;
 
                // Der Konstruktor
		public function MeinEvent(type:String, data) {
			super(type);
			this.data = data;
		};
	};
};

Und anschließend noch EventListener und Dispatcher:

 
// EventListener
addEventListener(MeinEvent.MEIN_EREIGNIS, machWas)
 
// Dispatcher mit Eventdaten füttern...
var data:Object = new Object;
data.name = "Max Mustermann";
data.alter = 21;
// ...und abfeuern
dispatchEvent(new MeinEvent(MeinEvent.MEIN_EREIGNIS, data));
 
// Eventfunktion: Daten auslesen
function machWas(e:MeinEvent) {
    trace(e.data.name);
    trace(e.data.alter);
};

CSS – mit wenig Klassen auskommen

David Hellmann — Wed, 08 Jul 2009 08:13:23 +0000

Wenn man sein CSS gut schreibt dann kann man sich viele klasse sparen. Wenn man zum Beispiel verschiende Absätze- oder Headlineformatierungen haben möchte kann man über das Elternelement leicht auf das Kind zugreifen und muss dafür nicht extra eine Klasse vergeben. Folgendes Beispiel soll das zeigen.

Wir haben folgendes HTML


	
	
		Headline for sticky Post here
		
			Content here
		
	
 
	
	
		Headline for normal Post here
		
			Content here

Dazu folgendes CSS

#content .stickypost, #content .post {
	width:500px;
	border-bottom:1px dotted #aaa;
	float:left;
	clear:both	;
	etc...	
}
 
.stickypost h2, .post h2 {
	font:bold 18px/23px Arial;
	color:#666;
	etc...
}
 
.stickypost h2 {
	color:#d40000;
	etc...
}
 
.stickypost p, .post p {
	font:normal 13px/18px Arial;
	color:#444;
	margin:10px 0;
	etc...
}
 
.stickypost p {	
	font:normal 15px/20px Arial;
	etc...
}

Ergebnis

Man hat ohne irgendwelche Klassen zu vergeben trotzdem genug Einfluss auf die Elemente.

Simple PHP Schleife

David Hellmann — Thu, 02 Jul 2009 13:20:31 +0000

Kann man oft gebrauchen wenn man kleine Sachen schnell öfters darstellen will.

1
2
3

 for($i = 0; $i < 10; $i++) { ?>
	html code oder sonst was hier
 } ?>

WordPress – Shortcodes erstellen

David Hellmann — Tue, 30 Jun 2009 06:38:23 +0000

Wenn man zum Beispiel einen oft wiederkehrende Zeichenfolge hat und man diese nicht immer schreiben möchte von Hand könnte man die mit Shortcodes machen.

 function makebetterwebsites() {
    return 'Make Better Websites - Webseitengallery für wunderschöner und eindrucksvolle Webseiten.';
}
 
add_shortcode('mbw', 'makebetterwebsites');
?>

Jetzt müsste man in WordPress bei einem Artikel (HTML Editor) einfach [mbw] einsetzen und es würde der Text: "Make Better Websites - Webseitengallery für wunderschöner und eindrucksvolle Webseiten." erscheinen.

Da kommt mir gerade die Idee, ob es so vielleicht möglich wäre ganze Codeschnipsel die man oft braucht (z. B. Letzte Artikel ausgeben) einfach in solche Shortcodes packen könnte und somit in den Templates relativ wenig code hat. Wer kann was dazu sagen?

***UPDATE***
Ein kurzer plausch mit Frank und es kam raus das das so nicht möglich wäre aber er hat mich auf eine andere Sache gestoßen die im grunde ähnlich einfach ist :)

Javascript – public / private Methoden

Bastian Winkler — Tue, 23 Jun 2009 07:45:50 +0000

Hier ein Workarround für public und private Methoden mit objektorientiertem (OOP) Javascript

function bla () {
  var priv  = "privat";
  this.publicMethod = function () {
    privateMethode();
  }
  privateMethode = function ()   {
    alert(priv + " " + this.publ);
  }
}
var objekt = new bla();
objekt.publicMethod();

AS3 FlashVars auslesen

Thomas Aull — Sun, 14 Jun 2009 22:06:43 +0000

Beim Einbetten eines Flash-Films hat man die Möglichkeit Variablen zu hinterlegen, die dann im Flashfilm weiterverwendet werden können. Mit ActionScript 3 hat sich das Auslesen etwas geändert, an die Variablen kommt man jetzt so:

1	var pfad = root.loaderInfo.parameters.pfad;

Aufruf ohne www auf Adresse mit www umleiten

Thomas Aull — Tue, 09 Jun 2009 06:45:54 +0000

Google stuft eine Website schlechter ein wenn sie mit www. und ohne aufgerufen werden kann (doppelter Content). Deshalb sollte man alle Aufrufe ohne www. auf die URL mit www umleiten (oder umgekehrt). Das geht ganz einfach mit einer .htaccess Datei.

1
2
3

RewriteEngine On
RewriteCond %{HTTP_HOST} ^deinedomain\.com$ [NC]
RewriteRule ^(.*)$ http://www.deinedomain.com/$1 [R=301,L]