Alle Posts im Überblick

Schmetterling

Open-Source Webdesign

Dezente Hinweise auf frühere Posts

/ | Kommentar schreiben

Zwei schlan­ke Landing-Pages hat­te ich unter den Top­pings für bootS­core ja schon ange­bo­ten: mylap-sp1r­p1 und mylap-sp0r­p1. Bei­de zei­gen das Wich­ti­ge zuerst: Das Blog-The­ma. Und den jüngs­ten Post. Die eine stellt dem auch noch den zuletzt ver­öf­fent­lich­ten Sti­cky Post vor­an. Wenn wir unse­re Lese­rin nur dezen­te Hin­wei­se auf frü­he­re Posts vor­fin­den soll, braucht es eine ande­re Lösung: […]

Flugzeuglandung

Open-Source Webdesign

Die verschlankte Landingpage

/ | Kommentar schreiben

Bis­her zeigt die Landing­pa­ge mylap.php — als Tem­p­la­te ver­knüpft mit der Word­Press-Sei­te mylap — auch nur eine Lis­te aller Bei­trä­ge. Unse­re bevor­zug­te Lese­rin hat­te uns aber mit auf den Weg gege­ben, dass sie auf der Ein­stiegs­sei­te nur das Wich­tigs­te sehen wol­le. Und zwar auf einen Blick. Das Wich­tigs­te in einem Blog ist wohl immer der jüngs­te Bei­trag. Plus viel­leicht der je jüngs­te ‘Sti­cky Post’, also der, den die Autorin zuletzt so mar­kiert hat, dass er immer oben gezeigt wer­den sol­le. So könn­te eine ver­schlank­te Landing­pa­ge aus­se­hen: […]

Verschlankung Symbolbild

Open-Source Webdesign

Kontextsensitive Sidebars: Bleibe schlank

/ | Kommentar schreiben

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

Abfalltonne

Open-Source Webdesign

Was stört, muss weg

/ | Kommentar schreiben

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

Verschlankung mit Obst

Open-Source Webdesign

Die eigene Landingpage mit bootScore

/ | Kommentar schreiben

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

Katze im Kasten

Open-Source Webdesign

Masonry-Archiv mit 3 Spalten: weniger ist mehr!

/ | Kommentar schreiben

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

Mauer

Open-Source Webdesign

‘masonry’ als schönere Überblicksseite

/ | Kommentar schreiben

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

Chili zum Schärfen

Open-Source Webdesign

BootScore ohne verwischte Beitragsbilder

/ | Kommentar schreiben

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

Ein Paar unterm Regeschirm

Open-Source Webdesign

Wolken und Listen — Zwei auf einen Streich!

/ | Kommentar schreiben

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

To top