ITを表現する

私はこの1つは、あなたは、Googleで見つけることがいたずら書きなどの多くの私達のUIとスクリプトライターになると考え日常的にこれを実行する必要があり、その中にPHPコードスニペットのピースは（PHP）のビットが含まれておりますSmartyのテンプレート（。TPL）。 私は簡単に/人気のクエリ、さらに困難に正確な答えを見つけるために...百万、検索結果が、それらのほとんどは、 "ファイル"にrefferedは、Smartyに含まれている...これは、次の構文を持って実現

{ファイルをインクルードする= "/ header.phpを含む"}

これは実際にファイルの罰金として含むが、テキストとして、私が欲しかったのはインクルードファイルの結果であった。（上記のテンプレートファイル内のテンプレートが含まれて使用されます）。 最後に、ビットpersiveranceと.... 既に1を発見したやりなさい場合、私は私の要件への答えだったslighty変更された構文、...ので、ここでは...に出くわし

は、{include_phpファイルには、= "/ header.phpを含む"}

別のクイックちぇ。 ここでCSSの電源を使用してシンプルで素敵な何かがある...しかし、始まることは困難concieve（それはきっと私ではありませんでした）であった。 ドロップシャドウを追加すると、PhotoshopのANF花火などのような編集ツールをいくつかの画像を使用して、私たちの多くのためにケーキのピースはあるかもしれ
私はCSSを使ってドロップシャドウを選んだ理由は、通常、アプリケーションのページデザイン/ HTMLを作成するときに、要件が反復しておく、ということです。 私は何を意味することは、多くのイメージを持つ既存のWebサイトでは、のfreindsリストまたはイメージギャラリーの表示であるような、それはそのために、再処理に既に影を追加または削除するには、アンロードされた画像の全体の負荷が困難になり、ある問題。
これらの余分部門または追加するには、HTMLテキストの作成中に少し前進思考を行っているそうだとすれば、通常状況では、XSL、PHPでこれらのアイコン/サムネイルを生成ループロジックを持っているということです。 JAVAやその他のプログラミング/スクリプト言語は、いつでも追加することができますし、ちょうどショーやこれまでの要件を変更するクライアントごとに、CSSのdisplayプロパティを使用して、これらの影を隠すことの問題です...私は前方に考え、この種を行ってやりなさいこの前に...しかし、ahevは今始まった！

以下の例では、元のイメージは影は無料ですし、必要に応じてdropshadowsが適用されます！ また、私についての私の以前のツタンカーメンのトリックを（Well!これらは、おそらくチュートリアルの最短様々ですので、それが唯一のそれらの"ツタンカーメン"の呼び出しに正当化される）を使用して、少し余分を行っているCSSのClipプロパティを使用して見せびらかすためだけに

オリジナル画像

CSSのドロップシャドウの結果

デモ表示 | ダウンロード、ソースファイルを

なぜ私はこれを理解したいか？ ヒュム...！！

CSSの作家のほとんどは、そのCSSのClipプロパティは、おそらくほとんどの未使用のCSSプロパティの一つです同意するだろう。 それはあまりにも私にとっては本当だったので、私は変更を開始するまでは、それを無視するのが最も幸せだったMooToolsのTWOノブ（ピン）Sliderコンポーネントを（範囲インジケータ付き） 。

スライダの範囲を示すために切り取られbackgroudのイメージ（可変幅の分割に対して）を使用して、Sliderコンポーネントを変更するコンポーネントのいずれかのユーザーから良い提案がありました。 したがって、私の楽しみを入力する時間はなく、CSSのClipプロパティの非チャーター（私のためにofcourseの）水が来ました。

よく！ それはどのように困難になることができますか？ あまりすべてで... YESとNO。 CSSのClipプロパティを使用する構文はかなり直立であるが、意味は/ usuageビットcroockedです。 私のようなメモリでは、毎回私は、スライダのスクリプトの手直しに座っている...私は自分自身に私のスクリプトで作成したロジックを思い出させるために、このClipプロパティの使用方法に戻ってtokeepを参照している.... それゆえ！ それは未来（とも思われる人々の利益のためにCSSのクリッププロパティでboggled）覚えておくべき希望をもって、ペンをダウンすると考え

