WordPress的自定义主页设计-W idgetized头版

所以，你已经成功地指定一个自定义的头版在您的WordPress的设置要： [设置] ， [阅读] ， [头版显示] ， [ “静态页面” -单选按钮] 。 What now?怎么办？谁在乎如果你可以创建一个自定义头版与静态内容上。我们要冷静一些，更先进，更wigetized好玩齐心协力我们的博客对一个充满活力的基础。如果你已经看到了新的头版RobMalon.Com就会有一个想法，一些职能我要教你，让您可以安装类似的在你的博客。

Custom Home Page Design & Layout自定义主页的设计与布局

一个重要的第一步，这是起草了你想做的事情。组织是什么工具去哪里。这是困难的，如果你不知道WordPress的能力。所以，简单地去我们已经在我们手中，计划您的头版内容，根据这些问题：

哪些类别如有的话是重要的足以使他们自己的小型饲料的头版？
有多少最近的文章在每个部件你想显示？而另一方面在不同的地方，您就可以调整主页使其很好的平衡，否则将不会因为不均衡的内容栏。
你想显示的第一个200个字符（不链接/图片）的每篇文章？考虑如何将影响以前的一点，我的讲话。
Design and architecture.设计和建筑。 -见的布局设想的权利的视觉例子。在现场一个在左侧，例如，您可以把最新的第8条在整个网站，包括所有类别。在现场两个您可能只能从职位类别您已标示为“更新” ？或者一类您使用标记您的最新的“视频”帖子？然后在第3类的文章的列表，您认为是“特色”文章。 The list is endless with options.这份名单是无止境的选择。当您进入您的网页上设置这样的，很多是关于如何确定以及您对您目前的分类职位。例如，我执行了一个功能区顶端标签领域的头版。我不得不回去，创建一个新的类别，并运用这一类现有的职位，我认为合适的。然后，从现在起，我只想补充，因为我去时，我写文章，我要显示在“功能”部件的头版。
当你规划你的工具，不要忘记，您可以使用其他代码以及插件。 More about that in a bit.更多有关，在位。

Table Or CSS Setup表或CSS安装

现在您已经说了，它的时间来执行一些布局代码。如果您对这一新的，这项设定在一个表中。如果您要寻找到所有的铁杆，然后使用一种布局与区这样的：

//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)
< 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
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
?>
- < 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
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.
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
?>
< 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
endforeach ;
?>
下载此代码： 0826codefrontpagewidgets.txt

创作的错综复杂的网页还可以进一步提高使用多个WordPress的模板标记。所有文件已经存在，只是电话的功能的参数您想要（如可在每一个模板标记）。在上面的例子中我首先表明，以迭代通过联系某一类使用模板标记get_posts 。在第二个例子，我再次使用它，但这个时候不指定类别（以便它会显示所有最近的职位），并显示the_excerpt （）与它的需要裁剪目前的职位the_loop 。

期待通过get_post文件和附加适当的变量来调整输出您想看到的。往复例如，下面的get_post功能会显示3个各类除第5和第8 ：
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包含或排除它。在某些情况下，你会想这样做的职位和/或网页，以及。 get_posts doesn't支持这项工作，但如果你发挥与其他WordPress的职能，他们有时会做。检查模板标记文件的基础上每功能。你至少知道如何让ID的现在，而不必登录到您的MySQL数据库。

Plug-ins插件

您可能需要一个插件所谓Exec的， PHP的安装在您的博客，这样您可以执行上述PHP代码内员额。小心安装此插件如果您有其他人管理您的博客与你的。 If so you can setup custom privileges.如果是这样的话，您可以设置自定义的特权。如果不是那么公正，确保其安装和激活。

我敢肯定你会看到无数其他插件的有这为您提供一小段代码，您可以使用您的sidebar.php档案内的主题文件夹中。您还可以使用代码在任何的工具您建立在您的主页在这些区块。您通常可以找到这样的代码内的自述或安装说明文件，大多数插件配备。

Examples范例

在左边是一个例子，我从头版当我最近重新设计的RobMalon.Com 。最近我也有助于个人的好朋友建立一个类似的设置与他的网页ToddRecommends.TV谁做现场流和会谈电影和技术。你可以看到一个夹子是他目前头版上看起来像右侧。他最近为每个职位的主要类别对他的网页，并展示了饲料的右上角的另一个类别，他使用的更新事件，更新，和一般的消息。