2010-11-28 6 views
0

私はThematic Framework用のカスタム子テーマを開発しています。Wordpressテーマ:エントリータイトルをラップしますか?

私の投稿タイトルの配置に問題があります。彼らは2行目に折り返すと、私の日付の位置をつぶします。あなたがここでの例を参照することができます

:1行の長さでトップエントリー、上http://everydaytype.com/wp

を、日付とエントリーのタイトルが並んでいます。

次の2つのエントリでは、タイトルは2行目に折り返され、日付が置き換えられます。

私はエントリの日付とエントリのタイトルの相対的な絶対的な位置を無駄に再生しようとしました。私は高さと行の高さで遊んでみました。私はディスプレイ:インラインバリアントを試しました。

私はFirebugを使用して、両方の要素に影響を与えるCSSを公開していますが、まだ何か動作させることはできません。

私の目標は、明確に言えば、任意の長さのエントリタイトルを持ち、一番上のエントリのような日付に整列させることです。

アイデアをいただければ幸いです。

答えて

1

<span class="entry-date">の前に<h2>をhtmlコード自体に入れてみることができます。 (テーマファイルの1つにあります)。

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

その後、次のスタイルを適用します。

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

は日付がポストコンテンツのすべての残りの部分に続いて、最初に来るように、あなたのHTMLを変更する必要があり、合意しました。上記のスタイルと組み合わせると、少なくとも、あなたのスタイリングをもっと簡単に調整することができます。 – KcSchaefer

+0

お返事ありがとうございました。私は一般的なテーマ開発のPHPの側面に苦労しています、そして、私は本当にHTMLとCSSだけに熟練しています。テンプレートのHTMLを編集できたら、私はあなたのソリューションに同意しますが、PHPを編集することははるかに難しい作業です。ファイルの中を見て、投稿のメタデータの「日付」部分をどのように取ってタイトルの上に置くかを理解できるかどうかを調べることができましたが、私はPHPを理解していません。純粋にCSSを使用していますか? –

+0

np!これが正しい場合は「回答済み」と記入してください。幸運コーディング! –

関連する問題