Templaterie Blog

Eine Liste, die wie das Inhaltsverzeichnis in einem Buch aussieht, kann man immer gebrauchen. Das ist schon einen Linktipp wert.

CSS: Menu List Design,
ein tutorial von Webdesignerwall.com

Have, fun.

Filed under: 1001 Linktipp
No Comments

Dank der Hilfe von Michael von Reichweite.de, konnte nun das Problem gelöst werden und ich weiß wieder, warum ich selbst nur in ganz kleinem Maß schon für Kunden PHP anfasse, und hier lieber Fachmänner ins Boot hole. Aber es kommt, Leute es kommt. Ich werde peut a peut besser. Danke auch an Robert, dass er mir die Hilfe von seinem Blog rübergeschickt hat.

1. <? /* */
2. $dgal = get_posts('numberposts=0&category=1');
3. function getThumbs($stichwort, $dgal){
4. foreach($dgal as $post) : setup_postdata($post);
5. $galArr = explode("\n", get_post_meta($post->ID, "designthumbs", true));
6. foreach($galArr as $thepics){
7. $dtharr = explode(",", $thepics);
8. $pos = strpos($dtharr[1], $stichwort);
9. if($pos===false){}else{
10. $galentry = '<dl class="galerie2">'."\n\t".'<dt><span><img src="http://franchie.de/ ... /uploads/'.$dtharr[0].'" alt="'.$dtharr[2].'" /></span></dt>'."\n\t".'<dd><a href="'.get_permalink($post->ID, '', true).'" title="'.the_title('','',false).'">Details ansehen</a> /<br /><a href="http://franchie.spreadshirt.net/ ... /design/'.$dtharr[3].'" title="'.$dtharr[2].'">Will ich haben!</a></dd>'."\n".'</dl>';
11. echo $galentry;
12. };
13. };
14. endforeach;
15. } //Funktion ende
16. //*/
17. ?>

Im Beitrag oder Seite folgt nun noch der Aufruf der Abfrage mit den jeweiligen Begriffen. Voila eine Thumb-Archivgalerie via Custom Fields.

1. <h4>Thumbs mit Menschen</h4>
2. <? getThumbs('Menschen', $dgal); ?>
3. <h4>Thumbs mit Tiere</h4>
4. <? getThumbs('Tiere', $dgal); ?>
5. etc.

Die eine oder andere Kleinigkeit muss bei Franchie.de noch angepasst werden, dann wird diese Archiv-Galerie dort laufen. Also noch ein klein wenig Geduld … ach ja und irgendwann werde ich das noch mit Blättern durch die Thumbs ausbauen müssen, denn je mehr es werden, desto problematischer wird es — wer will schon Warten bis 2000 Thumbs geladen sind . Das ist also auch erst noch ein Provisorium, das aber sicherlich eine Weile hält … d.h. ich muss noch ausprobieren wie die Page-Funktion von WP reagiert … ggf. vermutlich muss die Funktion in die Datei funktion.php verfrachtet werden (Jetzt erst Mal aber warten andere Aufgaben. Ich aktualisiere den Beitrag so bald ich kann).

BTW: Ich nehme für die Blätterfunktion jederzeit gerne Hilfe an, damit innerhalb einer Stichwortabfrage auch 1000de von Thumbs vorkommen dürfen.

Hier noch Mal was die Ausgangssituation war:

Ich habe in der Kategorie 1 ein Custom field namens ‘designthumbs’. In dem Feld ist der Inhalt wie folgt:

Name des Thumbs_a, Stichwort1 Stichwort2 Stichwort3 etc, externerLink_a

Name des Thumbs_b, Stichwort1 Stichwort3 Stichwort7 etc, externerLink_b
etc.

Diese Thumbs sollen in einer Galerie in einer Seite ausgegeben werden:

H3: Stichwort 1:
============
[Thumb_a]
Postlink
externer Link a

[Thumb_b]
Postlink
externer Link b

H3 Stichwort 2
============
[Thumb_a]
Postlink
externer Link a

Filed under: Programmierung
1 Comment

Nachdem ich vor einigen Tagen meine erste eigene Wordpress.PHP-Erweiterung für die Sidebar zusammengefriggelt hatte, ging ich munter daran, diesen netten praktischen Code-Schnipsel in eine Seite einzubinden und parallel die ganze Angelelgenheit ein wenig auszubauen. Doch was relativ schnell und einfach in die Sidebar einzubauen ging, erweist sich in der Seite in der erweiterten Form doch als reichlich widerspenstig. Nach etlichen Try&Error-Fehlschlägen und zahlreichen traurigen Teilerfolgen, habe ich es nun beinahe geschafft … beinahe, denn leider looped mein Script noch etwas übereifrig gleich mehrfach und listet die Liste damit mehrfach hintereinander. Ich will mit der Geschichte von Anfang an beginnen. (more…)

