Alle Posts im Überblick

Verwischter Blick durchs Regenfenster

Open-Source Webdesign

Weniger verwischte primäre Beitragsbilder

/ | Kommentar schreiben

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

Ein Wordwolke in Form des Wortes WEB

Open-Source Webdesign

Ein eigenes Logo und FavIcon — bootScore hilft!

/ | Kommentar schreiben

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

Mit Steinen beschwerte Holzpuppe

Open-Source Webdesign

Gute Bilder — woher nehmen und nicht stehlen?

/ | Kommentar schreiben

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

Wegweiser

Open-Source Webdesign

Ein Bildverzeichnis? Wirklich?

/ | Kommentar schreiben

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

unscharfe Lichter

Open-Source Webdesign

Neue Größen gegen verwischte Bilder in bootScore

/ | Kommentar schreiben

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

unscharfe Flocken

Open-Source Webdesign

Verwischte primäre Beitragsbilder in bootScore

/ | Kommentar schreiben

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

Straßenlichter

Open-Source Webdesign

Fancy Images beschleunigen

/ | Kommentar schreiben

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

Füße aus gelegten Steinen

Geisteswissenschaft Open-Source Webdesign

Fußnoten in WordPress: von ‘easy’ zu ‘made easy’

/ | Kommentar schreiben

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

Eine geschwungene Treppe

Open-Source Webdesign

Fancy SVGs

/ | Kommentar schreiben

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

To top