Frage Komplizierte H1 Formatierung

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

mokixxx

Neues Mitglied
24 Juli 2020
6
0
1
52
Hallo,
meine H1 hat folgenden Aufbau: "Textteil eins – Textteil zwei".

Ich benötige ein CSS mit dem ich "Textteil eins" und "Textteil zwei" getrennt ansprechen kann.
"Textteil zwei" soll in einer neuen Zeilen stehen.
" – " soll nicht angezeigt werden.

Z.B:
Textteil eins
Textteil zwei

Es gibt keine Möglichkeit dies über einen <span> oder <div> zu regeln.

Vielen Dank für die Hilfe.
 

Sailor

Aktives Mitglied
14 Juli 2017
501
64
28
Code:
<style>
.linker-text {
   color: #f00;
   ....
}
.rechter-text {
   color: #ff0;
   ....
}
</style>

<h1><span class="linker-text">linker Text</span>
   <br>
   <span class="rechter-text">rechter Text</span>
</h1>
 

mokixxx

Neues Mitglied
24 Juli 2020
6
0
1
52
Hi Sailor,
Das geht eben nicht.
Das ist die h1 und ich kann da nichts weiter reichschreiben:

Code:
<h1>Textteil eins – Textteil zwei</h1>
 

mokixxx

Neues Mitglied
24 Juli 2020
6
0
1
52
Nein, ich weiß was du meinst.
Aber die h1 kommt so aus der Datenbank.

Meine Frage: gibt es einen "Trick" mit dem ich sie so formatieren kann ich wie will... OHNE noch Klassen dazu zu schreiben. Denn das geht nicht.
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.933
370
83
67
die h1 kommt so aus der Datenbank.
Wenn sie so aus der Datenbank kommt, wird sie ja sicher von einem serverseitigen Skript dort ausgelesen. Und dann sollte es möglich sein, den String zu manipulieren?
 

Sailor

Aktives Mitglied
14 Juli 2017
501
64
28
Dann sieht das wohl eher schlecht, denn soweit ich weiß akzeptiert WP keinen eigenen HTML Code, den du in eines der vom Theme vorgegebenen Eingabefelder schreibst.
Aber Versuch macht klug... füge doch einfach mal den obigen Code..
Code:
<span class="linker-text">linker Text</span>
<br>
<span class="rechter-text">rechter Text</span>
an der Stelle ein. wo du jetzt dein...
Code:
Textteil eins – Textteil zwei
stehen hast. das zugehörige CSS fügst du dann in das 'zusätzliche CSS' des Customizers ein - mehr als nicht funktionieren kann es nicht.
 

basti1012

Senior HTML'ler
26 November 2017
1.348
136
63
39
Minden
sebastian1012.bplaced.net
Hast du mal versucht mit before und after zu arbeiten
Man müßte dann halt nur jedes einzelne h1 Feld bearbeiten weil es so kein Standart Code gibt der die länge der linken und rechten Texte auslesen kann ( außer JS )
 
Zuletzt bearbeitet:

galbur

Neues Mitglied
29 Juli 2020
6
0
1
57
Hallo
Da gibts bestimmt ein WP-Plugin dazu mit dem man neue Tags in ein Titelfeld einbauen kann.

Grundsätzlich kannst Du natürlich ein <span> in einen H1/H2 Titel etc. einfügen.
Das Problem liegt ja meistens darin, dass ich in Titelfeldern etc. keine HTML-Tags einfügen kann. Die werden weg "gestrippt".

Unter Joomla gibt es ein Tool das heisst Rereplacer. Damit kann ich eigene Tags definieren welche dann korrekt angezeigt werden können.

Der so ins Titelfeld eingefügte Text
Titel[ut]Titel - Teil 2 separat formatiert[/ut]
ergibt dann
<h2>Titel <span class="h2titel">Titel - Teil 2 separat formatiert </span> </h2>

Viele Grüsse
Christoph
 
Werbung:

Neueste Beiträge