Über WordPress

export Lizenzkonformität Open-Source Webdesign

Ein sauberes Cookie-Management — mit bootScore

2023-09-26 / 2024-05-05 von Karsten Reincke | Kommentar schreiben

Einen adäqua­ten Coo­kie-Dia­log ein­zu­blen­den ist das eine. Ihm eine ech­te Bedeu­tung zu geben, das ande­re. Denn die Abfra­ge allein reicht nicht. Wir müs­sen die Ant­wor­ten unse­rer Lese­rin­nen auch aus­wer­ten. Wir dür­fen aus­schließ­lich sol­che Coo­kies auf deren Rech­nern able­gen, die zu schrei­ben sie oder das Gesetz uns erlaubt haben. Ein Java­Script-Funk­ti­on, die das gewähr­leis­tet, imple­men­tiert die […]

Weiterlesen »

export Lizenzkonformität Webdesign

Ein sauberer Cookie-Dialog — mit bootScore

2023-09-15 / 2024-05-13 von Karsten Reincke | Kommentar schreiben

Wir dür­fen Coo­kies nicht ein­fach so auf die Fest­plat­te einer Lese­rin schrei­ben (las­sen). Denn die gehört ihr, nicht uns. Für die Coo­kies, die tech­nisch not­wen­dig sind, hat sie mit dem Abruf unse­rer Sei­te zwar kon­klu­dent ihr Ein­ver­ständ­nis gege­ben. Denn sie woll­te unse­ren Blog­bei­trag ja lesen. Die ande­ren Coo­kies dür­fen wir jedoch nur dann auf ihrem […]

Weiterlesen »

Open-Source

Mein ‘googlierter’ Schreibstil

2023-08-26 / 2023-09-16 von Karsten Reincke | Kommentar schreiben

Beim letz­ten Mal tat’s nicht mehr weh: Bin­nen zwei­er Tage war mein Post über mei­nen ‘Reset’ wegen man­geln­der ‘Inne­re Ver­lin­kung’ und über den ‘rich­ti­gen Weg, gecrawlt und inde­xiert zu wer­den’ von Goog­le ver­ar­bei­tet wor­den. Wie­der hat­te ich ihn YOAST-gemäß gestal­tet. Und damit auch Goo­gles ‘unaus­ge­spro­che­nen’ Vor­ga­ben berück­sich­tigt. Denn das ist ja der Anspruch von YOAST. […]

Weiterlesen »

Open-Source Webdesign

Innere Verlinkung — ein Reset

2023-08-23 / 2023-09-16 von Karsten Reincke | Kommentar schreiben

Zwei­mal hat­te ich bereits über ‘SEO’ geschrie­ben. Alles halb so schlimm, hat­te ich gemeint. bootS­core zeich­ne sei­ne Sei­ten dan­kens­wer­ter­wei­se ja von Haus aus mit seman­ti­schen HTML-Tags aus. Es rei­che also, die eige­ne Site­map bei Goog­le & Co ein­zu­rei­chen. Die dar­in erfass­ten Sei­ten noch mit Key­words anzu­rei­chern, sei nicht nötig, wenn nicht gar schäd­lich. Denn das […]

Weiterlesen »

Open-Source Webdesign

bootScore pimpen

2023-04-23 / 2024-04-29 von Karsten Reincke | Kommentar schreiben

bootS­core ver­bin­det Boot­strap und Word­Press — als The­me mit ‘respon­si­vem Design’. Dies bringt mit, was die Web-Desi­gne­rin oft nicht selbst pro­gram­mie­ren will. Jetzt kann sie statt­des­sen auf eine MIT lizen­zier­te Vor­ar­beit zurück­grei­fen, gehos­tet auf Git­Hub. Deren ‘Stan­dard-Out­fit’ per­so­na­li­siert sie dann, — als Web-Desi­gne­rin. Adap­tiert wer­de das The­me — so bootS­core -, indem frau des­sen “[…] […]

Weiterlesen »

Lizenzkonformität Webdesign

Datenschutz, DSGVO und Cookies

2023-04-21 / 2023-09-16 von Karsten Reincke | Kommentar schreiben

