Wir brau­chen Side­bars. Dafür haben wir ja Platz geschaf­fen. Aber wir brau­chen ver­schie­de­ne: Die Tag-Wol­ke macht nur Sinn auf der Side­bar der Über­blicks­sei­te. Dort kann sie die Suche in der Men­ge der Arti­kel abkür­zen. Auf den ande­ren Sei­ten lenkt sie ab. Umge­kehrt brau­chen den ande­ren Sei­ten einen ‘more’-Button in der Side­bar, der auf die Such­sei­te führt. Mit ande­ren Wor­ten: Fokus­sie­rung durch kon­text­sen­si­ti­ve Side­bars, das ist auch ein Mit­tel der Ver­schlan­kung: […]

Mei­ne Sei­ten sei­en so voll, mault mei­ne geschätz­te Lese­rin. Dau­ernd wür­de ihr etwas ange­bo­ten, um noch einen nächs­ten Arti­kel anzu­kli­cken. Sie ver­ste­he ja schon, war­um: Ich wol­le sie zum Wei­ter­le­sen ver­füh­ren. Wie ein rich­ti­ges Nach­rich­ten­por­tal. Nur sei­en mei­ne Inhal­te dafür nicht breit genug gefä­chert. Ich sprä­che doch nur über ein paar Kern­the­men. Wirf weg, was stört — die­se Regel wür­de ich doch schon ken­nen, oder? Auf mei­ner Sei­te sei zu viel, was stö­re. Das gin­ge doch sicher schlan­ker, sagt sie: […]

Mitt­ler­wei­le habe ich schon eini­ge bootS­core Fea­tures ein­ge­baut. Und mei­ne Site prompt über­frach­tet. Sagt mei­ne bevor­zug­te Lese­rin: Ich wol­le doch fle­xi­bel zu ver­schie­de­nen zen­tra­len The­men zu unter­schied­lich Zeit­punk­ten schrei­ben. Da ent­ste­he ja not­wen­dig ein Misch-Masch. Ob sie sich denn dann das, was zusam­men­ge­hört, etwa selbst her­aus­su­chen sol­le? Bes­ser wäre da wohl doch eine eige­ne Landing­pa­ge: […]

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