Wir bevor­zu­gen den ‘masonry’-Überblick. Das hat­ten wir schon gesagt. Das ori­gi­na­le mason­ry-Archiv aus dem bs Loop Tem­pla­tes lis­tet die Posts aber in vier Spal­ten auf. Vier Kolum­nen mit Arti­kel­an­fän­gen bie­ten sicher einen schnel­len und guten Über­blick. Damit bleibt aber kein Platz für eine Side­bar mehr. Und wenn wir uns den neh­men, wer­den die Spal­ten zu schmal, der Text unle­ser­lich. Eine Side­bar brau­chen wir aber. Denn ohne Side­bar wird das kei­ne rich­ti­ge ‘Landing­pa­ge’. Schließ­lich wol­len wir unse­ren Lese­rin­nen doch ’neben­bei’ auch das Neu­es­te prä­sen­tie­ren kön­nen. Glück­li­cher­wei­se gibt es dafür eine ein­fa­che Lösung: ein Mason­ry-Archiv mit 3 Spal­ten: […]

Nach der Opti­mie­rung der Bil­der gilt es, die Lis­te der Posts zu ver­schö­nern. Bis jetzt ken­nen wir nur die Form, die die bootS­core-Datei index.php von sich aus erzeugt: eine Lis­te von ‘Strei­fen’, für jeden Arti­kel einen, in der lin­ken Hälf­te das jewei­li­ge pri­mä­re Bei­trags­bild, in der rech­ten die Anfangs­zei­len des Arti­kels oder das manu­ell erstell­te Exzerpt. Wie lang­wei­lig! Dabei gibt es doch ‘mason­ry’ als schö­ne­re Über­blicks­sei­te: […]

Drei­mal habe ich bereits über die unschar­fen Bil­der von bootS­core sin­niert. Das Pro­blem war ein­fach: bootS­core bet­tet in Zusam­men­ar­beit mit Word­Press Bil­der der Grö­ße ‘medi­um’ in die Bei­trags­lis­ten ein. Und das sogar auf gro­ßen Bild­schir­men, wo die Brow­ser viel mehr Platz fül­len müs­sen, als es die Bil­der selbst könn­ten. Folg­lich ver­grö­ßern die Brow­ser die zu klei­nen Bil­der — und machen sie damit unscharf. Oder, anders aus­ge­drückt: bootS­core bie­tet ein her­vor­ra­gen­des ‘Respon­si­ve Design’, wenn es um die Tex­te geht. Was die Bil­der angeht, (noch) nicht. Aber es gibt Aus­we­ge für ein bootS­core ohne ver­wisch­te Bei­trags­bil­der. […]

Bevor ich mich an die gro­ßen Ein­grif­fe wage, woll­te ich im bootS­core-The­me noch die Wol­ken und Lis­ten auf­hüb­schen: Eine ansehn­li­che­re Tag-Wol­ke wür­de — wie das gleich­mä­ßi­ge­re Lese­bild — die Lese­freund­lich­keit stär­ken. Wie eine Lis­te der neu­es­ten Bei­trä­ge, die die ent­spre­chen­den Fea­tured Images als Thumb­nails anzeigt. Das zu bekom­men, war nicht so schwer. Zwei auf einen Streich, also: […]

Um die Fal­le ver­zerr­ter Bil­dern zu umge­hen, hat­te ich vor­ge­schla­gen, Word­Press auto­ma­tisch auch qua­dra­ti­sche bootS­core-spe­zi­fi­sche Vor­schau­bil­der der Grö­ße 600x600 gene­rie­ren zu las­sen. Die bootS­core-Tem­pla­tes index.php und archive.php soll­ten mit get_the_post_thumbnail(null, 'bsTeaser') nach die­sen fra­gen, statt nach der Grö­ße medi­um. So wür­den die Bil­der sel­te­ner hoch­ge­rech­net wer­den müs­sen — wir sähen weni­ger ver­wisch­te pri­mä­re Bei­trags­bil­der. […]

Kei­ne Web­site ohne Logo — logo! Sie rich­tig in den Hea­der ein­zu­bau­en, ist oft eine Fri­cke­lei. Sicht­bar müs­sen Logos sein, aber nicht auf­dring­lich, gut plat­ziert. Trotz­dem dür­fen sie den Hea­der nicht auf­blä­hen oder ver­zer­ren. Hier haben die Boots­core-Ent­wick­ler uns viel Arbeit abge­nom­men! Wenn unser eige­nes Logo und FavIcon in etwa zu den vor­ge­se­he­nen Maßen pas­sen, brau­chen wir im Wesent­li­chen nur der bootS­core-Anlei­tung zu fol­gen: […]

Ich lie­be ZEN-Prä­sen­­ta­­tio­­nen. Dafür braucht frau Bil­der. Vie­le Bil­der. Gute Bil­der. Zum Glück ist es ja tech­nisch ein­fach, Fotos aus dem Inter­net in die eige­ne Site ein­zu­bau­en. Her­aus­for­dernd ist aller­dings, es rech­tens zu tun. Oder anders gesagt: Gute Bil­der — woher neh­men und nicht steh­len: […]

Ich kau­fe kei­ne Bil­der. Nie­mals. Ich foto­gra­fie­re selbst. Oder ich nut­ze freie Bil­der. Die, die unter einer Crea­ti­ve Com­mons Lizenz ver­öf­fent­licht wor­den sind. Oder in der ‘Public Domain’. Eini­ge Bild­da­ten­ban­ken bie­ten ihre Foto­gra­fien unter einer eige­nen Lizenz an, die den frei­en Lizen­zen gleich­kommt, solan­ge ich deren Bil­der nicht über eine ande­re Bild­da­ten­bank öffent­lich zugäng­li­che mache. Auch das akzep­tie­re ich. Aller­dings legen mir eini­ge Lizen­zen — wie Open-Source-Lizen­zen — bestimm­te Pflich­ten auf. Die kann ich mit einem Bild­ver­zeich­nis erfül­len: […]

Ver­zerr­te pri­mä­re Bei­trags­bil­der zu ver­mei­den, ist in Gren­zen mög­lich. Das haben wir schon gezeigt. Opti­mal ist unse­re Metho­de aber nicht. Wir ver­lie­ren den Anschluss an das, was üblich ist, wenn wir auch die mit­tel­gro­ßen Thumb­nails beim Hoch­la­den qua­dra­tisch zuschnei­den las­sen. Viel­leicht erwar­ten ande­re Plug­ins die ‘medium’-Thumbnails ja im ori­gi­na­len Sei­ten­ver­hält­nis. Bes­ser wäre es also, wenn wir die gän­gi­gen Thumb­nail-For­ma­te unbe­rührt lie­ßen und — zusätz­lich — neue Grö­ßen gegen ver­wisch­te Bil­der ins Spiel brin­gen: […]