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: […]

bootS­core, das Boot­strap-basier­te Word­Press-Star­ter-The­me, kann nur über CSS‑, PHP- und JS-Pro­gram­mie­rung gestal­tet wer­den: Wenn Sie Ihre Web­site desi­gnen wol­len, müs­sen Sie pro­gram­mie­ren. D.h., bootS­core inte­griert Boot­strap rein tech­nisch. Den opti­schen Fein­schliff über­lässt es der pro­gram­mie­ren­den Web-Desi­gne­rin. Ihr fal­len gewiss bootS­cores ver­wisch­te pri­mä­re Bei­trags­bil­der auf, will sagen: die unschar­fen ‘Fea­tured Images’ in den Arti­kel­teasern: […]

Bei Fan­cy-Images zei­gen wir unse­rer Lese­rin zuerst ein klei­nes Bild. Und erst auf Wunsch — will sagen: Klick — auch die grö­ße­re Ver­si­on. In einer frü­he­ren Ver­si­on hat­te ich vor­ge­schla­gen, ein­fach nur die URL auf das hoch­ge­la­de­ne Bild im href-Attri­bu­tes des Fan­cy-Links und im src-Attri­bu­te des img-Tags ein­zu­tra­gen. Das aber ver­lang­samt den Arti­kel­auf­bau. Fan­cy Images beschleu­ni­gen? Das meint etwas Ande­res: […]

Ja, für wis­sen­schaft­li­che Tex­te bevor­zu­ge ich LaTeX. Aber kurz ‘mal was in die­sem Stil ins Netz stel­len zu kön­nen, ist auch ganz nett. Ges­tern Nacht konn­te ich mich nicht län­ger zurück­hal­ten: Fuß­no­ten in Word­Press? Ich konn­te nicht län­ger wider­ste­hen. Ich muss­te Easy Foot­no­tes durch Foot­no­tes Made Easy erset­zen. Zu sys­te­ma­tisch unschön war das Ergeb­nis von Easy Foot­no­tes: […]

Fan­cy Bit­maps sind das eine, ska­lier­ba­re Bil­der das ande­re. Word­Press mag Sca­lable Vec­tor Gra­phics von Haus nicht: SVGs bestehen aus XML-Code. Wird der gela­den, kann er — wenigs­tens prin­zi­pi­ell — Scha­de­code ins Sys­tems ein­schleu­sen. SVGs in den Tem­pla­tes zu nut­zen, unter­bin­det Word­Press dage­gen nicht. So inte­griert auch bootS­core die Logos ins Tem­p­la­te header.php. Für die ambi­tio­nier­te bootS­core-Nut­ze­rin reicht die Metho­de nicht. […]

Gro­ße, pro­mi­nent plat­zier­te Bil­der sind Eye-Cat­cher. Word­Press hat sogar einen Namen dafür: Fea­tured Image. Was aber ist mit den ande­ren Bil­dern? Sie immer auch so groß ein­zu­bet­ten, ermü­det die Lese­rin. Wir wür­den doch die Les­bar­keit unser Site wei­ter erhö­hen, böten wir der Lese­ring zunächst ein Vor­schau­bild an, das sie auf Wunsch auch detail­lier­ter betrach­ten kann. Das ermög­li­chen die Fan­cy Boxes: […]

Tie­fer ver­schach­tel­ten Menüs wer­den der Gerä­te­grö­ße gemäß ange­zeigt. Die gesta­pel­ten Sub­me­nüs bei grö­ße­ren Bild­schir­men sind dann recht unfreund­lich zu unse­ren Lese­rin­nen. Denn sie stol­pern dann dar­über, dass da jeweils etwas ver­bor­gen unter dem liegt, was sie oben­auf sehen. Also ent­zer­ren wir die Menü­st­a­pel etwas. […]