18. Juni 2014
nach Martina Rüdiger
Kommentare deaktiviert für Vorsicht beim Update von jQuery update für Drupal 7

Vorsicht beim Update von jQuery update für Drupal 7

Nachdem das jQuery-Update-Modul jetzt zum zweiten Mal in kurzer Zeit Probleme beim Updaten gemacht hat, muss ich das doch mal hier notieren. An sich ist das ein sehr hilfreiches Modul, sorgt es doch dafür, dass Drupal automatisch mit neueren Vers… Weiterlesen

4. April 2014
nach Martina Rüdiger
Kommentare deaktiviert für Drupals Cron.php hängt – Fehlersuche mit Elysia Cron

Drupals Cron.php hängt – Fehlersuche mit Elysia Cron

Manchmal kann es passieren, dass Drupals Cron.php nicht ordnungsgemäß ausgeführt wird und einfach abbricht. Häufig sind zu geringe Einstellungen für das PHP-Speicherlimit oder die Skript-Laufzeit die Ursache. Letztens hatten … Weiterlesen

20. November 2013
nach Martina Rüdiger
Kommentare deaktiviert für Drupal 7: Inhalte trotz einspaltigen Layouts mehrspaltig ausgeben

Drupal 7: Inhalte trotz einspaltigen Layouts mehrspaltig ausgeben

Die Gestaltung von Webseiten ist nicht besonders flexibel: Das HTML-Grundgerüst folgt klaren Regeln, unter der Haube agiert CSS. Beider Manipulation erfordert ein bisschen Expertenwissen. Wer sich eine Webseite bauen lässt, möchte aber in der Regel vermeiden, sich in die Technik und irgendwelchen Code einzuarbeiten. Oft bestückt man die Webseite nur in unregelmäßigen Abständen, und wer soll sich dann all diese Codeschnipsel und wo sie hingehören behalten?

So wollte ein Kunde auf einer für mobile Geräte optimierten Seite in der mittleren Inhaltsspalte Bilder und Texte nebeneinander darstellen, und zwar mehrere Bilder. Seine Idee war, eine Tabelle anzulegen und die einzelnen Bausteine dort zu platzieren, wie man es mit MS-Word gerne macht. Tabellen so zu optimieren, dass sie auch auf Smatphones funktionieren bedeutet eigentlich, sie zu vermeiden. Statt einer HTML-Konstruktion

<table> <tr> <td> Bild </td> <td> Text </td> </tr> </table>

kommt für eine zweispaltige Darstellung eine Konstruktion

<div style=“overflow: hidden;“> <div style=“width: 49%; float: left;“> <div> Bild </div> </div> <div style=“width: 49%; float: right;“> <div> Text </div> </div> </div>

zum Einsatz. Einem Kunden kann ich aber nicht zumuten, im WYSIWYG-Editor in die Quelltext-Ansicht zu gehen und irgendwelches HTML und CSS einzugeben. Will der in 14 Tagen seinen Text überarbeiten, weiß er schon nicht mehr, was wo hingehört. Und das ist ja auch nicht seine Aufgabe.

Das Problem haben aber auch andere Entwickler schon gehabt und deswegen hat jemand die Erweiterung „Layouter“ programmiert. Layouter stellt verhältnismäßig einfach unterschiedliche Spaltenlayouts für an sich der Link zum Layoutereinspaltige Inhalte bereit.

Ein unauffälliger Link unter dem Editor-Fenster führt zu einem kleinen Popup, das die Layoutalternativen zum Auswählen angibt. Hat man sich für eine Variante entschieden, gibt man im Popup die Inhalte ein. Weiter gestalten kann man sie an dieser Stelle allerdings nicht, erst wenn man die Die Auswahlmöglichkeiten im LayouterEingabe abschließt und die Inhalte in den WYSIWYG-Editor übernommen werden, kann man Texte ganz normal fett, kursiv oder mit Übrschriftsdefinitionen auszeichnen.

Mit Vorsicht zu genießen ist die Option, Text automatisch in zwei Spalten fließen zu lassen. Die resultierende Konstruktion

<p style=“-moz-column-count: 2; -moz-column-gap: 16px; -webkit-column-count: 2; -webkit-column-gap: 16px; column-count: 2; column-gap: 16px;“> Text </p>

funktioniert nur in modernen Browsern und wird z.B. vom Internet Explorer unterhalb der Version 10 nicht unterstützt. Das ist allerdings kein Beinbruch, ältere Browser stellen den Text dann eben nur herkömmlich einspaltig dar.

Unterhalb einer mehrspaltigen Konstruktion eine weitere, unabhängige mehrspaltige Konstruktion einzufügen, ist jetzt nicht weiter schwierig: Den Cursor einfach ganz unten in den Editor setzen (wo sich eine leere Zeile befindet) und wieder den Layouter aktivieren. Natürlich kann man diese Layouts durch Unachtsamkeit und das Setzen des Cursors an die falsche Position zerstören, sie sind aber weitaus stabiler und flexibler als viele handgestrickten Varianten.

Weiterlesen

16. Oktober 2013
nach Martina Rüdiger
Kommentare deaktiviert für Schönere (halb)automatische Thumbnail-Bilder mit EPSA Crop

Schönere (halb)automatische Thumbnail-Bilder mit EPSA Crop

Wer schon einmal Bildergalerien mit Drupal erstellt hat, weiß die Bildstile von Drupal zu schätzen mit deren Hilfe man aus hochgeladenen Bildern, automatisch Thumbnail-Bilder (auch einfach nur „Thumbnails“ genannt) oder andere Formate generieren lassen kann. Auch wenn die hochgeladenen Bilder völlig unterschiedliche Formate haben, möchte man die Thumbnails doch häufig immer im exakt gleichen Format haben, z.B. 100x100px. Für solche Fälle bietet sich der Effekt „Skalieren und zuschneiden“ an. Dabei wird das Bild zunächst so skaliert, dass die kürzere Seite exakt 100px misst. Da das Seitenverhältnis des Bildes unverändert bleibt, hat die längere Seite jetzt natürlich noch mehr als 100px. Bei einem 800x600px großen Bild, hat das runterskalierte Bild jetzt 133x100px. Daher wird es im nächsten Schritt in der Breite auf 100px beschnitten. Das Ergebnis ist ein mittiger Bildausschnitt. Der folgende Screenshot der Drupal-Bildstile-Seite zeigt das beispielhaft.

Drupal Beispiel-Bildstil "Skalieren und zuschneiden 100x100"

weiterlesen

Weiterlesen

3. September 2013
nach Jürgen Thau
Kommentare deaktiviert für Tutorial „Eigene Karten erstellen mit Open Layers“

Tutorial „Eigene Karten erstellen mit Open Layers“

Heute sind Karten auf Webseiten mehr als nur eine Ausschnitt aus dem Stadtplan, der als Anfahrtskizze für Kunden dient. Auf ihnen lassen sich Standortinformationen visualisieren. Und so können Karten einen schnellen Überblick zu vielf&a… Weiterlesen