2012-04-06 13 views
0

あなたのうちの何人かを慕うWP達は、私が達成しようとしているものの正しい方向に向けることができます。私はWPには新人ですが、Webデザインで経験があります。HTMLからWPテンプレートを作成する

私のクライアントは自分のサイトを編集/管理できるようにしたいと思います(そしてラインをブログに追加することもできます)が、ブログ以外の特注のデザインで、私は自分の頭を追加/変換しようとしています彼のためのWPへの様々な要素。私はヘッダーやフッターなどの基本的なWPテンプレートを作成しました。問題はありませんが、主なコンテンツ領域ではいくつかのポインタを使用できます。メインコンテンツ領域HTMLは次のとおりです。

<div id="main"> 
    <nav id="showreelnav"> 
    <ul> 
     <li><a href="#">Category1</a></li> 
     <li><a href="#">Category2</a></li> 
     <li><a href="#">Category3</a></li> 
     <li><a href="#">Category4</a></li> 
    </ul> 
    </nav> 
    <article id="showreels"> 
    <div class="reel"><img src="thumb1.png" alt="">Title1</div> 
    <div class="reel"><img src="thumb2.png" alt="">Title2</div> 
    <div class="reel"><img src="thumb3.png" alt="">Title3</div> 
    <div class="reel"><img src="thumb4.png" alt="">Title4</div> 
    <div class="reel"><img src="thumb5.png" alt="">Title5</div> 
    <div class="reel"><img src="thumb6.png" alt="">Title6</div> 
    <div class="reel"><img src="thumb7.png" alt="">Title7</div> 
    <div class="reel"><img src="thumb8.png" alt="">Title8</div> 
    <div class="reel"><img src="thumb9.png" alt="">Title9</div> 
    <div class="reel"><img src="thumb10.png" alt="">Title10</div> 
    <div class="reel"><img src="thumb11.png" alt="">Title11</div> 
    <div class="reel"><img src="thumb12.png" alt="">Title12</div> 
    </article> 
</div> 

かなり基本的なもの - カテゴリナビとグリッドです。 navはすべてのカテゴリで静的なままですが、.reelを追加/編集できる方法は?すべてのページに12個のサムが表示されるわけではありません。

ここでループが答えられますか、またはグリッド内の各オブジェクトを編集または削除できるテンプレートを作成できますか?または、挿入できるdiv.reelライブラリ項目を作成しますか?

+0

html出力をループするスクリプトを試すことができます – RyanS

答えて

0

メニューのようないくつかのコンテンツは、システムによって動的に生成され、スタイルされるべきです。静的な部分についてループは何も生成せず、関連するプラグインを使用すると便利です。

1

ここで役立ついくつかのことがあります。

「カテゴリ」フィードループを使用してカスタムページテンプレートを設定すると、個々の「リール」投稿を作成してページに集めることができます。

カスタムループはこのような何かを見ることができる:

<?php query_posts('cat=5&order=ASC'); 

場合(have_posts()):しばらく(have_posts()):the_post(); ?>

<?php the_content(); ?> 

<?php endwhile; ?><?php endif; ?><?php wp_reset_query(); ?> 

ここで、cat = 5は、ページにルーティングするカテゴリのID番号です。特定のページに使用しているページテンプレートとしてこれを選択すると、そのカテゴリの下に書かれた投稿を書き込むだけで、このページに出力されます。

これを行うページが複数ある場合は、収集しているカテゴリごとにカスタムページテンプレートをいくつか作成するか、カスタムフィールドを使用してそこにルーティングする投稿のカテゴリIDを選択することができます。

「Starkers」は、ここから始めてそこからカスタマイズするのに適した空白のテーマです。

必要に応じてさらに説明します。

+0

ありがとうございます。私は上記のHTMLに基づいてページテンプレートを作成し、navは静的にすることができ、.reel要素は個別の投稿になるでしょうか? – Marcus

関連する問題