Alle Artikel zum Thema “Webdesign”

Flavors.me

Vom 20.04.2010

Mal wieder eine Linkperle von mir…

flavors.me bietet die Möglichkeit in Minuten eine supersexy Seite zu basteln, die alle gängigen Social Communities auf einer wirklich schönen Oberfläche vereint. Für die Selbstdarstellung, wenn es mal wieder dieser Tag im Monat ist.

flavors

Bilder automatisch aus Post auslesen und in Greybox-Imageset darstellen

Vom 04.06.2009

ENGLISH VERSION

In einem aktuellen Projekt stellte sich mir folgende Aufgabe:

Von den (mehreren) einem Post angehängten Bildern sollte das ERSTE Bild in Medium-Größe im Beitrag angezeigt werden.
Dabei sollte die Galerie-Sortierung des Posts für die Bildreihenfolge zu Grunde gelegt werden.  Der Kunde soll also durch sortieren auch entscheiden können, welches Bild auf der Post-Seite angezeigt wird.

Bei Klick auf das Bild sollte eine Greybox (Plugin Greybox-Integrator) geöffnet werden, in der dann alle restlichen Bilder, die am Beitrag hä¤ngen angezeigt werden (durch Pfeile navigierbar). Dieser Teil kann durch kleinste Code-Änderungen natürlich so angepasst werden, dass sich eine andere Viewer-Box öffnet.

Weil es gerne Probleme gibt, wenn man den Code aus dem Fenster unten kopiert, hier der Download als Textdatei.

Hier ist der Code (muss in den Loop auf index.php oder category.php oder auch single.php)

Wenn Dich das froh gemacht hat, kommentiere doch einfach ;-)

<!--Automatic Greybox-->
                <?php
                //Die zum Post gehoerenden Bilder ins Array $images schreiben
                //Put images from post in to array $images. Order by menu order defined in post gallery
                $images = get_children( array('post_parent' => $post->ID, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID') );

                //Pruefen, ob dem Beitrag Bilder angehaengt wurden.
                //check if there are any images attached to the post
                if (isset($images))
                {
                                //Den Zaehler auf 0 setzen
                                //set counter to 0
                                $count=0;
                                //Alle Bilder im Array $images nacheinander durchlaufen
                                //go through all images in array $images
                        foreach( $images as $image )
                                {
                                        $imageID = $image->ID;
                                        //fuer jedes Bild im Array die URL von sowohl der Mittleren, als auch der grossen Groesse ermitteln.
                                        //get medium and large image url for image
                                        $medImageSrc = wp_get_attachment_image_src($imageID, $size='medium', $icon = false);
                                        $largeImageSrc = wp_get_attachment_image_src($imageID, $size='large', $icon = false);

                                                //Wenn es sich um das erste Bild im Array handelt...
                                                //If it's the first image in the array
                                                if ($count==0)
                                        {
                                                //Den Greybox-Code mit einem Vorschaubild ausgeben
                                                //output Greybox Code with medium size preview
                                                echo"<a href='$largeImageSrc[0]' rel='shadowbox[Bilder]'><img src='$medImageSrc[0]' border='0'></a>";
                                        }
                                        //alle Bilder ,die nach dem erstern Bild kommen
                                        //this is for all the images that come after the first one
                                        else
                                        {
                                        //unsichtbare Greybox-Verknuepfung darstellen.
                                        //create invisible Greybox-Links without preview image
                                        echo"<a href='$largeImageSrc[0]' rel='shadowbox[Bilder]'></a>";
                                        }
                                        //Zaehler erhoehen.
                                        //increase counter
                                        $count++;

                                } //foreach
                }

?>

<!--ENDE Automatic Greybox -->

Digital Shop – Shop für digitale Produkte

Vom 09.04.2009

… endlich! Vor einer Weile habe ich mal für einen Fotojournalisten nach einer Möglichkeit gesucht, Bilder online zu verkaufen. Am Besten in einem Shop, der die Abwicklung automatisch erledigt. Will meinen, der Kunde bestellt ein paar Bilder (die er natürlich nur in kleiner Auflösung zur Ansicht bekommt) und bezahlt dann per Paypal oder Kreditkarte. Nachdem die Zahlung eingegangen ist, wird ihm nun ein Downloadlink zur Verfügung gestellt, unter dem er das / die Fotos herunterladen kann.   Solche Lösungen gab es aber (zumindest nach meinen Recherchen) nur im extrem hochpreisigen Bereich. Und das fiel dann schonmal weg.

Nun habe ich nach einer langen Weile noch einmal die Webseite von J.F. Nutbroek besucht, den ich alleine schon wegen seines kostenlosen, Äußerst charmant programmierten EasyPHPAlbum schätze. Und da habe ich doch tatsächlich zu einem fast lächerlichen Preis von 9 Euro genau diese Art   von Shop mit allen Funktionen die das Herz begehrt entdeckt. Herrlisch.

Leider habe ich dafür gerade keine Verwendung. Fast schon Schade. Aber hiermit wird es definitiv in mein Hinterstübchen gespeichert und wartet dort nur auf eine Einsatzmöglichkeit…

Kostenlose Flash Galerie

Vom 25.01.2009

Kaum ncoh Wünsche offen lässt die kostenlose Flash Galerie vom Dezinerefolio. Einen Blick und einen Klick wert.

gallery

Text Replacement…

Vom 20.11.2008

… ist eine feine Sache, die sehr viel zur Optik einer Seite beitragen kann. Aus aktuellem Anlass musste ich mich damit mal wieder beschäftigen. Eine schnelle, einfache und echt schöne Methode gab es auf A LIST APART zu lesen.

Auch für WordPress kann man das Ding anpassen (bei den Pfaden habe ich absolute Pfade benutzt). Im Beispielbild habe ich dieÜberschriften für ein Menü in der Schrift “Desyrel” ausgeben lassen. Schick, was?

Text Replacement

Text Replacement

Transparente PNGs und …

Vom 12.11.2008

Microsofts Unfall der Internet Explorer mögen sich ja nicht besonders. Hilfe gibt es aber doch. Nämlich mit einem kleinen Script, das alle Sorgen aus der Welt schafft.

Css Dropdown

Vom 02.10.2008

…. giddet hier:

Dinpattern… saftig!

Vom 27.09.2008

Echt geniale Hintergründe gibt es bei http://www.dinpattern.com

Inspiration

Vom 27.09.2008

Auf http://www.theinspirationgallery.com/ gibt es einmalig schöne Hintergründe. Besonders in und schick sind die Damast-Hintergründe. Hach…

Kostenlose Flash-Gallery…

Vom 23.09.2008

… präsentiert noch dazu auf einer echt schönen Site. Einfach mal im Kinterhopf behalten…