Widget für dreizeilige Schlagzeile

  • Ich versuche schon seit einiger Zeit mit dem Widget-Entwicklertool, ein Widget für eine dreizeilige Schlagzeile zu erstellen, wie ich sie im Anhang dargestellt habe. Darin würde ich gerne Font, Schriftgröße und Schriftfarbe variabel einstellen. Es gelingt mir leider nicht und HMTL- bzw. CSS-Kenntnisse habe ich auch nicht.
    Ich würde mich sehr freuen, wenn mir hierzu jemand behilflich sein könnte.
    Mit freundlichen Grüßen
    Josef Rödl

  • Hallo Josef,


    ich verstehe leider nicht so ganz....


    Du kannst doch z.B in einem normalen Text-Widget ohne Probleme in der "Werkzeugleiste" unterschieliche Fonts, Schriftgrößen und Schriftfarben definieren.


    Weitere Befehle anzeigen > Siehe Bild 1
    Und dort gibt es dann diverse Einstellmöglichkeiten > Siehe Bild 1.2


    Wenn du das nicht meinst, dann bitte näher beschreiben wie du dir das vorstellst.

  • Lieber Jochen,


    vielen Dank für die schnelle Antwort.
    Die allgemeine Textformatierung kenne ich natürlich. Mir geht es um ein Standard-Layout-Element "Schlagzeile", wie man es in vielen Online-Seiten sieht. Zum Beispiel Bild1 aus Spiegel-Online. In den angehängten Bildern 2 bis 6 habe ich versucht, dieses Beispiel in Zeta-Producer als Widget zu definieren. Das Ergebnis siehst Du in Bild 6. Ich konnte leider keine Attribute (Font, Schriftgröße, Schriftfarbe) definieren.
    Ein Standard-Layout-Element "Schlagzeile" hätte eben auch den Vorteil, dass man mit einer einzigen Änderung alle verwendeten Standard-Schlagzeilen neu formatieren könnte. Ich sehe Standard-Layouts und Widgets (z.B. Hyperlinks, Überschriften, Hinweisbox etc.) gerade als Hauptvorteil von Zeta-Producer.
    Nochmals vielen Dank für die rasche Antwort und Deine Bemühungen.


    Mit freundlichen Grüßen
    Josef

  • Hallo Josef,


    "Schlagzeile" ist im Gegensatz zu "Überschrift" keine HTML-Definition. Auch bei deinem Beispiel handelt es sich nach Quelltext um eine Überschrift, zu erkennen an der <h1> Definition:


    HTML
    <h1 class="so-hdln">Leverkusens Sieg gegen Frankfurt: Endlich wieder Schmidteinander</h1>

    Weiter befindet sich im Quellcode eine Klassendefinition class="so-hdln", mit der das Aussehen der Überschrift entsprechend eines CSS festgelegt wird. Ohne HTML- und CSS-Kenntnisse ist das von dir gewünschte "Widget" nicht umzusetzen.


    Wegen der fehlenden HTML-Definition ergibt sich auch kein Mehrwert bei Google gegenüber der bereits zur Verfügung stehenden Klassifikation nach Überschriften.

  • Hallo Thomas,


    vielen Dank für Deine Antwort.
    Leider verstehe ich nicht den Unterschied zwischen einer HTML-Definition "Überschrift" und meinem frei gewählten Widget-Namen "Schlagzeile". Sind bei Widget-Namen nur festgelegte Begriffe möglich? Obwohl ich mit den HTML- und CSS-Begriffen nichts anfangen kann, gibt es vielleicht einen einfachen Weg, wie ich diese Befehle in meine Widget-Definition "Schlagzeile" einbauen könnte um zum gewünschten Ziel zu gelangen. Ggf müsste ich die Definition nur mit anderen Elementen bestücken, um die Attribute (Font, Schriftgröße, Schriftfarbe) definieren zu können. Ich habe schon vieles versucht, bin allerdings nicht zum gewünschten Ziel gelangt.


    Mit freundlichen Grüßen
    Josef

  • Hallo Josef,


    Ich wollte mit meinem Beitrag nur erklären, dass mit einem Widget "Schlagzeile" das Produkt "Zeta Producer" nicht aufgewertet wird, da die von dir beabsichtigte Anwendung keinen Einfluss auf die Darstellung in den Suchergebnissen hat, sprich - sich nicht auf die Position bei Google auswirkt. Damit wäre für die Umsetzung am ehesten Hilfe von den "Tüftlern" im Forum möglich wie beispielsweise @Jochen oder Mario. Deren Lösungen wiederum basieren auf der Anwendung von html und css. Du wirst also nicht umhinkommen, dich damit zu beschäftigen.

  • Hallo Thomas,


    habe ich verstanden. Mir geht es allerdings in keinster Weise um die Aufwertung von Suchergebnissen in Google etc. sondern einzig und allein um eine komfortable Layoutgestaltung meiner Homepage, die ich gerne im Stile der großen Presseorgane SPIEGEL, Süddeutsche Zeitung, FOCUS etc. aufbauen möchte.
    Trotzdem herzlichen Dank für Dein Bemühen, mich zu unterstützen.


    Mit freundlichen Grüßen
    Josef

  • Hallo Josef,


    da heißt es jetzt, einfach mal abwarten, ob @Jochen oder @Mario dazu eine Idee haben. Ich bin da in Sachen CSS und HTML quasi auf dem gleichen Niveau wie Du und suche dann eher den Weg über solche Hilfslösungen, wie von @Jochen im Beitrag 2 beschrieben.

  • Leider fühle ich mich hier immer noch missverstanden. Das Widget Text kenne ich natürlich sehr gut. Damit kann man selbstverständlich alle möglichen Layout-Darstellungen realisieren, auch meine sog. "Dreizeilige Schlagzeile" mit allen individuellen Attributen von Font, Schriftgröße und Schriftfarbe.
    Sollte ich jedoch jemals das Bedürfnis haben, diese Attribute zu ändern (was in meinen Anfängen einer eigenen Homepage jederzeit möglich ist), muss ich jedes einzelne Element meiner "Schlagzeile" umformatieren. Ich hätte daher gedacht, dass genau die universelle Definition einer Layout-Vorlage (Widget) die Flexibilität von Zeta-Producer ausmacht.

  • Hallo Mario,


    vielen Dank, dass Du dich nochmals mit meinem Thema beschäftigen möchtest.
    Angehängt das Widget "Schlagzeile".


    Mit freundlichen Grüßen
    Josef

  • Ah, jetzt habe ich dich verstanden. Ich kenne mich zwar ein wenig mit CSS aus, allerdings habe ich keine Erfahrung mit der Erstellung neuer Widgets.


    Kannst du das Widget mal zippen und mir zukommen lassen dann kann ich mal schauen? Entweder hier anhängen oder HIER versenden.
    Du findest das Widget unter Benutzer > Dokumente > Zeta Producer 13 > widgets.

    Prrrruuuusssstttt.... hahahaha...er kennt sich ein wenig mit css aus...... genau...ein wenig... Echt Mario, das ist das Understament des Jahres

    Freundlichste Grüße...


    Gawainos


    P.S.: Ich meine es nie böse... ;)

  • Hallo Josef,
    Lösche den Ordner "schlagzeile" oder besser kopiere ihn temporär in einen anderen Ordner.
    Entpacke die Zip-Datei im Anhang in den Ordner "widgets".


    In der Datei "standard.html" findest du folgenden Abschnitt:


    Hier kannst du jeweils in der Zeile "<div style=" das CSS anpassen bzw. weiteres CSS hinzufügen.
    font-size = Schriftgröße
    color = Schriftfarbe
    font-weight:bold = Schrift Fett
    line-height = Zeilenhöhe

  • Hallo Mario,


    Genial !!! Deine Lösung funktioniert tadellos. Herzlichen Dank für die Hilfe.


    Ich hätte mir zwar vorgestellt, man könnte die Style-Parameter in dem Widget-Tool direkt eingeben, aber ich komme auch so zurecht.
    Mit Deiner Lösung hast Du mich sogar inspiriert, mich doch etwas näher mit HTML und CSS zu befassen. Immerhin habe ich mir schon den HTML-Editor Phase 5 installiert, den ich im Internet gefunden habe. Jetzt bin ich 67 Jahre und lerne immer noch dazu!


    Nochmals herzlichen Dank, auch an alle anderen, die sich an meinem Thema beteiligt haben.


    Gruß
    Josef

  • Vielen Dank @sseiz für diesen Hinweis. Ich habe mir das jetzt auch ausführlich unter Deinem angegebenen Link angesehen und sogar damit experimentiert.
    So lange man immer noch HTML- bzw. CSS-Kenntnisse benötigt, scheint mir die Lösung von @Mario schneller und damit effektiver zu sein.


    Der wirkliche anwenderfreundliche Durchbruch wäre für mich der menügesteuerte Einbau der Formatierungsmöglichkeiten des Text-Editors in die Widget-Definition.
    Die weiteren Entwicklungsschritte von Zeta-Producer sollten daher hauptsächlich in Richtung Layout-Modularisierung bei weitgehender Befreiung von HTML- und CSS-Kenntnissen gehen. Das wäre für mich auch der hauptsächliche Schritt von der kostenlosen Version zu einer Profiversion von Zeta-Producer, welche mir bis zu 500€ wert wäre.


    Gruß Josef