bootScore Without Blurred ‘Feature Images’

/ | Leave a Comment

I have already dis­cussed bootScores blurred images. The prob­lem was easy: In coop­er­a­tion with Word­Press, bootScore embeds images of size ‘medi­um’ in the post lists. And that even on large screens, where the browsers have to fill much more space than the images could do by them­selves. Con­se­quent­ly, the browsers upsize the images that are […]

Read more »

Two On One Stroke!!

/ | Leave a Comment

There were two things I want­ed to see changed in the bootScore theme before ven­tur­ing into the big inter­ven­tions. For­tu­nate­ly, it was easy to get a more fan­cy tag cloud and an improved list of recent posts show­ing the fea­tured images as thumb­nails:

Read more »

bootScore and the Blurred ‘Feature images’ III

/ | Leave a Comment

To avoid the trap of blurred images, I sug­gest­ed let­ting Word­Press auto­mat­i­cal­ly gen­er­ate also square bootScore-spe­­cif­ic thumb­nails of size 600x600. The bootScore tem­plates index.php and archive.php should request these images via the com­mand get_the_post_thumbnail(null, ‘bsTeas­er’) instead of ask­ing for the medi­um size. This would make it less like­ly that a pic­ture would need to be […]

Read more »

A Logo Please! And the Favicons too.

/ | Leave a Comment

No web­site with­out a logo! Inte­grat­ing logos cor­rect­ly is often a tricky task. They have to be vis­i­ble, well-placed and leave space for the menu. Addi­tion­al­ly, they must not bloat or dis­tort the head­er area. And the way of inte­grat­ing them into the tem­plates should also allow us to use the fav­i­cons for the brows­er […]

Read more »

A Picture Please! But where to take from, if not steal?

/ | Leave a Comment

I love ZEN pre­sen­ta­tions. For that, you need pic­tures. Many pic­tures. Good pic­tures. For­tu­nate­ly, it is tech­ni­cal­ly easy to inte­grate pho­tos from the inter­net into your own site. What is chal­leng­ing, how­ev­er, is to do it legal­ly.

Read more »

bootScore and the Blurred Featured Images II

/ | Leave a Comment

Avoid­ing dis­tort­ed fea­tured images is pos­si­ble. We have shown that. How­ev­er, our method is not yet opti­mal: if we let Word­Press when upload­ing, also crop the medi­um-sized thumb­nails as squares, we give up what is com­mon­ly expect­ed. Maybe oth­er plu­g­ins need the ‘medi­um’ thumb­nails in the orig­i­nal aspect ratio after all. So it would be […]

Read more »

bootScore and the Blurred Featured Images I

/ | Leave a Comment

bootScore — the Boot­s­trap-based Word­Press starter theme — can only be designed via CSS, PHP, and JS pro­gram­ming: If you want to fash­ion your web­site, you need to pro­gram. That’s the way how bootScore inte­grates boot­strap per­fect­ly: it leaves the unfin­ished look to the pro­gram­ming web design­ers.

Read more »

Making Fancy Images Faster!

/ | Leave a Comment

In the case of Fan­cy Images, we show our read­er first a tiny image. And on her request — wants to say: click — also a larg­er ver­sion. For imple­ment­ing this fea­ture, I ini­tial­ly put the URL to the uploaded image in the href attribute of the fan­cy link and in the src attribute of […]

Read more »

From ‘Easy’ to ‘Made Easy’: Footnotes on WordPress

/ | Leave a Comment

Last night, I could­n’t hold back any­more: I replaced Easy Foot­notes with Foot­notes Made Easy. Too sys­tem­at­i­cal­ly unat­trac­tive was the result of Easy Foot­notes.

Read more »

Fancy SVGs

/ | Leave a Comment

Word­Press does not like Scal­able Vec­tor Graph­ics by default: SVGs con­sist of XML code. If loaded, it can — at least in prin­ci­ple — inject mali­cious code into the sys­tem. Using SVGs in tem­plates, how­ev­er, is not pre­vent­ed by Word­Press. On HTML lev­el, they can be embed­ded — as usu­al — in img tags. That’s […]

Read more »

Fancy Boxes for Fancy Images

/ | Leave a Comment

Large, promi­nent­ly placed images are eye-catch­ers. Word­Press even has a name for it: Fea­tured Image. The only prob­lem is: Start­ing every post again and again with a ‘fea­tured image’ is tir­ing. Even if our read­er has already decid­ed on an arti­cle, we force her to scroll. It would be bet­ter to give her direct­ly what […]

Read more »

Keeping Your Menus Clean

/ | Leave a Comment

In my ‘pre­vi­ous’ Word­Plus life, I was rather slop­py with my menus. Let’s first agree on what we are talk­ing about: Word­Press knows key­words and cat­e­gories. Now we also need a name for the entries in nest­ed menus, which them­selves still have sub-entries. They can be regard­ed as cat­e­gories, too — because of their group­ing […]

