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

Je klei­ner der Bild­schirm, des­to wahr­schein­li­cher, dass lan­ge Wör­ter das Lese­bild ver­un­stal­ten. Denn das ergibt dann weni­ge, aber lan­ge Wort­ab­stän­de. Je grö­ßer die Zwi­schen­räu­me, des­to unru­hi­ger das Schrift­bild. Ohne Sil­ben­tren­nung wird es also auf Smart­phones fiz­ze­lig. Wenn eine bootS­core-basier­te Site — dem Respon­si­ve Design gemäß — die Les­bar­keit durch Umstel­lung der Text­ele­men­te auch bei klei­nen Bild­schir­men erhal­ten will, dann kann sie auf eine auto­ma­ti­sier­te Sil­ben­tren­nung nicht ver­zich­ten — schon der Schön­heit wegen: […]

Eigent­lich woll­te ich ‘fan­cy’ Menüs, mit H‑O­VER-Effekt. Genau: Boot­stap bie­tet die ja absicht­lich nicht an. So dar­um auch bootS­core. Das war das ‘Pro­blem’. Und jetzt? Nach­dem ich nun in das The­ma hin­ein­ge­kro­chen bin, habe ich mich gegen HOVER-Menüs ent­schie­den. Getreu nach Ade­nau­er: Was inter­es­siert mich mein Geschwätz von ges­tern: […]

In mei­nem ‘vor­he­ri­gen’ Word­Plus-Leben bin ich mit Menüs eher schlam­pig umge­gan­gen. Wor­über reden wir da? Word­Press kennt Schlag­wör­ter (key­words) und Kate­go­rien (cate­go­ries). Nun benö­ti­gen wir auch eine Bezeich­nung für die Ein­trä­ge in ver­schach­tel­ten Menüs, die selbst Sub­ein­trä­ge haben. Die sind ihrer grup­pie­ren­den Wir­kung wegen eigent­lich auch Kate­go­rien. Nur sind sie nicht das, was Word­Press meint, wenn es von Kate­go­rie spricht. Wor­auf kommt es also an? Auf sau­be­re Menüs: […]