CSSのクリップは何をしますか？

クリップはCSS 2.1のビジュアルエフェクト·モジュールの一部です。 簡単に言えば、そのジョブは追加のファイル（作成しなくても、それ故に画像をクリッピングしてサムネイルを作成、クリッピングされているオブジェクトの上に表示されるウィンドウを配置することです私はすでに、Sliderコンポーネントの活用には、この機能を入れている ）

CSSのClipプロパティを使用して、四角形の図形を使用してクリッピングを作成することができます。 rectを使用して、多くの他のCSSプロパティ（マージン、パディングなどのように）、同様に必要とする4つの座標上、右、下、左（TRBL）。 あなたはこれらの4つの座標を（しばらくの間、トスに脳を送信）を使用して、クリップのクリッピング領域を計算する方法を詳しく見てみたときに、このプロパティのcroocked性質が反映されています。 今、あなたを混乱させるボトムは、トップから始まり、右は左から始まります。 。 あなたは私が言った？を参照してください。 .... したがって、このポスト...

この小さな混乱は簡単に以下のCSSクリップ/矩形プロパティのこの視覚的な説明と、消えることができます！！

CSSクリップの要件

我々が開始したタスクは、正方形を見た画像（また、広角画像）に次のサムネイル画像をクリップすることである

オリジナルThumbnal /イメージ	Sqaure Thumbmailのクリップの要件

CSSのクリップが見つかりました

デモ表示 | ダウンロード、ソースファイルを

この問題は、数回前に私の心を交差させ、私は/ PHPとWordPressの周りの初心者をportal.Beingサイトの一部のコンテンツのブログや新しい種類を表示するためにWordPressを使用している、以前もサイト上で働いていたとき、私は続け"これはケーキのピースは私ではありません"と考え、それをprocastinating。 ついに！ ソリューションのためのビットの周り掘りを開始したとき、この要件は、私の鼻件まで来ました。
私はそれが本当に私は実際にそれだけでPHPを少しと、WordPressのAPIを使用して 、WordPressのパワーセクションの外に他のページに見出しの一覧や最新の記事を表示するには、思ったより簡単だったことを知って驚いた。

ここで何をすべきかです： -
説明上の理由から、あなたのサイトがあると仮定http://www.inchembur.com/ 、あなたがこのサイトのニュースセクションがあるhttp://news.inchembur.com/を （WordPressを実行している）。 現在の要件は、最新の記事を表示することですhttp://news.inchembur.com/すなわち、メイン·サイトのホームページにhttp://www.inchembur.com/index.php

ステップ1：あなたのindex.phpに次のコードを追加するピースは、WordPressのAPIファイルをインクルードします。 あなたがあなたの投稿が上に表示するページの先頭にこれを追加することができます。

<？PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme （ 'WP_USE_THEMES'、false）を 定義します 。WordPressのテーマ/ / Disbable使用
（ 'は/ var / news.inchembur.com / WP-ブログ-header.phpの'）を必要とする/ /は、WordPressのAPIを含む
; // Get Latest Post query_posts（ 'showposts = 1'）; / /取得最新の投稿
？>

インクルードの上記のピースは、我々は唯一の単一の最も最近のポストを得ています。 あなたがしようとする場合は、より多くのバリエーションが、掘り下げてお気軽にquery_posts()のドキュメント 。

ステップ2：さて、あなたはから最新のWordPressの記事を表示するインデックス/ホームページの一部でhttp://news.inchembur.com 、次のコードを使用します。 デザインのニーズに従って広告あなたのスタイリング部門、スパンとクラスにお気軽に、言うまでもない。

ステップ3：noステップ3はありません...それをThats ...あなたはこれで完了です！

最新の記事とは対照的に、どのように特定のポスト/ページを表示する： -
これは簡単に引数を変更することで回避できます。 query_posts()ページIDやページスラッグを含むように

) ; query_posts（ 'page_idの= 7'）;
) ; query_posts（ 'ページ名=約'）;

またはあなたはポストの数を制御することができます。
) ; query_posts（showposts = 3）;