Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Block themen

Eingetragen von ab2211 (550)
am 20.10.2019 - 16:12 Uhr in
  • Themes & Theming
  • Drupal 8.x oder neuer

Hallo!

wie kann ich denn einen Block unter D8 themen, also die Ausgabe ansich?

‹ Webseite auf responsive trimmen Blockpositionierung responsive ändern ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Du kannst entweder das

Eingetragen von montviso (2189)
am 21.10.2019 - 07:55 Uhr

Du kannst entweder das twig-Theme individuell für einen bestimmten Block anpassen.
Oder direkt die ID des Blocks, die Du im Quelltext findest im Sub-Theme mit CSS stylen.
Oder mit dem Modul Block Class eine bestimmte Klasse vergeben.

Ich verwende z.B. Barrio Boostrap Theme und vergebe dann mit dem Modul HelperKlassen wie "col-12 col-md-6 col-xl-4" um einem Block 1/3 der Breite im PC, 50%im Tablet und 100% im Smartphone zu geben.

Keine Ahnung, ob Dir das hilft, sonst musst Du mal näher beschreiben, was Du vorhast.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke, CSS ist klar. Ich

Eingetragen von ab2211 (550)
am 21.10.2019 - 11:21 Uhr

Danke, CSS ist klar. Ich wollte aber gerne, z.B. das H2 Tag beim Title ändern, also die direkte Ausgabe des Blocks.

  • Anmelden oder Registrieren um Kommentare zu schreiben

dann musst Du im Theme die

Eingetragen von montviso (2189)
am 21.10.2019 - 11:57 Uhr

dann musst Du im Theme die Datei block.html.twig suchen und entweder für alle Blöcke überschreiben, oder einen Namen für den speziellen BLock analog zur Namens-Fonvention von Drupal Twig (https://www.drupal.org/docs/8/theming/twig/twig-template-naming-conventions) vergeben und in den Ordner template vom Sub-Theme legen.
Dort kannst Du dann statt H2 H3 schreiben oder was immer Du willst.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ah, ok, das hilft weiter!

Eingetragen von ab2211 (550)
am 21.10.2019 - 23:43 Uhr

Ah, ok, das hilft weiter! Danke!

Nehme ich bei block--[module]--[delta].html.twig als module den Sytemnamen des Moduls und die ausgegebene ID im HTML-Code?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Im Grunde orientierst Du Dich

Eingetragen von montviso (2189)
am 22.10.2019 - 07:13 Uhr

Im Grunde orientierst Du Dich an dem, was im Quelltext der Homepage als ID für diesen Block steht.

Bei den beiden Beispielen im Doku zur Namenskonvention hast Du z.B.
block--block--1.html.twig
und
block--views-block--front-news-block-1

Dann ist jeweils block und views-block das Modul.
Bei der View bezieht sich front-news auf den Namen der View " front_news" und block-1 ist das delta, weil es eine Block-Ansicht ist.

Du schaust dann also in Deinen Quelltext holst Dir die ID und entnimmst daraus die Daten.
Underscore _ wird zu Minus -

Ich muss aber auch immer einiges an Try und Error investieren.

Wenn Du das Template hoch geladen oder geändert hast, unbedingt Cache leeren, sonst siehst Du keinen Unterschied.

Ach ja, wenn du Twig Debugging einstellst, findest Du die Template Namen im Quelltext.
Hier hat sich schon mal jemand abgemüht:
https://www.drupal.org/forum/support/theme-development/2016-05-15/drupal...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ahh, fantastisch. Ich dachte,

Eingetragen von ab2211 (550)
am 22.10.2019 - 11:18 Uhr

Ahh, fantastisch. Ich dachte, laut Doku, ich müsste Namen und ID eingeben, aber ID aus dem Quelltext reicht!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
Weiter

Neue Kommentare

  • Danke ich werde mir die
    vor 4 Tagen 8 Stunden
  • Vielen Dank für Ihren
    vor 1 Woche 2 Stunden
  • Composer ist sehr ratsam
    vor 1 Woche 2 Tagen
  • Vielen Dank für den
    vor 1 Woche 4 Tagen
  • Die alten CMS Vergleiche von contentmanager.de
    vor 1 Woche 5 Tagen
  • Gut gemacht
    vor 1 Woche 5 Tagen
  • Layout Builder etc. z.B. für Landing Pages
    vor 1 Woche 5 Tagen
  • Links
    vor 2 Wochen 14 Stunden
  • Moin,wow, sehr gutes
    vor 2 Wochen 1 Tag
  • Dass ist eine spannende
    vor 2 Wochen 1 Tag

Statistik

Beiträge im Forum: 250316
Registrierte User: 20562

Neue User:

  • rofilm
  • Cruzorerm
  • Plandkeews

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 7 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association