Open-Source Webdesign
2023-04-23 / 2024-04-29 von Karsten Reincke | Kommentar schreiben
bootScore verbindet Bootstrap und WordPress — als Theme mit ‘responsivem Design’. Dies bringt mit, was die Web-Designerin oft nicht selbst programmieren will. Jetzt kann sie stattdessen auf eine MIT lizenzierte Vorarbeit zurückgreifen, gehostet auf GitHub. Deren ‘Standard-Outfit’ personalisiert sie dann, — als Web-Designerin. Adaptiert werde das Theme — so bootScore -, indem frau dessen “[…] […]
Weiterlesen »
Schlagworte
Lizenzkonformität Webdesign
2023-04-21 / 2023-09-16 von Karsten Reincke | Kommentar schreiben
Datenschutz sei komplex und müsse von Expertinnen organisiert werden, wird der WEB-Site-Betreiberin gerne bedeutet. Was aber, wenn sie das Geld dafür nicht hat? Wenn es irgendwie unsinnig erscheint, mit der Kanone eines bezahlten Expertinnenteams auf einen Spatzenblog zu schießen? Dann wird sie sich vielleicht via Google irgendein gerne genutztes WordPress-Plugin für Datenschutz und/oder Cookies organisieren […]
2023-04-19 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bootstrap* und bootScore verwenden SCSS-Variablen — wie wir wissen. Um Schriften zu gruppieren, bietet die Datei bootstrap/_variables.scss die Variablen $font-family-base, $font-family-sans-serif, $font-family-monospace und $font-family-code. Eine Variable $font-family-serif existiert nicht. Überschreiben wir family-base in unserer Datei _bscore_variables.scss, legen wir den Default neu fest. Wollen wir für unsere Überschriften einen abweichenden Font verwenden, müssen wir die Variablen […]
2023-04-05 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Schrift gehört zum Design, passende Web-Schriften zum Web-Design — nicht nur zu besonderen Anlässen. Mit bootScore können wir Google Fonts direkt einbauen. Uns wird sogar erklärt, wie wir sie lokal hosten und so die Erwähnung im Datenschutzkonzept umgehen. Gleichwohl müssen wir uns dazu ein wenig auch auf Bootstrap einlassen:
2023-03-31 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Zwei schlanke Landing-Pages hatte ich unter den Toppings für bootScore ja schon angeboten: mylap-sp1rp1 und mylap-sp0rp1. Beide zeigen das Wichtige zuerst: Das Blog-Thema. Und den jüngsten Post. Die eine stellt dem auch noch den zuletzt veröffentlichten Sticky Post voran. Wenn wir unsere Leserin nur dezente Hinweise auf frühere Posts vorfinden soll, braucht es eine andere […]
2023-03-30 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bisher zeigt die Landingpage mylap.php — als Template verknüpft mit der WordPress-Seite mylap — auch nur eine Liste aller Beiträge. Unsere bevorzugte Leserin hatte uns aber mit auf den Weg gegeben, dass sie auf der Einstiegsseite nur das Wichtigste sehen wolle. Und zwar auf einen Blick. Das Wichtigste in einem Blog ist wohl immer der […]
2023-03-29 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Wir brauchen Sidebars. Dafür haben wir ja Platz geschaffen. Aber wir brauchen verschiedene: Die Tag-Wolke macht nur Sinn auf der Sidebar der Überblicksseite. Dort kann sie die Suche in der Menge der Artikel abkürzen. Auf den anderen Seiten lenkt sie ab. Umgekehrt brauchen den anderen Seiten einen ‘more’-Button in der Sidebar, der auf die Suchseite […]
Meine Seiten seien so voll, mault meine geschätzte Leserin. Dauernd würde ihr etwas angeboten, um noch einen nächsten Artikel anzuklicken. Sie verstehe ja schon, warum: Ich wolle sie zum Weiterlesen verführen. Wie ein richtiges Nachrichtenportal. Nur seien meine Inhalte dafür nicht breit genug gefächert. Ich spräche doch nur über ein paar Kernthemen. Wirf weg, was […]
Mittlerweile habe ich schon einige bootScore Features eingebaut. Und meine Site prompt überfrachtet. Sagt meine bevorzugte Leserin: Ich wolle doch flexibel zu verschiedenen zentralen Themen zu unterschiedlich Zeitpunkten schreiben. Da entstehe ja notwendig ein Misch-Masch. Ob sie sich denn dann das, was zusammengehört, etwa selbst heraussuchen solle? Besser wäre da wohl doch eine eigene Landingpage:
Wir bevorzugen den ‘masonry’-Überblick. Das hatten wir schon gesagt. Das originale masonry-Archiv aus dem bs Loop Templates listet die Posts aber in vier Spalten auf. Vier Kolumnen mit Artikelanfängen bieten sicher einen schnellen und guten Überblick. Damit bleibt aber kein Platz für eine Sidebar mehr. Und wenn wir uns den nehmen, werden die Spalten zu […]
2023-03-27 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Nach der Optimierung der Bilder gilt es, die Liste der Posts zu verschönern. Bis jetzt kennen wir nur die Form, die die bootScore-Datei index.php von sich aus erzeugt: eine Liste von ‘Streifen’, für jeden Artikel einen, in der linken Hälfte das jeweilige primäre Beitragsbild, in der rechten die Anfangszeilen des Artikels oder das manuell erstellte […]
2023-02-24 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Bei Fancy-Images zeigen wir unserer Leserin zuerst ein kleines Bild. Und erst auf Wunsch — will sagen: Klick — auch die größere Version. In einer früheren Version hatte ich vorgeschlagen, einfach nur die URL auf das hochgeladene Bild im href-Attributes des Fancy-Links und im src-Attribute des img-Tags einzutragen. Das aber verlangsamt den Artikelaufbau. Fancy Images […]
2023-02-21 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Fancy Bitmaps sind das eine, skalierbare Bilder das andere. WordPress mag Scalable Vector Graphics von Haus nicht: SVGs bestehen aus XML-Code. Wird der geladen, kann er — wenigstens prinzipiell — Schadecode ins Systems einschleusen. SVGs in den Templates zu nutzen, unterbindet WordPress dagegen nicht. So integriert auch bootScore die Logos ins Template header.php. Für die […]
2023-02-19 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Große, prominent platzierte Bilder sind Eye-Catcher. WordPress hat sogar einen Namen dafür: Featured Image. Was aber ist mit den anderen Bildern? Sie immer auch so groß einzubetten, ermüdet die Leserin. Wir würden doch die Lesbarkeit unser Site weiter erhöhen, böten wir der Lesering zunächst ein Vorschaubild an, das sie auf Wunsch auch detaillierter betrachten kann. […]
2023-02-17 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Tiefer verschachtelten Menüs werden der Gerätegröße gemäß angezeigt. Die gestapelten Submenüs bei größeren Bildschirmen sind dann recht unfreundlich zu unseren Leserinnen. Denn sie stolpern dann darüber, dass da jeweils etwas verborgen unter dem liegt, was sie obenauf sehen. Also entzerren wir die Menüstapel etwas.
Je kleiner der Bildschirm, desto wahrscheinlicher, dass lange Wörter das Lesebild verunstalten. Denn das ergibt dann wenige, aber lange Wortabstände. Je größer die Zwischenräume, desto unruhiger das Schriftbild. Ohne Silbentrennung wird es also auf Smartphones fizzelig. Wenn eine bootScore-basierte Site — dem Responsive Design gemäß — die Lesbarkeit durch Umstellung der Textelemente auch bei kleinen […]
2023-02-16 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Eigentlich wollte ich ‘fancy’ Menüs, mit H‑OVER-Effekt. Genau: Bootstap bietet die ja absichtlich nicht an. So darum auch bootScore. Das war das ‘Problem’. Und jetzt? Nachdem ich nun in das Thema hineingekrochen bin, habe ich mich gegen HOVER-Menüs entschieden. Getreu nach Adenauer: Was interessiert mich mein Geschwätz von gestern:
2023-02-14 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
In meinem ‘vorherigen’ WordPlus-Leben bin ich mit Menüs eher schlampig umgegangen. Worüber reden wir da? WordPress kennt Schlagwörter (keywords) und Kategorien (categories). Nun benötigen wir auch eine Bezeichnung für die Einträge in verschachtelten Menüs, die selbst Subeinträge haben. Die sind ihrer gruppierenden Wirkung wegen eigentlich auch Kategorien. Nur sind sie nicht das, was WordPress meint, […]
2023-02-11 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Wie Bootstrap, kennt auch BootScore nur Menüs mit einer Tiefe von 2. Bootstrap, weil es das grundsätzlich so will. BootScore, weil es seiner Basis so strikt wie möglich folgt. Tiefer verschachtelte Menüs gehen aber auch:
2023-02-09 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Eine WordPress-basierte Site zu pflegen, heißt oft, mit mehreren Instanzen zu arbeiten. Z.B. mit einer für die Entwicklung und einer für die Produktion. Beide haben ihre je eigene Domain. Ein spezifisches URL-Präfix, über das an vielen Stellen die Querverlinkung in der Site hergestellt wird. Dieses Präfix muss beim Wechsel von ‘Dev’ nach ‘Prod’ natürlich umgestellt […]
2023-02-05 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Meine alte fodina.de-Site hatte ich zweisprachig aufgesetzt. Mit der Hilfe von WP-Globus. So nett das für Jahre auch lief, zuletzt hatte sich WP-Globus verschluckt. Gründlich! Wenn ich den deutschen Text editierte, ließ es den englischen verschwinden. Und umgekehrt. So etwas soll mir nicht noch einmal passieren. Zu aufwendig war die Restauration. Also habe ich bei […]
2023-02-04 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Ein Footer ist der Bereich für abseitige Hinweise. Abseitiger sind sie insofern, als unsere Leserinnen ja erwarten, direkt nach dem Laden oben auf das zugreifen zu können, weshalb sie gekommen sind. Unten — dort, wohin sie erst scrollen müssen — suchen sie das Andere. So die Logik der Nachrangigkeit. Dort finden sie dann auch das […]
Manche Sachen sind wichtig, andere nicht. Was, liegt im Auge der Betrachterin. Eine Juristin sähe hier wohl das Impressum, den Bildnachweis oder das Datenschutzkonzept. Und natürlich die Open-Source-Compliance-Artefakte. Für die geneigte Leserin wäre dies jedoch eher nachrangiger Kram bezeichnen, als Futter für den Footer! Denn ihr gehe es um Inhalt. Um Unterhaltung. Um echten ‘Content’ […]
2023-02-01 / 2023-08-27 von Karsten Reincke | Kommentar schreiben
Suchmaschinen mögen keine geschwätzige Verschlagwortung, aber gut gefüllte Sitemaps. So weit, so klar. Auch die Auszeichnung durch semantische HTML-Tags und eine gute Performance sprechen für die Relevanz einer Site. Ebenfalls nachvollziehbar. Was Suchmaschine dagegen hassen, sind ‘Dead-Links’. Wir sollten uns also davor hüten, das SEO freundliche Verhalten von bootScore zu unterlaufen. bootScore ohne ‘Broken Links’ […]
