Wordpressのカスタムホームページのデザイン-ウィジェットフロントページ

つまり、あなたのWordpressのセットアップにするには、独自のフロントページを指定して管理している： [設定] 、 [読み取り] 、 [フロントページが表示されます] 、 [ "静的ページ" -ラジオボタン] 。 What now?さてどうしましょうか。場合は、静的なコンテンツを持つカスタムのフロントページを作成することができます誰もできます。私たちはいくつかのクールな、より高度な、一緒にwigetizedグッズをダイナミック的に私たちのブログを引っ張ってほしい。 RobMalon.Comの場合は、新しいフロントページを見てきたし、いくつかのように私が何かをあなたのブログに設定することにより同様の機能を教えているのアイデアを持っているよ。

Custom Home Page Design & Layoutカスタムホームページのデザイン＆レイアウト

これに重要な最初のステップ何をするかをしたいと考えて起草されています。ウィジェットに行き先を進んでいるものを整理。それができるのか分からない場合はWordpressのとは何か難しい。そのためには、簡単に私たちの手で何している以上に、これらの質問に基づいてお客様のフロントページのコンテンツを計画：

どのようなカテゴリーがあれば十分には、フロントページに自分のミニフィードすることが重要ですか？
各ウィジェットの多くの最近の記事どのように表示したいのですか？様々な場所でこの相殺あなたがうまくバランスを取得するには、ホームページを微調整できるようになりますがそれ以外のコンテンツの列にむらがないため。
あなたのリンク（なし/画像）各記事の最初の200文字を表示しますか？私がどのように作用する前のポイントについて考えてみましょう。
Design and architecture.デザインと建築。 -右には、視覚例えば、レイアウトを考え参照してください。左サイドの例では1位には、サイト全体を横断する8一番最近の記事をかけるかもしれないとすべての項目が含まれます。 2つのスポットであなたの"更新"の標識したカテゴリーからのみ投稿している可能性がありますか？をクリックして、最新の"ビデオ"の記事にタグを使用あるいはカテゴリですか？次にカテゴリー3は"おすすめ"の記事を検討する記事の一覧です。 The list is endless with options.このリストのオプションで無限です。設定するときにこのようなお客様のページに行くと、たくさんの記事を分類する方法も現在で決定されます。例えば、私はトップタブエリアには、フロントページ上の機能領域を導入しました。私は後ろに移動するための新しいカテゴリーを作成し、既存の投稿には、カテゴリーを適用すると私はフィットを見た。そして、今から、私は単に私がポストを私には、 "特集"は、フロントページに表示するウィジェットを作成するとして追加します。
中には、忘れずにあなたのウィジェットを計画している、他のプラグインとしても、コードを使用することができます。 More about that in a bit.詳細については、ビットで。

Table Or CSS SetupテーブルやCSSのセットアップ

今では、ダウンていますが、その時間をいくつかのレイアウト用コードを実装する。新しいしている場合はこれには、テーブル内でこの機能を設定してください。すべてのハードコアに行く場合は、この事業部のようにしているとのレイアウトを使用する：

//Setup For Example 1 (3 widgets) 1 //Setup For Example 1 (3 widgets)
< div style = "width:100%; padding: 5px; border: 1px solid #FFFFFF;" >
WIDGET 1 CODE HERE
</ div >
< div style = "clear:both; padding-top:5px;" ></ div >
< div style = "float:left; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 2 CODE HERE
</ div >
< div style = "float:right; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 3 CODE HERE
</ div >
//Setup For Example 2 (4 widgets) 2 //Setup For Example 2 (4 widgets)
< div style = "float:left; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 1 CODE HERE
</ div >
< div style = "float:right; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 2 CODE HERE
</ div >
< div style = "clear:both; padding-top:5px;" ></ div >
< div style = "float:left; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 3 CODE HERE
</ div >
< div style = "float:right; width:200px; padding:5px; border:1px solid #FFFFFF;" >
WIDGET 4 CODE HERE
</ div >
ダウンロードこのコード： 0826divfrontpagewidgets.txt

している場合は、すべてこのコードをお客様には既にホームページには、指定されたはずの"ページ"にしようとしている混乱している。、そのアイデアは悪い以外には非公開の練習をされていない場合はFrontPageの実験をすることができますので、混乱には、既存のブログを持ったまま。

Coding The Widgetsこのウィジェットを符号化

次に、各ウィジェットのいくつかのオプションがあります。あなたがやらなければループへの投稿を介して表示したいのですが、適切なWordpressの機能を教えている何が必要です。 Here are the examples:ここでは例です：

