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.
Grüße
Ronald
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
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
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.
Grüße
Ronald
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?
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
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.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
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.
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
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?
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
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;}
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
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?
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
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.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Gelöst:-)
am 04.04.2020 - 08:43 Uhr
Danke Werner, damit ist das Thema gelöst:-)
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.