Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Benutzerhandbuch › Fortgeschrittene › Tutorials & How To's - Tipps & Tricks ›

Header image Modul einrichten

Eingetragen von Sense (1560) am 27.06.2010 - 09:49 Uhr in
  • Drupal 6.x

Dieses Tutorial ist nur für Drupal 6 ausgelegt, für D7 lest bitte die README-Datei des Moduls. Dort habe ich alles beschrieben.

Folgende Module werden benötigt:

  1. Header image
  2. Content Construction Kit
  3. Filefield
  4. Imagefield

Installation / Einrichtung:

  1. Installation der Module unter "admin/build/modules"
  2. Unter "admin/user/permissions" die entsprechenden Berechtigungen für die Module setzen
  3. Unter Inhaltstypen "admin/content/types" einen neuen Inhaltstypen mit Namen "Header image" als Typ "headerimage" anlegen. Danach wird der neue Inhaltstyp in der Übersicht angezeigt.
  4. Hier nun hinter dem Inhaltstypen "Header image" auf "Felder verwalten" klicken.
  5. Im unteren Bereich bei "Neues Feld" folgende Daten eingeben / auswählen:
    • Bezeichnung: Header image
    • Feldname: headerimage
    • Feldtyp: File
    • Steuerelement: Bild
  6. Unter den folgenden Einstellungen können diverse Optionen aktiviert werden, die selbsterklärend sein dürften.
    Unten den Pfadeinstellungen würde ich noch "headerimage" eingeben, dieses bewirkt, dass die hochgeladenen Datei im Datei-Verzeichnis im Unterordner "headerimage" abgelegt werden.
  7. Unter den "Globalen Einstellungen" sollte nun "Erforderlich" markiert werden und die "Anzahl der Werte" auf "1" gestellt werden.
  8. Nun zu den Einstellungen des Header image Moduls, die unter "admin/settings/headerimage" gefunden werden können.
  9. Zum Tab "Einstellungen" wechseln und hier unter "Node type" den gerade angelegten Inhaltstypen "Header image" markieren
  10. Unter "Condition types" können nun die Kriterien ausgewählt werden, mit denen die Anzeige der Header images bestimmt werden soll. Hier sollte "URL" und "Node ID" markiert werden.
    • URL: Der Pfad zur Node, Taxonomy, View, ...
    • Node ID: Die entsprechende ID des Beitrags
  11. Nun wieder zurück zur Übersichtsseite "admin/settings/headerimage" (Klick auf "Alle anzeigen")
  12. Unter "Add Header Image block" einen neuen Block mit dem Blocktitel "Header image" anlegen
  13. Nun auf "Einstellen" klicken und auf "Block speichern" klicken, danach gelangt man in die Drupal Block Ansicht.
    Hier den Block "Header image" in den entsprechenden Bereich verschieben und das Ganze erneut speichern
  14. Nun muss noch der entsprechende Inhalt angelegt werden, der nachher im Block zu sehen ist.
    Dazu legt man einen neuen Inhalt vom Typ "Header image" an und vergibt einen Titel und uploaded das entsprechende Bild.
  15. Unter "Display conditions" kann nun eingestellt werden, wo der Inhalt mit welcher Gewichtung angezeigt werden soll.
    Hinweis: Hier sollten WYSIWYG Editoren deaktiviert werden!
    • Bei "Node ID Conditions" können alle Node IDs durch Komma getrennt eingegeben werden.
    • Das "URL Condition" Feld funktioniert genauso wie die Drupal Block Verwaltung zum Anzeigen der Blöcke
  16. Möchte man, dass dieses Header image als Standard hinterlegt ist und keinem speziellen Bereich zugewiesen ist vergibt man folgende Werte:
    • Condition weight: -10
    • Node ID condition: leer lassen
    • URL Condition: *
    • Anhand der "Condition weight" ist es nun möglich das Standard Bild zu überschreiben.
  17. Nach Speichern der Node wird das Bild im entsprechenden Block angezeigt.
  18. Da hier die Standard CCK Darstellung verwendet wird, muss die "headerimage-block.tpl.php" aus dem Modul "Header image" in den Themes Ordner kopiert werden. Danach die "template.php" im Theme Verzeichnis öffnen (sollte sie nicht bestehen einfach die Datei anlegen) und folgenden Code einfügen ("themename" muss hier durch den verwendeten Themenamen ersetzt werden, z.B. "garland"):
  19. <?php
    /**
    * Process variables to format the headerimage block.
    *
    * $variables contains:
    * - $node
    * - $teaser: TRUE = display node as teaser; FALSE = display full node
    *
    * @see headerimage-block.tpl.php
    */
    function themename_preprocess_headerimage_block(&$variables) {
     
    $node = $variables['node'];
     
    $teaser = $variables['teaser'];

     
    $variables['unpublished'] = !$node->status;
      if (
    $teaser && isset($node->teaser)) {
       
    $variables['content'] = $node->teaser;
      }
      else {
       
    $variables['content'] = $node->body;
      }

     
    $variables['headerimage'] = theme('image', $node->field_headerimage[0]['filepath']);
    }
    ?>

  20. Anschließend die kopierte "headerimage-block.tpl.php" öffnen und die Variable "$content" durch "$headerimage" ersetzen.
  21. Zum Abschluss unter "admin/settings/performance" noch den "Cache leeren"
