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 “[…] .scss, .php and .js Datei­en ange­pas­se”. Hier mei­ne 13 Schrit­te vom puren bootS­core hin zur neu­en ‘Home­page’: […]

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 — und hof­fen, dass alles gut geht. Oder sie wird dem genau­er nach­ge­hen. Und sich am Ende viel­leicht auch Dau­men­re­geln für das The­ma ‘Daten­schutz und DSGVO’ zusam­men­stel­len, aus und mit denen sich wenigs­tens ein gut gang­ba­rer Weg ergibt. Hier mei­ne 3.7 Faust­re­geln: […]

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 $headings-font-family und $display-font-family umde­fi­nie­ren. Das reicht aus, wenn wir nur zwei Schrift­fa­mi­li­en benut­zen wol­len. Möch­ten wir hin­ge­gen auch ande­re Fonts für beson­de­re Anläs­se ver­wen­den, z.B. einen drit­ten Font für unse­re Menüs, dann müs­sen wir anders aktiv wer­den: […]

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

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

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

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