Filed under: Programmierung
9 Comments

Nach fünf Jahren erfahre ich nun, dass Editland via strk+k es erlaubt die Links zu bearbeiten. Ich habe es in der Dokumentation ergänzt. Da frag ich mich doch, was ich sonst noch wissen sollte, das nicht in der Doku steht und nicht wie die Sache mit dem Quelltext ein nützlicher Fehler, den man als Feature nutzen kann.

Filed under: Tools
No Comments

Nach ein wenig try&error und mit der Hilfe einer Vorlage habe ich nun auf Franchie.de eine kleine Galerie in der Sidebar, die die jüngsten sechs Motive, genauer die jüngsten sieben T-Shirtmotive auf der Startseite. Das allerneuste Motiv ist in der rechte Spalte unter dem Feature, die weiteren sechs Motive erscheinen als Thumbgalerie. Nachdem ich über das Branford Magazin Theme die Custom fields etwas genauer unter die Lupe nahm, da war der Weg nicht weit zu den Motivbeiträgen eine Thumbgalerie zu generieren. Wie immer war Google der erste Weg. Die meisten Ergebnisse brachten mich wenig weiter, insbesondere wenn man mit der Aussage, dass Custom fields nur im Loop funktionieren nicht viel anfangen kann.

Und so sieht das Ergebnis aus:

1. <h3>Die jüngsten sechs Motive</h3>
2. <ul class="sixthumbs"><li>
3. <?php
4. $motive = get_posts('numberposts=7&category=12'); array_shift($motive); foreach($motive as $post) : setup_postdata($post);
5. $thumbsArr = explode("|", get_post_meta($post->ID, "designthumbs", true));
6. $cth = count($thumbsArr);
7. srand((float) microtime() * 10000000);
8. $rand_keys = array_rand($thumbsArr, $cth);
9. if($cth>1){
10. $dthpArr = explode(',', $thumbsArr[$rand_keys[0]]);
11. }else {$dthpArr = explode(',', $thumbsArr[0]);}
12. ?>
13. <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><img src="<?php bloginfo('url'); echo '/'; echo get_option('upload_path'); echo '/';
14. echo $dthpArr[0]; ?>" alt="<?php the_title(); ?>" /></a>
15. <?php
16. endforeach;
17. ?>
18. <span style="clear: left;"> </span>
19. </li></ul>

Zunächst werden die Datenbank-Einträge (der Loop) in die Variable $motive geschrieben. Außerhalb eines Posts oder einer Page, liefert get_posts() alle Einträge, innerhalb eines Posts oder einer Page jeweils die Inhalte des Posts oder der Page. Der Loop wird in der Sidebar daher mit der Anzahl der jüngsten Beiträge und der Einschränkung auf die Kategorie 12 auf das gewünschte Segement der Datenbank reduziert. Nachdem der erste Beitrag bereits auf der Startseite gesondert hervorgehoben wurde, macht es Sinn den jüngsten Eintrag wieder wegzunehmen. Dies geschieht mit array_shift() Anschließend wird mit foreach ... der Array mit den Datenbankeinrägen abgearbeitet. Damit ist der Loop quasi offen und man kann die Funktion get_post_meta() einwerfen. Da mein Feld ein Array ist, mit dem sich eine ganze Reihe Informationen zum Motiv aufarbeiten lässt, schreibe ich die Daten in einen Array und da pro Eintrag nicht immer nur ein Motiv vorgestellt wird, es aber nicht sinnvoll ist, jedes Einzelmotiv bzw. jede Motivvariation in der kleinen Übersicht anzuzeigen und den Rahmen damit sprengen, wird die kleine Thumb-Sammlung noch einmal aufgedröselt und über array_rand() wird jeweils ganz zufällig eines aus der kleinen Sammlung herausgefischt und angezeigt. Das Customfield heißt in meinem Fall ‘designthumbs’

Das ist nun nicht mehr schwer analog nachzubauen und kann so allerlei Dinge anzeigen lassen. Viel Spass beim Aufmotzen des eigenen Themes. Und Danke an meine beiden Vorarbeiter, ohne deren Hilfe ich vermutlich noch lange den Codex anstarren würde und nicht wüsste, wovon die Rede ist. Noch immer weiß ich z.B. nicht was hinter der Funktion steckt.

Mit dieser Vorlage ist es nicht mehr sehr schwer, jedwede Übersichten zusammenzutragen. Ich kann an dieser Stelle nur noch viel Spaß wünschen, beim Verbiegen des eigenen Themes.