Read more »

Deeper Nested Menus

/ | Leave a Comment

Like Boot­strap, BootScore only knows menus with a depth of 2. Boot­strap because it wants to in prin­ci­ple. BootScore because it fol­lows its base as strict­ly as pos­si­ble. Lev­el 0 entries are list­ed hor­i­zon­tal­ly in the head­er, and the cor­re­spond­ing lev­el 1 entries are list­ed ver­ti­cal­ly below. Thus, the top-lev­­el entries group the entries below […]

Read more »

From plain to fancy: Capturing the Change

/ | Leave a Comment

Yes­ter­day I was asked to doc­u­ment the tran­si­tion from the pure, sim­ple bootScore site to a fan­cy one. The lat­est ver­sion alone would not visu­al­ize its pre­de­ces­sors. True! To solve that issue, I should inte­grate a slid­er show­ing them as a series of images. And indeed, doing so would also be an oppor­tu­ni­ty to eval­u­ate […]

Read more »

Divide and Conquer: Separated Bilingualism

/ | Leave a Comment

I had set up my old site, fodina.de bilin­gual. With the help of WP-Globus. As nice as this worked for years, at last WP-Globus got lost. Thor­ough­ly! When I edit­ed the Ger­man text, it made the Eng­lish dis­ap­pear. And vice ver­sa. Some­thing like that shall not hap­pen to me again. The restora­tion was com­plex and […]

Read more »

Feeding the Footer II: The ‘Subordinated’ Menu

/ | Leave a Comment

A foot­er is an area for more off-beat ref­er­ences. They are more off­side inso­far as our read­ers expect to get access to what they came for — direct­ly after a page is loaded, direct­ly on top of it. At the bot­tom — where they first have to scroll — they are look­ing for minor aspects. […]

Read more »

Feeding the Footer I: The ‘minor’ stuff

/ | Leave a Comment

What is impor­tant is in the eye of the behold­er. A lawyer would per­haps include the imprint, the image cred­its, or the data pro­tec­tion con­cept. And not to for­get: the open source com­pli­ance arti­facts. The read­er, on the oth­er hand, would see it dif­fer­ent­ly! She wants con­tent. Enter­tain­ment. Real ‘con­tent’. Not this legal gob­bledy­gook.

Read more »

SEO II: No Broken Links, please

/ | Leave a Comment

Search engines don’t like gos­sipy key word­ing, but they love well-filled sitemaps. But they detest bro­ken links.

Read more »

SEO I: Semantic Tagging, Key Wording, and Sitemaps

/ | Leave a Comment

SEO encom­pass­es a lot. One means of Search Engine Opti­miza­tion is the seman­tic tag­ging of sec­tions, which became pos­si­ble with HTML5. bootScore is very well posi­tioned here.

Read more »

Shortcode for Font Awesome Icons

/ | Leave a Comment

Some­what frus­trat­ed , I have to add that embed­ding ‘own’ HTML code into a WordPress/Gutenberg block via ‘Edit as HTML’ occa­sion­al­ly destroys the type and con­tent of the block : If the code is sus­pect to the Guten­berg edi­tor, it replaces the work already done with an emp­ty HTML block . Annoy­ing if you just […]

Read more »

Font Awesome & self-made css-Classes

/ | Leave a Comment

The form of my scope list con­vinced me to talk about Font Awe­some Icons and cus­tom CSS class­es in bootScore, first. A pure HTML list is ugly, in my case: down­right unread­able. No amount of reword­ing or restruc­tur­ing helped. Short­en­ing it was not an option either. It should con­tin­ue to func­tion as a com­plete scope […]

Read more »

Pimp Your bootScore

/ | Leave a Comment

Now, I know what bootScore is: the miss­ing link between Boot­strap and my Word­­Press-based site, a theme using the Boot­strap tech­nique. In a pure instance, every­thing works well but in an infe­ri­or design. That’s intend­ed by bootScore: You shall design your site by mod­i­fy­ing the bootScore files in a child-theme. Thus, I obvi­ous­ly have to start […]

Read more »

From ‘Ugly’ To ‘Nice’: Migrating to bootScore

/ | Leave a Comment

That I would have to give up YAML-CSS had quick­ly become clear to me at the begin­ning of the year. What I should replace it with, not. I want­ed to stay with Word­Press. And to recy­cle my old con­tent. So, all I had to do was to replace the theme. The­o­ret­i­cal­ly!

Read more »

Again About a Dead Horse: YAML-CSS

/ | Leave a Comment

Recent­ly I wrote about the ‘expir­ing’ edi­tor Atom. Now I’ve stum­bled upon anoth­er dead horse in my sta­ble: YAML CSS. That has noth­ing to do with YAML ain’t Markup Lan­guage. It’s a mod­u­lar CSS frame­work for tru­ly respon­sive web­sites. For years, it served me faith­ful­ly, first in Typo3, then on Word­Press. And now it’s dead. […]

Read more »
To top