Open-Source Webdesign
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:
Weiterlesen »
Schlagworte
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-03-13 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Dreimal habe ich bereits über die unscharfen Bilder von bootScore sinniert. Das Problem war einfach: bootScore bettet in Zusammenarbeit mit WordPress Bilder der Größe ‘medium’ in die Beitragslisten ein. Und das sogar auf großen Bildschirmen, wo die Browser viel mehr Platz füllen müssen, als es die Bilder selbst könnten. Folglich vergrößern die Browser die zu […]
2023-03-06 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bevor ich mich an die großen Eingriffe wage, wollte ich im bootScore-Theme noch die Wolken und Listen aufhübschen: Eine ansehnlichere Tag-Wolke würde — wie das gleichmäßigere Lesebild — die Lesefreundlichkeit stärken. Wie eine Liste der neuesten Beiträge, die die entsprechenden Featured Images als Thumbnails anzeigt. Das zu bekommen, war nicht so schwer. Zwei auf einen […]
2023-03-05 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Um die Falle verzerrter Bildern zu umgehen, hatte ich vorgeschlagen, WordPress automatisch auch quadratische bootScore-spezifische Vorschaubilder der Größe 600x600 generieren zu lassen. Die bootScore-Templates index.php und archive.php sollten mit get_the_post_thumbnail(null, 'bsTeaser') nach diesen fragen, statt nach der Größe medium. So würden die Bilder seltener hochgerechnet werden müssen — wir sähen weniger verwischte primäre Beitragsbilder.
2023-03-04 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Keine Website ohne Logo — logo! Sie richtig in den Header einzubauen, ist oft eine Frickelei. Sichtbar müssen Logos sein, aber nicht aufdringlich, gut platziert. Trotzdem dürfen sie den Header nicht aufblähen oder verzerren. Hier haben die Bootscore-Entwickler uns viel Arbeit abgenommen! Wenn unser eigenes Logo und FavIcon in etwa zu den vorgesehenen Maßen passen, […]
2023-03-02 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Ich liebe ZEN-Präsentationen. Dafür braucht frau Bilder. Viele Bilder. Gute Bilder. Zum Glück ist es ja technisch einfach, Fotos aus dem Internet in die eigene Site einzubauen. Herausfordernd ist allerdings, es rechtens zu tun. Oder anders gesagt: Gute Bilder — woher nehmen und nicht stehlen:
2023-03-01 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Ich kaufe keine Bilder. Niemals. Ich fotografiere selbst. Oder ich nutze freie Bilder. Die, die unter einer Creative Commons Lizenz veröffentlicht worden sind. Oder in der ‘Public Domain’. Einige Bilddatenbanken bieten ihre Fotografien unter einer eigenen Lizenz an, die den freien Lizenzen gleichkommt, solange ich deren Bilder nicht über eine andere Bilddatenbank öffentlich zugängliche mache. […]
2023-02-27 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Verzerrte primäre Beitragsbilder zu vermeiden, ist in Grenzen möglich. Das haben wir schon gezeigt. Optimal ist unsere Methode aber nicht. Wir verlieren den Anschluss an das, was üblich ist, wenn wir auch die mittelgroßen Thumbnails beim Hochladen quadratisch zuschneiden lassen. Vielleicht erwarten andere Plugins die ‘medium’-Thumbnails ja im originalen Seitenverhältnis. Besser wäre es also, wenn […]
2023-02-26 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
bootScore, das Bootstrap-basierte WordPress-Starter-Theme, kann nur über CSS‑, PHP- und JS-Programmierung gestaltet werden: Wenn Sie Ihre Website designen wollen, müssen Sie programmieren. D.h., bootScore integriert Bootstrap rein technisch. Den optischen Feinschliff überlässt es der programmierenden Web-Designerin. Ihr fallen gewiss bootScores verwischte primäre Beitragsbilder auf, will sagen: die unscharfen ‘Featured Images’ in den Artikelteasern:
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 […]
Geisteswissenschaft Open-Source Webdesign
2023-02-23 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Ja, für wissenschaftliche Texte bevorzuge ich LaTeX. Aber kurz ‘mal was in diesem Stil ins Netz stellen zu können, ist auch ganz nett. Gestern Nacht konnte ich mich nicht länger zurückhalten: Fußnoten in WordPress? Ich konnte nicht länger widerstehen. Ich musste Easy Footnotes durch Footnotes Made Easy ersetzen. Zu systematisch unschön war das Ergebnis von […]
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, […]