‹ Gallery mit CCK und Views erstellen (Drupal 5) nach oben Inhaltsübersicht für einen User mit einem View erstellen ›

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • 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

  • Composer ist sehr ratsam
    vor 1 Tag 8 Stunden
  • Vielen Dank für den
    vor 3 Tagen 19 Stunden
  • Die alten CMS Vergleiche von contentmanager.de
    vor 4 Tagen 7 Stunden
  • Gut gemacht
    vor 4 Tagen 7 Stunden
  • Layout Builder etc. z.B. für Landing Pages
    vor 4 Tagen 7 Stunden
  • Links
    vor 6 Tagen 22 Stunden
  • Moin,wow, sehr gutes
    vor 1 Woche 23 Stunden
  • Dass ist eine spannende
    vor 1 Woche 1 Tag
  • Moin
    vor 1 Woche 1 Tag
  • Drupal-Contao-Vergleich ist nicht einfach
    vor 1 Woche 2 Tagen

Statistik

Beiträge im Forum: 250312
Registrierte User: 20559

Neue User:

  • Cruzorerm
  • Valid64x
  • 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 6 Gäste online.

DrupalCenter durchsuchen:

Benutzerhandbuch

  • FAQ - Häufig gestellte Fragen.
  • Links & Downloads
  • Über Drupalcenter.de und das deutschsprachige Benutzerhandbuch
  • Über Drupal
  • Einsteiger
  • Fortgeschrittene
    • Best Practice - Drupal Sites - Guidelines
    • Die beliebtesten Themes und Module
    • Tutorials & How To's - Tipps & Tricks
      • Kurztipps - Dinge die Stunden sparen können.
      • Notfallpläne - Tipps die Deine Drupalinstallation retten können
      • Anleitung zur Erstellung eines einfachen Kontaktformulars
      • Arbeiten mit dem Drupal Taxonomie-System [beinhaltet veraltete Inhalte]
      • Bearbeiten-Tab zu jeden Block hinzufügen
      • Block View mit Argument
      • Das Tagebuch einer Site
      • Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel
      • Drupal 6 - Eigene CSS Datei in ein Theme integrieren
      • Drupal 6 - Einfache Bildergalerie mit Image und Lightbox2
      • Drupal 6 - Einrichten eines Kalenders
      • Drupal 6 - Google Adsense ohne Zusatzmodul einbinden
      • Drupal 6 - Hauptnavigation mit DropDown Effekt ab Ebene Zwei
      • Drupal 6 - ImageMagick mit XAMPP Lite nutzen
      • Drupal 6 - Imagefield mit Imagecache und Colorbox
      • Drupal 6 - Installation FCK Editor
      • Drupal 6 - Installieren der WYSIWYG API inkl. Editoren
      • Drupal 7: mehrere Bilder in Node: 1 Bild in Anrisstext
      • Drupal Code Highlighting in Redmine Projektarchiv (CodeRay)
      • Drupal Theming: JavaScript einhängen in Abhängigkeit von Page-Variablen
      • Drush - Das Schweizermesser für Drupal auf Kommandozeile
      • Einfaches und erfolgreiches Patchen unter Windows
      • Eingabeformat & Inputfilter
      • Einrichten eines einfachen, statischen Menüsystems
      • Erstellen von Patches
      • Gallery mit CCK und Views erstellen (Drupal 5)
      • Header image Modul einrichten
      • Inhaltsübersicht für einen User mit einem View erstellen
      • Javascript und CSS-Dateien einbinden
      • Kontaktformular mit Jquery aufwerten
      • Leitfaden zur Erstellung von Suchmaschinenoptimierten Drupal-Sites
      • Mac OSX - Backupskript für Websites auf MAMP
      • Module updaten via Shell auf Windows
      • Module übersetzen
      • Perl-Script zum Erzeugen einer statischen Kopie einer Drupal-Website
      • Portierung eine Themes von openwebdesign.org
      • Prozentbalken bei Views (Balkendiagramm)
      • Themen eines Node-Formulars
      • Titel mit Stil
      • Umkreissuche mit Location- und Views-Modul
      • Usergalerie mit ImageCache, CCK, Views + Thickbox
      • Userprofil mit Usernodes erstellen
      • Validierung von Usereingaben bei Nodes
      • Variation vom Showroom auf drupalcenter.de
      • View mit Eingabeformular für neue Beiträge
      • WebSVN mit Drupal Code Highlighting
      • Zusätzliche Submit-Schaltfläche in Node-Formularen
      • i18n Language Switcher Block, die Links mit den Flaggen themen
      • ui.slider als Ersatz für den Ajax-Pager von Views
      • Zugriffsbeschränkungen für Nodes - eine Übersicht der Möglichkeiten
  • Entwicklung von Modulen und Themes
  • Drupalcenters Community
  • Drupal 7 Video-Trainings (Deutsch)
  • Drupal-Testumgebung erstellen
  • Drupal 6 Module
  • Drupal 7 Module
  • Drupal Screencasts auf deutsch
  • Archiv

Das Copyright des deutschsprachigen Drupal-Benutzerhandbuches unterliegt den jeweiligen Autoren. Übersetzungen des englischsprachigen Drupal-Benutzerhandbuches unterliegen der Creative Commons License, Attribution-ShareAlike 2.0.

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