NGGallery: Bildbeschreibung unter Bild anzeigen

Von: pixelithe am: 11. Juni 2010

Um die Bildbeschreibung der Bilder in der Galerie anzeigen zu lassen genügt das Einfügen der Galerie mit diesem Code:


Die Beschreibungen müssen dann ggf. noch im entsprechenden Stylesheet aufgehübscht werden.

Eigenen Stil im Editor-Fenster von TinyMCE / Advanced

Von: pixelithe am: 8. Juni 2010

Mit Begeisterung nutze ich das Plugin TinyMCE Advanced. Einziger Wermutstropfen war bisher, dass die Styles aus meinem Theme meistens nicht so übernommen wurden, dass man damit vernünftig arbeiten konnte.

Wenn ich z.B. einen dunklen Gesamthintergrund habe, meine Posts aber in einem hellen Content-Bereich stehen, wird nur der BODY-Hintergrund in den Editor übernommen, ich sehe also meinen dunklen Hintergrund und das war’s.

Nicht sehr hübsch!

Nachdem ich mal wieder vor dem Problem stand, weil ich es einem Kunden so schön und einfach wie möglich machen wollte, habe ich jetzt mal ein bisschen gegraben und die Lösung gefunden.

Im Ordner

“/wp-includes/js/tinymce/themes/advanced/skins/wp_theme”

(uff). gibt es eine Datei content.css. In dieser Datei können die eigenen Styles manuell aus der eigentlichen Style.css übernommen werden und dann sieht auch der Content im Editor fein aus!

Tolle Anleitung für 3-spaltiges CSS Layout mit Floats

Von: pixelithe am: 1. Juni 2010

Mensch, was habe ich mich damit schon geplagt. Dreispaltige Layouts mit CSS-Floats können ein echter Albtraum sein. Aber das ist Vergangenheit.

Nachdem ich für einen Kunden mal wieder vor der Herausforderung stand, habe ich mich nochmal auf die Suche nach Anleitungen gemacht, die mein Leiden verringern können. Gefunden habe ich eine wirklich tolle Idee und Anleitung bei Kingcosmonaut.

Anleitung 3 Column Layouts

Jetzt kann ich wieder ruhig schlafen und der nächste, der drei Spalten will, kann kommen… Wuppertal…..

Erste Versuche mit Windows Live Writer

Von: pixelithe am: 28. Mai 2010

Heute habe ich mir mal angesehen, welche Alternativen es für den Online-Editor von WordPress so gibt.

Dabei bin ich auf den Windows Live Writer gestoßen, der (obwohl er von Microsoft ist) wirklich ganz fein funktioniert. Vor allem ist es schön, dass man die Bilder für Beiträge nicht mehr manuell hochladen muss, sondern sie direkt aus dem Dateisystem in den Editor einladen kann und sie werden dann beim Veröffentlichen automatisch hochgeladen.

Dies ist also der erste Beitrag mit dem Live Writer. Sogar das Design wurde übernommen und ich sehe sofort, wie alles im Theme aussieht.

mini-CMS

Von: pixelithe am: 27. Mai 2010

Auf vielfachen Wunsch eines einzelnen Kunden habe ich mir aus verschiedenen fertigen Anleitungen und Freeware-Lösungen im Netz ein kleines mini-CMS gebastelt. WAS MACHT DAS DING?

Man kann damit schon vorhandene, statische HTML-Seiten editierbar machen (auch beschränkt auf bestimmte BEREICHE der jeweiligen Seiten) , so dass die Seiten direkt online bearbeitet werden können. Das ganze habe ich dann noch mit einem vernünftigen Passwortschutz versehen.

Hier mini-CMS angucken!

Hey Ja Hey Ja

Von: pixelithe am: 29. April 2010

Auch wenn man beim Namen der Seite genau das Gegenteil vermuten könnte, (www.heiaheia.com) macht sie genau das, was ich schon länger gesucht habe.

Zur Motivation kann man dort seine sportlichen Aktivitäten eintragen und bekommt dann eine echt hübsche Grafik angezeigt, die mit vielen (oder nicht so vielen) bunten Bildchen illustriert, wie viel und welchen Sport man so gemacht hat. Und weil man ja immer viele bunte Symbole sehen will muss man dann eben auch immer brav viel Sport machen.

hejaheja

Und …. nicht schummeln!!!!

Ein echtes Leckerli für WordPress

Von: pixelithe am: 28. April 2010

Das scheint mir bei dem soeben entdeckten Elastic Theme Editor der Fall zu sein. Das könnte mir in Zukunft eine Menge Arbeit sparen. Man kann dort einfach per Klick und Drag das Layout eines Themes definieren, den einzelnen Bereichen die Funktionen als Header/Footer/Content zuordnen und hat dann per Klick schon ein fertiges Theme. Nun muss man nur noch die einzelnen Bereiche per CSS Stylen! Scharf!

elastic

fun theory

Von: pixelithe am: 20. April 2010

Auf der Webseite http://www.funtheory.com kann man wirklich schöne und lustige Beispiele sehen, wie Spass das Leben nicht nur schöner sondern uns auch zu besseren Menschen macht. Wirklich inspirierend.

funtheory

Flavors.me

Von: pixelithe am: 20. April 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

WordPress Bookmarks so wie ich sie mag

Von: pixelithe am: 4. März 2010

Die in WordPress standardmässig integrierte Möglichkeit, die Links ausgeben zu lassen (wp_list_bookmarks oder wp_get_bookmarks) hat mich noch nie besonders erfreut, da die Möglichkeiten, die Ausgabe nach eigenen Wünschen anzupassen relativ gering sind. Generell wird bei wp_list_bookmarks die Chose schonmal als Liste ausgegeben, was zwar in den meisten Fällen ok ist, aber in meinem Fall etwas ungünstig.

Das Ziel war eine Ausgabe in Tabellenform, mit dem Bild zum Link in der einen Spalte und der Überschrift incl. Link-Beschreibung in der anderen Spalte. Um das zu ermöglichen musste mal wieder eine etwas spezifischere Abfrage her. Hier ist sie:

<?php

$links = $wpdb->get_results("SELECT * FROM $wpdb->links ORDER BY link_name ASC");

echo "<table border='0' class='linktable'>";

foreach ($links as $link) {

$linkurl=$link->link_url;
$linkdesc=$link->link_description;
$linkname=$link->link_name;
$linkimage=$link->link_image;
$linknotes=$link->link_notes;

echo "<tr><td><a href='$linkurl' target='_blank'><img src='$linkimage' alt='$linkurl' border='0' class='linkimg'></a></td>";
echo "<td valign='top' class='link-desc'><h5>$linkname</h5>";
echo "<div class='link-description'>$linkdesc </div></td></tr>";
}
echo "</table>";
?>


Und auch zum Download verfügbar (Code am Besten in ein neues Seiten-Template in den Loop irgendwo unter den Content einfügen)