Hallo zusammen
In meinem Headerbild habe ich ein Div definiert. Das Div möchte ich nun mit einer Grafik und Text befüllen. Mit dem GIFBUILDER generiere ich die Grafik mit dem Text.
Das Ganze möche ich für Redakteure verwaltbar machen.
Heisst: Die Grafik kann aus- und eingeblendet werden und der Text kann angegeben werden.
Hat jemand schon so etwas ähnliches gemacht? Könnt ihr mir weiter helfen?
Gruss Coreblade
Hallo Coreblade,
es stellen sich noch ein paar Fragen, die darüber entscheiden, ob und in welcher Weise du dein Vorhaben realisieren kannst.
Ist es immer die selbe Grafik oder wechselt die?
Soll die Grafik nur immer in Verbindung mit dem Text erscheinen?
Soll der Text auch ohne die Grafik angezeigt werden?
Eine Möglichkeit wäre ggf. dass du Feld Untertitel zu benutzen. Wenn dieses gefüllt ist, wird der Text und die Grafik entsprechend automatisch angezeigt.
Flexibler wird das ganze noch, wenn die Redakteure die Grafik in die Seiteneigenschaften laden und du die Datei daraus nimmst.
Bitte ignorieren, falls ich dich falsch verstanden habe, aber ist es nicht besser die Grafik und denn Text getrennt darzustellen? Ich meine den Text auch wirklich als Text und nicht als Grafik. Bei einem aktuellen Projekt hat die Website verschiedene Headerbilder, und auf diesen sind unterschiedliche Teaser zu sehen.
In meinem Fall können die Headerbilder ganz leicht von Redakteuren über die Seiteneigenschaften > Ressourcen editiert werden, und die Teaser befinden sich in einem Sysordner, sodass sie für Redakteure auch bearbeitbar sind.
Screenshots oder URL dazu kann ich noch nicht posten, weil die Website noch nicht live ist.
Hallo zeroalpha und Ryk
Schonmal danke für die beiden Antworten.
@zeroalpha:
Jop es wäre immer dieselbe Grafiken (links: roter Stern, rechts: blauer Balken). Die position ist mit CSS definiert (Div) und fix. Text und Grafik stehen in verbindung. Also wenn kein Text --> keine Grafik. muss ich also tt_content erweitern? Denn Untertitel gibts ja nur einen...
@Ryk:
Das Problem ist, dass mein Text schräg dargestellt werden soll. sprich diagonal nach oben. Kann man ja nur mit dem Gifbuilder schrägstellen.
Mein Text wird so nicht eingeblendet, ich weiss aber nicht wieso:
lib.batchred = IMAGE
lib.batchred {
file = GIFBUILDER
file {
XY = [10.w], [10.h]
backColor = #000000
transparentBackground = 1
10 = IMAGE
10 {
file = fileadmin/templates/images/batch_rot.png
}
20 = TEXT
20 {
text.field = subtitle
niceText = 1
fontColor = #000000
fontSize = 20
10 = EFFECT
10.value = rotate = 15
}
}
}
Könnt Ihr mir helfen?
Gruss Coreblade
Das Textobjekt kann kein Effektobjekt in sich tragen. Probier mal
angle = 15
Wenn Du TemplaVoila benutzt, solltest Du außerdem
text.data = page:subtitle
statt text.field = subtitle benutzen.
Irgendetwas scheint da komisch zu sein. Der Text wird nicht einmal eingeblendet, wenn ich mit value etwas angebe. Woran liegt das? #angry# Das lib.batchred ist ein normales div, welches ich mit "inner" in TV gemappt habe...
Hallo chhe
Danke Dir!
Das Problem lag an text.data = page:subtitle hat nun geklappt, der Text wird angezeigt :-) !
Allerdings lasse ich dich noch nicht in den Feierabend 😉
Wie wird die Grafik ausgeblendet, wenn kein Untertitel vorhanden ist?
Wie kann ich z.B. ein RTE einbinden, damit der Kunden den Inhalt selber formatieren kann? Ist soetwas überhaupt möglich?
Gr. Coreblade
Du kannst dem obersten IMAGE-Objekt ein
if.isTrue.data = page:subtitle
verpassen.
Verstehe ich das richtig, daß Du das Feld subtitle bearbeiten lassen willst? Um dafür einen RTE zu bekommen, müßtest Du die Definition in der TCA ändern. Für die Ausgabe müßte außerdem eine parseFunc zugewiesen werden. Das kannst Du Dir aber klemmen, wenn Du den Text als Grafik rendern lassen willst, weil IIRC dabei die HTML-Tags nicht berücksichtigt werden. Selbst ein doNotStripHTML im Textobjekt zeigt nur die Tags an.
Das mit der If Abfrage hat wunderbar geklappt. Danke 1000 🙂 !
Ist es den gar nicht möglich einem Redakter die Freiheit zu lassen die Schriftart und Grösse (für den Inhalt der Grafik) selber zu definieren?
Hätte gedacht, dass ich einfach der Pages Tabelle zwei RTE hinzufüge und diese dann als Anzeige nutze...
Das geht schon. Du könntest irgendein zusätzliches Feld benutzen und darüber den Font festlegen. Das Feld müßtest Du dann in Deinem TypoScript auslesen. Über den RTE legst Du halt nur CSS fest, aber hier ist der konkrete Font gefragt.
Danke für Deine Hilfe chhe!
Dann könnte ich halt z.B. 4 Eingabefelder im BE definieren und dazu jeweils ein weiteres Eingabefeld für die Schriftgrösse. Dies dient dazu, dass der Redakteur einzelne Zeilen grösser bzw. kleiner darstellen kann...
Ist es im Backend möglich das Bild gerendert anzuzeigen? Also quasi ein Platzhalter, welcher das gerenderte Bild anzeigt. Dies dient dann dem Redakteur zur Kontrolle, bevor er mit der Checkbox "Zeige Grafik" die Grafik definitiv auf der Webseite anzeigt.
Das wäre dann hoffentlich meine letzte Frage... :o
Nicht mit Standardfunktionen. Du könntest mit AJAX oder Hooks arbeiten. Dazu sollte Dir aber lieber jemand anderes was sagen. Das geht über meinen Erfahrungsschatz hinaus.
Danke chhe! Du hast mir sehr geholfen. 😃