<?php
//Setting up the new loop of posts 新しい //Setting up the new loop of posts
global $post ;
//Getting Posts - More on this below
$gettingposts = get_posts ( ‘numberposts=5&category=1′ ) ;
//Starting the loop
foreach ( $gettingposts as $post ) :
setup_postdata ( $post ) ;
//Below is a custome output of a link setup です。 //Below is a custome output of a link setup
?>
- < a href = "<?php the_permalink(); ?>" rel = "bookmark" title = "Permanent Link to “<?php the_title(); ?>”" >< ?php the_title ( ) ; ? ></ a > t - < a href = "<?php the_permalink(); ?>" rel = "bookmark" title = "Permanent Link to “<?php the_title(); ?>”" >< ?php the_title ( ) ; ? ></ a >
< div class = "postbreak" >
<?php
//End the loop 終了 //End the loop
endforeach ;
?>
<?php
//This bit of code will loop through 5 recent articles covering all categories and post the_excerpt() - A 200 character clip from the post that excludes any html in from those first lines. 5 //This bit of code will loop through 5 recent articles covering all categories and post the_excerpt() - A 200 character clip from the post that excludes any html in from those first lines.コ //This bit of code will loop through 5 recent articles covering all categories and post the_excerpt() - A 200 character clip from the post that excludes any html in from those first lines.
global $post ;
//Getting Posts - More on this below
$gettingposts = get_posts ( ‘numberposts=5′ ) ;
//Starting the loop
foreach ( $gettingposts as $post ) :
setup_postdata ( $post ) ;
//Below is a custome output of a link setup です。 //Below is a custome output of a link setup
?>
< h3 >< a style = "font-size:14px;" href = "<?php the_permalink() ?>" rel = "bookmark" title = "Permanent Link to <?php the_title(); ?>" >< ?php the_title ( ) ; ? ></ a ></ h3 > " < h3 >< a style = "font-size:14px;" href = "<?php the_permalink() ?>" rel = "bookmark" title = "Permanent Link to <?php the_title(); ?>" >< ?php the_title ( ) ; ? ></ a ></ h3 >
<?php
//Display a clip from the post
the_excerpt ( ) ;
//End the loop 終了 //End the loop
endforeach ;
?>
ダウンロードこのコード： 0826codefrontpagewidgets.txt

複雑なホームページの作成をさらに複数のワードプレスを使用して拡張することができますタグのテンプレートです。すべてのドキュメントを単に（各タグのテンプレートで使用可能）必要なパラメータを使用して関数を呼び出すが、されています。上記の例では最初は、特定のカテゴリー、タグget_postsテンプレートを使用してリンクを繰り返し処理する方法を示しています。すべての最近の投稿が表示されますので、 2番目の例では、私が使用して、再びこの時期のカテゴリを指定しない（）と表示さthe_excerptは（）でthe_loopで現在のポストのクリッピングかかります。

get_postのマニュアルを見て、お会いしたいのですが、出力を調整するための適切な変数を追加します。往復の例は、以下のget_post関数5と8以外のすべてのカテゴリーから3記事が表示されます：
get_posts （ ' numberposts = 3 ＆カテゴリー=- 5 、 -8 ' ） ;

カテゴリーの場合は、郵便、またはページのIDを検索するfollowignする：

log into admin.管理者にログインしてください。
Navigate to the manage tab.タブを管理するために移動します。
Click categories (or posts or pages)カテゴリをクリックします（または、投稿やページ）
覆いかぶさるまたは適切なカテゴリーをクリックして、郵便、またはページのIDを知って希望を
ステータスバーでは（ある場合）ホバリングしているか、アドレスバーに（ある場合）このようなリンクが表示されますクリック：
http://yoursite.com/wp-admin/categories.php?action=edit&cat_ID=11
上記の例では、私のカテゴリーでいた。私を選んだのカテゴリー" 11 "のアイデアをしている。今はexlicitlyを含めることができますか、除外します。場合によっては、投稿および/またはページにもこれを実行する必要があります。 Wordpressの場合は、他の機能で遊ぶget_postsが、これはサポートdoesn't 、彼らがありません。チェックは、機能ごとにタグのドキュメントテンプレート。最低でもどのようにIDを今すぐあなたのMySQLデータベースにログインすることなくの取得を知っているよ。

Plug-insプラグイン

あなたはプラグインと呼ばれるにExec - PHPのブログの記事の中にいるので、上記のPHPコードを実行することができますインストールする必要があります。このプラグインのインストールについての注意が必要で、他の人はあなたとあなたのブログを管理している場合。 If so you can setup custom privileges.カスタム権限を設定することができますので場合。それだけではない場合は、インストールし、有効にしてください。

私はあなたをそこをクリックして、テーマフォルダ内のsidebar.phpファイルで使用することができますコードの抜粋を提供する無数の他のプラグインのを見たことがあるはずだ。また、お客様のホームページにそれらのブロック内で作成したウィジェットの中には、コードを使用することができます。通常は、 readmeの中にそのようなコードを確認したり、インストールファイルのメモは、ほとんどのプラグインが付属しています。

Examples例

左側にあるから僕のフロントページのときに私は最近 RobMalon.Com デザインの一例です。私も最近、私のライブストリームToddRecommends.TVではないとの協議の映画や技術のページと同様の設定を作成すると個人的な友人手伝った。彼のフロントページは現在、右側のようなものに見えるのクリップを見ることができます。彼と彼の彼のメインページに各カテゴリーのための彼の最近の投稿している彼のイベント、更新情報の更新のために使用して別のカテゴリから右上にあるフィードを表示されており、一般的なニュースです。