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

Header image Modul einrichten

Eingetragen von Sense (1555) 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

  • Advertising Modul gesucht
  • Mysql Ver 8.0.41 zu MariaDB 10.11.11
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Doppelte Einträge verhindern
  • [abgeschlosen] PHP Composer von Plesk + .bashrc nicht vorhanden
  • Drupal 7 Focal Point – Bild auf Desktop vollständig anzeigen, nur in Responsive zuschneiden
  • ECA validiere Felder mit unlimitierter Eingabe
  • Zugriff auf Webform beschränken/gewähren
  • Drupal 10.4.5 und Bootstrap 3.x.
  • Probleme mit Drupal 10 - HTTP Statuscode 403 (gelöst)
  • View mit mehreren Ansichten, übersteuert nicht
  • [gelöst] Wiederherstellen mit backup&migrate
Weiter

Neue Kommentare

  • War Eure Suche erfolgreich?
    vor 8 Stunden 27 Minuten
  • V-Server ..
    vor 1 Woche 18 Stunden
  • ... generelle
    vor 1 Woche 18 Stunden
  • oder..
    vor 2 Wochen 1 Tag
  • Also ich will dich ja nicht
    vor 2 Wochen 2 Tagen
  • nochmal MariaDB vs Mysql
    vor 2 Wochen 2 Tagen
  • Vielen Dank - feedback zu den Videos
    vor 3 Wochen 6 Tagen
  • Falls dieses Thema noch mal
    vor 4 Wochen 2 Tagen
  • Prima, dann schreib bitte
    vor 4 Wochen 3 Tagen
  • Ah perfekt. Es hat an der
    vor 4 Wochen 3 Tagen

Statistik

Beiträge im Forum: 249988
Registrierte User: 20271

Neue User:

  • CharlestydaY
  • Darrenwem
  • DavidSeero

» Alle User anzeigen

User nach Punkten sortiert:
wla9454
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3855
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 12 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