Views Darstellung verändern
am 24.03.2020 - 18:23 Uhr in
Bei dem Neubau meines Internetauftritts mit Drupal 8 steht Datenmodell und Struktur und es gibt schon einiges an Inhalt/BLOG-Beiträge. Jetzt möchte ich einige Änderungen am Design vornehmen wobei ich Bartik als Theme benutze und auch kein eigenes Theme erstellen will. Die Darstellung von Kategorien klappt mit Views/Ansichten sehr gut und ich erhalte z.B. folgende Ergebnis: https://www.tenckhoff.de/fototechnik für die Darstellung entsprechender BLOG-Beiträge in der Kategorie Fototechnik.Andere Kategorien funktionieren analog.
Damit bin ich schon recht zufrieden, möchte aber gerne noch Abstände zwischen den dargestellten Fotos einrichten, da die Standard-css-Dartsellung anscheinend keine Abstände berücksichtigt.
Kann mir jemand sagen, wo ich hierzu was (neue css-class?) einrichten muss?
- Anmelden oder Registrieren um Kommentare zu schreiben
Dafür muss das Theme manipuliert werden
am 24.03.2020 - 20:17 Uhr
Welche keys überschrieben werden müssen, findest du im debugfester deines Browsers.
css-class
am 24.03.2020 - 21:11 Uhr
Danke für die Rockmeldung. Wenn ich die "Ansicht" überarbeite, dann lassen sich dort unter Felder/image die Einstellmöglichkeiten des beigefügten screenshots aufrufen. Wäre dort nicht de Möglichkeit gegeben, eine entsprechende css-Anweisung einzugeben? Die standard css-Dateien des Themas wollte ich nach Möglichkeit nicht verändern
Offenbar kommst du von einem anderen CMS
am 24.03.2020 - 21:32 Uhr
In Drupal hat Ansicht nur peripher mit der Darstellung zu tun.
Für die Darstellung ist das Theme/Template zuständig.
Ansicht ist nur das Ergebnis einer Datenbankabfrage.
Die Begrifflichkeit führt oft zu Verwirrung.
Schade
am 24.03.2020 - 22:09 Uhr
Ok, hatte gehofft, hier einfach eine neue css-class einfügen zu können ... aber dann komme ich wohl um eine Änderung der Templates von Bartik nicht drumrum. (Anm.: zu Deiner Vermutung - ich habe früher mit Wordpress und Typo3 gearbeitet und damals einen Versuch mit Drupal 6 schnell aufgegeben, Drupal 8 in Kombi mit composer/drush gefällt mir jetzt ganz gut).
Kannst Du mir ggf. noch sagen, wie ich die Änderungen der Bartik-Templates updatesicher einrichte? Child/sub-theme von Bartik erzeugen?
Ein Child-Theme von Bartik zu
am 24.03.2020 - 22:34 Uhr
Ein Child-Theme von Bartik zu erzeugen und dabei die Einstellmöglichkeiten von Bartik zu behalten habe ich, im Gegensatz zu Drupal 7, bei Drupal 8 nicht mehr hinbekommen. In dem Fall kann man sich aber damit behelfen, daß man Bartik aus dem Verzeichnis core/themes nach themes/custom kopiert. Dann wird es nicht mehr überschrieben bei einem Update. Anschließend trägst Du in die bartik.libraries.yml einen eigene CSS-File ein, in dem Du Deine CSS-Änderungen einträgst und damit das Original überschreibst. Dann hast Du neben evtl. geänderten twig-Dateien nur eine CSS-Datei, auf die Du aufpassen mußt. Sollte es Updates an Bartik geben,mußt Du Dich aber selbst darum kümmern.
Dann mache ich mich auf die Suche nach dem Template
am 25.03.2020 - 12:34 Uhr
Herzlichen Dank für Deine Hinweise. Sobald ich es hinbekommen habe, melde ich mich hier noch einmal.
Hat funktioniert ... noch eine Kleinigkeit
am 03.04.2020 - 16:19 Uhr
Hallo Werner,
habe Deinen Hinweis jetzt umgesetzt und mit folgender css-Klasse habe ich nun die gewünschten Abstände meiner Fotokollektionen bei dem Standardthema Bartik erreicht:
.views-field-field-image {
max-width: 90%;
height: auto;
padding: 5px;
margin: 5px;
border-style: solid;
border-width: 6px;
border-color: #f6f6f2;
}
Jetzt gibt es noch eine störende Kleinigkeit. Wenn Du Dir z.B. hier https://www.tenckhoff.de/fototechnik das Ergebnis anschaust, dann zeigt sich unter jedem Bild eine gepunktete Linie. Hast Du eine Idee, wie ich die noch eliminieren kann?
Das liegt an den a-Tags. Füge
am 03.04.2020 - 16:51 Uhr
Das liegt an den a-Tags. Füge bitte im CSS ein: .view-fototechnik a { border-bottom: none;}
Hat geklappt:-)
am 03.04.2020 - 19:49 Uhr
Danke für die schnelle Hilfe! Hat in meiner Testinstallation direkt geklappt. Ich habe jetzt .view a { border-bottom: none;} eingetragen, um den Effekt der gepunkteten Linie auf allen Views zu unterdrücken. Ist das ok oder handel ich mir damit Probleme ein?
Nein, das kannst Du so
am 04.04.2020 - 08:33 Uhr
Nein, das kannst Du so machen, wenn es aus allen Views raus soll. Mein Ansatz war, es nur in dem einen View zu unterdrücken.
Gelöst:-)
am 04.04.2020 - 08:43 Uhr
Danke Werner, damit ist das Thema gelöst:-)