PS: hier ist noch ein Link zu 28 Wege wie man sein Wordpress-Blog mit Custom fields aufpeppen kann.

Filed under: Programmierung
1 Comment

Editland zählt zu den Innovationsprodukten 2008

Editland hat sich der Konkurrenz gestellt und das praktische, benutzerfreundliche CMS für kleine und mittlere KMU-Webseiten beim Innovationswettbewerb der Initiative Mittelstand eingereicht. Editland wurde in die ersten 16 innovativsten Produkte aufgenommen von 1600 Einreichungen in fünf verschiedenen Sparten. Das ist ein stolzes Ergebnis, über das wir uns sehr gefreut haben.

Quelle: Esim Can auf Editland.de zur frohen Botschaft

Ich gratuliere und freue mich über die Auszeichnung für Esim Can.

Und darf natürlich nicht versäumen, dass ich Editland in mein Herz geschlossen habe und es Kernprodukt auf der Templaterie ist.

Filed under: In eigener Sache, Kaffeetscherl
1 Comment

In Silkester.de verwende ich das Plugin “Technorati Tags“, das den Loop von Wordpress verwendet. Intern in Wordpress habe ich “tag” durch “Stichwort” ersetzt, was im Deutschen durchaus Sinn macht, dabei aber nicht bedacht, dass das Plugin nun die Link-Struktur für Silkester auf Technorati anwendet und damit in einem 404 bei Technorati aufläuft. Die Quick&Dirty-Methode ist es, einfach über str_replace an der Stelle, wo der Link erzeugt wird einzubinden und “stichwort” gegen “tag” auszutauschen. Besser wäre es, den Feld-Inhalt zu verwenden, das herauszukramen ist mir jetzt zu mühsam. Es ist unwahrscheinlich, das ich bei Silkester erzählt … die interne Url zu den jeweiligen Stichworten noch einmal ändere. Für da nächste Kundenprojekt werde ich es dann aber wohl heraussuchen müssen.

Filed under: Programmierung
No Comments

Und eine neue Woche eine neue Liste. Wie es scheint komme ich nur noch zum lesen und Linklisten posten .. tststs!

1. Das Geheimnis des Grunge-Designs(Es ist einer von Smashingdesigns Monster-Einträgen, wenn der Rechner/Browser ohnehin schon am Limit läuft, besser nicht ansurfen.)
2. Die Populärsten CSS-Tricks
3. Linkbait-Titel Kurzzeit- und Langzeit-Strategien
4. Semantifiy the WEb

Anmerkung am Rande und offtopic: Mit leichter Verspätung. Ich war etwas eingespannt in Bezug auf etwas, von dem ich glaubte es in einer 1/2 Stunde erledigt zu haben und dann beschäftigte es mich über Gebühr und wird mich wohl noch die nächsten Monate mit meiner Zeiteinteilung hadern lassen. Das mit den Prioritäten ist so eine Sache. Manchmal muss man einfach eine Idee beim Schopf packen und hat man sie beim Schopf gepackt, dann nimmt sie einen hier und da einfach mit. Dazu später mehr …

Filed under: 1001 Linktipp
No Comments

Und auch am Ende dieser Woche gibt es, was ich so in meinem Feedreader an guten Beiträgen vorfand oder bei Recherchen im Netz. Da ich noch am Aufarbeiten bin von sehr vielen Beiträgen, heißt das nicht, dass diese Tipps brandaktuell sind. Doch was bedeutet schon brandaktuell, wenn die Botschaft zeitungebunden ist, was eben bei technischen Tipps und Tricks häufig der Fall ist — zumindest relativ …

1. Gleiche Zwischenabstände mit CSS
2. Kleine Linkliste zu Websites-Karusells
3. Font-Viewer (Ein Helfer wie man ihn nicht missen möchte)
   Keine umständliche Installation, einfach ein Doppelklick auf die Exe. Ordner mit Schriften wählen, durchblättern und temporär für die Arbeit verfügbar machen. Kein Installieren, Programm Neustarten, Arbeiten, Programm deinstallieren. Absolut Cool und herrlich unkompliziert nützlich.
4. Tabellen gestalten, Spalten hervorheben

Filed under: 1001 Linktipp
No Comments

Bei diesem Entwurf macht es Sinn die Headergrafik in Ebene zu unterteilen. Zum einen die Hochhäuser als Endloskachel und zum anderen die dynamischen diagonalen Streifen. Der Rest ist ziemlich streight forward. Nichts aufregendes. Sozusagen ein safe bet. Schlicht, durch den harten Kontrast ein wenig rassig, durch die sanften Blautöne ein wenig romantisch. Flexibel, durch die zurückhaltende Ausschmückung.

Filed under: Design
No Comments