Wordpressの刻み目#17: 互い違いのサイド・バーのレイアウトのための型板

容易に互い違いのサイド・バーのレイアウトを有するために注文の主題の型板を作成できる。

このポストは30日の Wordpressの30の刻み目の部分である。

Wordpressの新しい主題を取付けるか、または1つを全く最初から作成しているかどうか、サイド・バーを変えることはあなたが最初の事の1のようである。 Wordpressのほとんどの事のように、あなたの想像によってだけ限られる。 異なった主題に異なったサイド・バーのレイアウトがある。 _ことができ持1サイド・バー、または2、また更に3または4。 左の1つのサイド・バー、または、左右どちらの2右、または各側面の1を有することができる。

Wordpressのページがいかに働くか

あなたのサイド・バー-私の上で切り刻む方法を学ぼうとすればほとんどすべてのWordpressが機能のいかに最初にページを捲るか教えなければならない。

Wordpressの コーデックスから、私達を世界で最も簡単なWordpressのインデックスページを見ることを許可しなさい-

<か。php
get_header ();
(have_posts ()) :
   間(have_posts ()) :
      the_post ();
      the_content ();
   endwhile;
endif;
get_sidebar ();
get_footer (); 
か。>

基本的には(コードで)これは、「得る私のヘッダーを、得る私の内容を、得る私のサイド・バーを言い、最後私のフッター」を得なさい。 それらはほとんどWordpressのあらゆるページの4つの主要な区域である。 また、前に言われるIとして-それらの4つの区域はあなたによってがほしいあらゆる方法文字通り定義することができる。 Wordpressはtemplatedシステムを使用し、ひとつひとつのtemplatedページで「get_sidebar」ある使用する従って各ページのための同じサイド・バーの内容を得るという理由。 方法は1回あなたのブログのサイド・バー(かヘッダー、またはフッター)、およびあらゆるページを定義することそれに同じを示す。

私のサイド・バーはどこにファイルであるか。

デフォルトで「get_sidebar」あなたの主題の登録簿から「sidebar.php」ファイルを得る。 Wordpressのversio 2.5現在で、また含まれているべき 特定のサイド・バーファイルを指定できる。 それはおそらくあなたの主題のそうではない、利用できる2.5の前にWordpressの主題のほとんどは作成され、通常divの札か別の含まれたファイルによって付加的なサイド・バーを含んでいる1つのサイド・バーファイルがある。

サイド・バーはいかにコードされるか。

私がの前に言ったように、Wordpressは「get_sidebar」動かすときあなたの主題の登録簿のファイル「sidebar.php」を捜す。 あなたのblogroll、部門、アーカイブ、ページ、等のような情報のセクションを、取り出すためにファイルは通常それからコードのブロックを含んでいること。 各ブロックは(html) 「リストによって発注される方法」でほぼそのようなことは常に広げて置かれる-

<divのid= "サイド・バーセクション" >
<h2>Sidebar Heading</h2>
  <ul>
    <li>get内容here</li>
  </ul>
</div>

各主題はサイド・バーのスタイルを作り、サイド・バーは主題のstylesheetの異なったフォント・サイズ、背景色、ボーダー、間隔、および多くと、別様に区分するが、-サイド・バーの各ブロックはこと同じコードフォーマット書かれている。

サイド・バーの仕掛についての何か。

仕掛はWordpress 2.xで加えられた従って人々はコードでもう台無しにする必要がない。 「仕掛」はコードの基本的にちょうど何かをするブロックである。 仕掛の部門、ページ、または調査箱を表示するのに使用のように。 仕掛はちょうどあなたが「を除けば」可能にしたいと思う物を選ぶことができるので、大きく。 あなたのサイド・バーで仕掛を使用するためには、あなたのsidebar.php (か他のサイド・バーファイル) 「」widgitizedならない。 あなたの主題が 既にnot widgitized読まれた「widgitizing主題。

私はいかに私のサイド・バーのレイアウトを切り刻むか。

これへ2つの極端がある。 ほとんどの人々はちょうどによってほしいサイド・バーのレイアウトおよびページを見つけるまで彼らの主題を変える。 網のデザイナーおよびコーダーは彼らの好みにおそらくちょうど主題HTMLおよびCSSコードを書直す。 私が知っているほとんどの人々は2の間にだいたいある。 彼らは彼らの全体の主題を変えたいと思わないがすべてのコードを書直せるには十分のtechie自身ではない。 あなたのサイド・バーコードで切り刻むことを行き渡るため-私は既に少なくとも基本的なHTMLおよびCSSの技術を有すると仮定しようと思っている。

このポストは内容のブロックを加えることについてないかまたはあなたのサイド・バー、への仕掛あなたのサイド・バーのレイアウトを切り刻むことについてある。 例えば、私は左の内容および権利の2つのサイド・バーの3つのコラムのレイアウトの大きいファン、である。 しばらく背部私はこのブログ に フォーラムを取付け、それを収容するには主要で満足な区域は十分に大きくなかった。 私はサイド・バーのレイアウトを変えるために私の主題をちょうど変えることを約なかった…そうこれが私がしたことの。

私が最初の事は私の「page.php」ファイルのコピーダウンロードだった。

次に私はファイルの上にテンプレートファイルにそれを回すためにコードを加えた-

<か。php
/*
型板の名前: フォーラムの型板のページ
*/
か。>

それから私はこのラインを取除いた-

<か。get_sidebar php (); か。>

そして私はちょうどコードと左のサイド・バーを表示するためにそれを取り替えた。 私は「フォーラムtemplate.php」としてそれを救い、私の主題の登録簿にアップロードした。 それからWordpressの私のダッシュボードで、私は作成し、新しいページをページの型板のために使用した「フォーラム型板ページ」を入った。 私がこのページを救えば、私はちょうど私の左のサイド・バーを表示する私のフォーラムのための注文の型板のページを作成してしまう。 これは十分に大きいようにページの満足なセクションをフォーラムの幅を収容するには開発する。 私は右のサイド・バーを代りに使用したかもしれなかったりまたは全然ちょうどサイド・バーを有した(ヘッダーおよびフッターだけ)。

多数の型板を作成でき互い違いのサイド・バーの構造を使用する、「含みなさいこのようなコードの使用によって」それらのページを-

<か。phpは含んでいる(TEMPLATEPATH。 「/sidebar-file.php」); か。>

ちょうどあなたが使用しているものにファイルの名前を変えなさい。 同様に多くのテンプレートファイルを有することができ、ほしいと同様に多くのサイド・バーファイル、私は最低限にちょうどそれを保つ従ってそれらをすべて把握できる。
注文のsidebaryレイアウトを作成したか。 今コメント!

札: 、wordpress主題 wordpress切り刻む