2010-11-28 4 views
0

Ich entwickle ein benutzerdefiniertes Kindthema für das Thematic Framework.Wordpress Theming: Wrapping Eintrag Titel?

Ich habe Probleme mit der Ausrichtung meiner Posttitel. Wenn sie sich in eine zweite Zeile einfügen, vermasseln sie die Positionierung meines Datums.

Sie ein Beispiel sieht hier: http://everydaytype.com/wp

Auf dem obersten Eintrag, der eine Zeile lang ist, das Datum und der Eintrag Titel ausgerichtet sind.

Bei den zweiten beiden folgenden Einträgen wird der Titel in eine zweite Zeile umbrochen und das Datum verschoben.

Ich habe versucht, mit der relativen und absoluten Positionierung sowohl der Eintragsdatum als auch der Eintrag Titel vergeblich zu spielen. Ich habe versucht, mit der Höhe und der Zeilenhöhe zu spielen. Ich habe versucht Display: Inline-Varianten.

Ich benutze Firebug, um das CSS zu enthüllen, das beide Elemente betrifft, aber noch nichts machen konnte.

Mein Ziel, um es klar zu sagen, ist in der Lage Titel Titel beliebiger Länge zu haben und sie mit dem Datum wie auf dem obersten Eintrag ausgerichtet zu halten.

Alle Ideen würden sehr geschätzt werden.

Antwort

1

können Sie versuchen, die <span class="entry-date">vor die <h2> im HTML-Code selbst zu platzieren. (in einer deiner Themendateien).

<span class="entry-date">...</span> 
<h2 class="entry-title">...</h2> 

dann die folgenden Arten anwenden:

.entry-date { 
    clear:both; 
    display:block; 
    font-family:Futura,sans-serif; 
    height:0; 
    padding-right:30px; 
    position:relative; 
    top:2em; 
    width:60px; 
} 
+0

einverstanden war, sollten Sie Ihre HTML ändern, so dass das Datum zuerst kommt, von all den Rest des Post-Gehalt gefolgt. In Kombination mit den oben genannten Stilen sollte dies zumindest die Anpassung Ihres Stylings erleichtern. – KcSchaefer

+0

Vielen Dank für Ihre Antwort. Ich kämpfe mit dem PHP-Aspekt der Theme-Entwicklung im Allgemeinen, und ich bin wirklich nur in HTML und CSS kompetent. Ich stimme Ihren Lösungen zu, wenn ich den HTML-Code der Vorlage bearbeiten konnte, aber die Bearbeitung von PHP ist eine viel schwierigere Aufgabe. Ich schaute in die Dateien, um zu sehen, ob ich herausfinden konnte, wie ich den "Datum" -Teil der Metadaten des Posts nehmen und über den Titel stellen sollte, aber ich verstehe die involvierte PHP nicht. Gibt es da rein CSS? –

+0

np! Bitte markieren Sie die Frage als "beantwortet", wenn dies richtig ist. Viel Glück beim Codieren! –