2010-11-28 6 views
0

Je développe un thème enfant personnalisé pour le cadre thématique.Thème Wordpress: Envelopper les titres d'entrée?

J'ai des problèmes avec l'alignement de mes articles. Quand ils s'enroulent sur une deuxième ligne, ils gâchent le positionnement de ma date.

Vous pouvez voir un exemple ici: http://everydaytype.com/wp

Sur la première entrée, ce qui est une longue ligne, la date et le titre d'entrée sont alignés.

Sur les deux entrées suivantes, le titre se termine sur une deuxième ligne et déplace la date.

J'ai essayé de jouer avec le positionnement relatif et absolu de la date d'entrée et le titre de l'entrée en vain. J'ai essayé de jouer avec la hauteur et la hauteur de la ligne. J'ai essayé d'afficher: variantes en ligne. J'utilise Firebug pour révéler le CSS qui affecte les deux éléments, mais qui n'a pas encore réussi à faire fonctionner quelque chose.

Mon but, pour le dire clairement, est de pouvoir avoir des titres d'entrée de n'importe quelle longueur et de les garder alignés avec la date comme sur l'entrée du haut.

Toutes les idées seraient grandement appréciées.

Répondre

1

vous pouvez essayer de placer le <span class="entry-date">avant le <h2> dans le code html lui-même. (dans l'un de vos fichiers de thème).

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

puis appliquer les styles suivants:

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

Convenu, vous devez modifier votre code HTML afin que la date vient en premier, suivi par tout le reste du contenu du message. Combiné avec les styles ci-dessus, cela devrait, à tout le moins, rendre beaucoup plus facile d'ajuster votre style. – KcSchaefer

+0

Merci beaucoup pour votre réponse. Je me bats avec l'aspect PHP du développement du thème en général, et je ne suis vraiment compétent qu'en HTML et en CSS. Je suis d'accord avec vos solutions si je pouvais éditer le code HTML du modèle, mais éditer le PHP est une tâche beaucoup plus difficile. J'ai regardé dans les fichiers pour voir si je pouvais comprendre comment prendre la partie "date" des métadonnées du post et le mettre au-dessus du titre, mais je ne comprends pas le PHP impliqué. Y at-il loin d'utiliser purement CSS? –

+0

np! s'il vous plaît marquer la question comme «répondu» si cela est juste. bonne chance de codage! –

Questions connexes