Ein von Gemini (by Google) und Nano Banana erstelltes Artikelbild.Wie in einem anderen Artikel schon erwĂ€hnt, bin ich gerade am experimentieren, dass ich diesen WordPress-Blog mittels dem ActivityPub-Plugin âFediverse-tauglichâ mache. Das ist eine recht interessante Reise, bei der es immer wieder HĂŒrden zu nehmen gibt. Aktuell verwende ich das WordPress-Plugin âIndieblocksâ, um âKurzmitteilungenâ (aka âNotesâ fĂŒr kurze Texte wie bei Twitter) und âLikesâ (fĂŒr URLs zum Merken) zu veröffentlichen. Diese unterscheiden sich von ânormalen WordPress-Postsâ hauptsĂ€chlich durch ihre LĂ€nge bzw. den Umfang. Das funktioniert fĂŒr mich schon soweit ganz gut und ich nutze diese âKurzmitteilungenâ auch oft, um fĂŒr mich selbst Seiten, Themen oder URLs zu merken. Praktisch ist hierbei auch, das ich direkt ĂŒber meine Webseite mir auch wieder eine Ăbersicht der Notes und Links anzeigen lassen kann.Jetzt kommen wir zu meinem Erste-Welt-Problem: Wir hat die Ansicht, wie die EintrĂ€ge angezeigt werden, nicht gefallen. Zum einen brauche ich bei dieser Art von Mitteilungen keine Ăberschrift und dann war mir die Trennung zwischen den einzelnen Posts nicht offensichtlich genug. Daher habe ich etwas mittels eigenem CSS-Code rumprobiert und habe die Ansicht fĂŒr mein Empfinden etwas optimiert. Den zusĂ€tzlichen CSS-Code habe ich im WordPress-Backend unter Design â Customizer â zusĂ€tzliches CSS eingefĂŒgt. Ich fĂŒge euch im Anschluss den Code hier ein, welchen ich verwendet habe. Evtl. mĂŒsst ihr diesen noch fĂŒr euch anpassen. Ich verwende das Neve-Theme hier auf meinen Blog und ich kann nicht sagen, ob dieser Code auch mit anderen WordPress-Themes 100%ig funktioniert. Da ich mit CSS auch nicht so richtig fit bin, habe ich mir bei der Erstellung von Gemini helfen lassen.
/* Rahmen und AbstĂ€nde fĂŒr die einzelnen Notizen auf der Ăbersichtsseite */
.post-type-archive-note .nv-index-posts .content-wrap,
.post-type-archive-indieblocks_note .nv-index-posts .content-wrap,
.post-type-archive-note article,
.post-type-archive-indieblocks_note article {
border: 1px solid #e1e8ed !important;
border-radius: 12px !important;
padding: 15px !important;
margin-bottom: 20px !important;
background-color: #ffffff !important;
box-shadow: 0 5px 8px rgba(0,0,0,0.1) !important;
}
/* Entfernt den Standard-Abstand des Themes, damit der Rahmen bĂŒndig sitzt */
.post-type-archive-note .nv-index-posts article,
.post-type-archive-indieblocks_note .nv-index-posts article {
border: none !important;
background: transparent !important;
}
/* --- 1. Auf der Ăbersichtsseite (Archiv) der Notes --- */
/* Wir sprechen den Body der Note-Archive an */
body.post-type-archive-note .blog-entry-title.entry-title,
body.post-type-archive-indieblocks_note .blog-entry-title.entry-title {
display: none !important;
}
/* --- 2. In der Einzelansicht einer Note --- */
/* Falls du den Titel auch öffnen der einzelnen Notiz ausblenden willst */
body.single-note .entry-title,
body.single-indieblocks_note .entry-title {
display: none !important;
}
/* 1. TITEL AUSBLENDEN auf Notes und Likes */
.post-type-archive-note .entry-title,
.post-type-archive-like .entry-title,
.post-type-archive-indieblocks_like .entry-title,
.post-type-archive-indieblocks_note .entry-title {
display: none !important;
}
/* Rahmen fĂŒr Notes und Likes Archiv-Seiten */
.post-type-archive-note .nv-index-posts article,
.post-type-archive-like .nv-index-posts article,
.post-type-archive-indieblocks_note .nv-index-posts article,
.post-type-archive-indieblocks_like .nv-index-posts article {
border: 1px solid #e1e8ed !important;
border-radius: 12px !important;
padding: 20px !important;
margin-bottom: 25px !important;
background-color: #ffffff !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
display: block !important;
overflow: hidden !important;
}
/* Verhindert, dass das Theme innere AbstÀnde erzwingt, die den Rahmen sprengen */
.post-type-archive-note .content-wrap,
.post-type-archive-like .content-wrap {
padding: 0 !important;
margin: 0 !important;
}