Daten­schutz sei kom­plex und müs­se von Exper­tin­nen orga­ni­siert wer­den, wird der WEB-Site-Betrei­be­rin ger­ne bedeu­tet. Was aber, wenn sie das Geld dafür nicht hat? Wenn es irgend­wie unsin­nig erscheint, mit der Kano­ne eines bezahl­ten Exper­tin­nen­teams auf einen Spat­zen­blog zu schie­ßen? Dann wird sie sich viel­leicht via Goog­le irgend­ein ger­ne genutz­tes Word­Press-Plug­in für Daten­schutz und/oder Coo­kies orga­ni­sie­ren […]

Weiterlesen »

Open-Source Webdesign

Fonts für besondere Anlässe

2023-04-19 / 2023-08-04 von Karsten Reincke | Kommentar schreiben

Boot­strap* und bootS­core ver­wen­den SCSS-Varia­blen — wie wir wis­sen. Um Schrif­ten zu grup­pie­ren, bie­tet die Datei bootstrap/_variables.scss die Varia­blen $font-family-base, $font-family-sans-serif, $font-family-monospace und $font-family-code. Eine Varia­ble $font-family-serif exis­tiert nicht. Über­schrei­ben wir fami­ly-base in unse­rer Datei _bscore_variables.scss, legen wir den Default neu fest. Wol­len wir für unse­re Über­schrif­ten einen abwei­chen­den Font ver­wen­den, müs­sen wir die Varia­blen […]

Weiterlesen »

Open-Source Webdesign

Passende Web-Schriften

2023-04-05 / 2023-08-04 von Karsten Reincke | Kommentar schreiben

Schrift gehört zum Design, pas­sen­de Web-Schrif­ten zum Web-Design — nicht nur zu beson­de­ren Anläs­sen. Mit bootS­core kön­nen wir Goog­le Fonts direkt ein­bau­en. Uns wird sogar erklärt, wie wir sie lokal hos­ten und so die Erwäh­nung im Daten­schutz­kon­zept umge­hen. Gleich­wohl müs­sen wir uns dazu ein wenig auch auf Boot­strap ein­las­sen:

Weiterlesen »

Open-Source Webdesign

Dezente Hinweise auf frühere Posts

2023-03-31 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Die verschlankte Landingpage

2023-03-30 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Kontextsensitive Sidebars: Bleibe schlank

2023-03-29 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Was stört, muss weg

2023-03-29 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Die eigene Landingpage mit bootScore

2023-03-29 / 2023-08-04 von Karsten Reincke | 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:

Weiterlesen »

Open-Source Webdesign

Masonry-Archiv mit 3 Spalten: weniger ist mehr!

2023-03-29 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

‘masonry’ als schönere Überblicksseite

2023-03-27 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

BootScore ohne verwischte Beitragsbilder

2023-03-13 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Wolken und Listen — Zwei auf einen Streich!

2023-03-06 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Weniger verwischte primäre Beitragsbilder

2023-03-05 / 2023-08-04 von Karsten Reincke | 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.

Weiterlesen »

Open-Source Webdesign

Ein eigenes Logo und FavIcon — bootScore hilft!

2023-03-04 / 2023-08-04 von Karsten Reincke | 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, […]

Weiterlesen »

Open-Source Webdesign

Gute Bilder — woher nehmen und nicht stehlen?

2023-03-02 / 2023-08-04 von Karsten Reincke | 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:

Weiterlesen »

Open-Source Webdesign

Ein Bildverzeichnis? Wirklich?

2023-03-01 / 2023-08-04 von Karsten Reincke | 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. […]

Weiterlesen »

Open-Source Webdesign

Neue Größen gegen verwischte Bilder in bootScore

2023-02-27 / 2023-08-04 von Karsten Reincke | 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 […]

Weiterlesen »

Open-Source Webdesign

Verwischte primäre Beitragsbilder in bootScore

2023-02-26 / 2023-08-04 von Karsten Reincke | 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:

Weiterlesen »

Geisteswissenschaft Open-Source Webdesign

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

2023-02-23 / 2023-08-03 von Karsten Reincke | 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 […]

Weiterlesen »