Link­ing Boot­strap and Word­Press to get a respon­sive design is the task of bootScore, a WP-theme bring­ing along what the web design­er actu­al­ly does not want to pro­gram her­self. Instead, she can now rely on an MIT-licensed pre­lim­i­nary work host­ed on GitHub. But its ‘stan­dard out­fit’ still must be per­son­al­ized, ‘pimped’ — by the work of a Web Design­er? The theme is adapt­ed — so bootScore — by mod­i­fy­ing its “[…] .scss, .php, and .js files”. So you can pimp your bootScore eas­i­ly. Here are my 13 steps from a pure bootScore to my per­son­al ‘home­page’: […]

Often the web­site oper­a­tor is told, that Data pro­tec­tion is com­plex and has to be orga­nized by experts. But what if she does­n’t have the mon­ey for that? If it seems some­how non­sen­si­cal to shoot at a spar­row blog with the can­non of a paid team of experts? Then — maybe and with the help of Google — she installs some pop­u­lar Word­Press plu­g­ins for data pri­va­cy and DSGVO and/or cook­ies — in the hope that all goes well. Or she inves­ti­gates it in more detail. And in the end, she per­haps gath­ers rules of thumb, from which at least one well-work­able way results. Here are my 3.7 rules of thumb, applied to my own data pri­va­cy file: […]

boot­strap and bootScore use SCSS vari­ables — as we know. Group­ing fonts is done by vari­ables. And we can define two groups. This is suf­fi­cient if we want to use only two font fam­i­lies. But if we want to use extra fonts — for exam­ple, a spe­cial google font in our menus -, we need to do things dif­fer­ent­ly: […]

Select­ing good fonts is a mat­ter of design, get­ting suit­able web-fonts a mat­ter of knowl­edge. Not only, if we need some for spe­cial cas­es. With bootScore we can incor­po­rate Google Fonts direct­ly. We are even told how to host them local­ly, so we can bypass the notice in the pri­va­cy pol­i­cy. Nev­er­the­less, we have to get a lit­tle involved with Boot­strap as well: […]

In bootScore Top­pings, I’ve already offered two slim land­ing pages: mylap-sp1r­p1 and mylap-sp0r­p1. Both show the impor­tant things first: The blog top­ic. And the most recent post. One of them addi­tion­al­ly puts the most recent Sticky Post in front of the oth­er. But if we nev­er­the­less want to show our read­ers the one or oth­er sticky post more, we need a solu­tion for inte­grat­ed dis­creet ref­er­ences to pre­vi­ous posts: […]

Until now, our slimmed-down land­ing page mylap.php — as a tem­plate linked to the Word­Press page mylap — still shows the list of all posts. But our favorite read­er had ‘pre­scribed’ us that she want­ed to see only the most impor­tant on the ini­tial page. And that at a glance. The most impor­tant thing in a blog is prob­a­bly always the most recent post. Plus maybe the most recent ‘sticky post’, that is, the one that the author marked last so that it should always be shown at the top: […]

We need side­bars. For this, we have already made room. But we need dif­fer­ent side­bars. Pre­sent­ing the tag cloud makes sense only on the side­bar of the search page. There it can short­en the search in the set of arti­cles. On the oth­er pages, it dis­tracts the read­er. Con­verse­ly, the oth­er pages need a ‘more’ but­ton in the side­bar that leads to the sur­vey page. In oth­er words, we need con­text-sen­si­tive side­bars — anoth­er means to focus: […]

My pages are too full, my pre­ferred read­er says: She con­stant­ly gets some­thing to click on anoth­er arti­cle. She under­stands why. I want­ed to entice her to read on. Like a real news por­tal. But my con­tent was not broad enough. I only want to talk about a few core top­ics. So, kill your dar­lings — throw away, what dis­tracts — too much is just too much. […]

Mean­while, I have imple­ment­ed some fea­tures of bootScore. And I’ve prompt­ly over­loaded my site, as my pre­ferred read­er said. Do I need a spe­cif­ic land­ing page, I asked her back. She answered, that I — as far as she has under­stood — want to flex­i­bly write about sev­er­al dif­fer­ent core top­ics. This would end up in a list­ed mish­mash, of course! Should she her­self pick out what belongs togeth­er? […]