WordPress之iNove主题自定义个性首页初探
很早就想弄弄WordPress的首页了,今天晚上没事做便又鼓捣起我的WordPress了,呵呵,现在你看到我的首页还不是自定义的,但是不久的将来你应该看得到的,我的设想是加上幻灯片,还有让首页更加漂亮,展现更多重要的内容,当然这只是设想,还得一步一步来实现。今天我这里说的只是大概的方法,只要我们有HTML PHP CSS等基础,打造自己的个性首页(甚至主题)是很容易的。不说废话,这篇文章要给大家介绍的内容有 1、WordPress实现自定义首页的基本方法。2、针对iNove主题我的实现以及得出来的一些个人想法。
1、WordPress实现自定义首页的基本方法。
在我最初用WordPress的时候就想自定义首页了,但是找了半天竟然没有找到设置的地方(可能是我太大意了吧。),后来又从头到尾把WordPress的设置翻了一遍,才发现其设置是在“设置>>阅读>>首页显示 ”里面,我们先不要急,现在看的并不是这里,因为WordPress自定义首页是调用一个已经存在的页面。
可能我们已经添加有留言、关于等页面,但我们肯定不会调用这些页面吧?所以我们应该新建一个页面,并在刚才说的“设置>>阅读>>首页显示 ”里面将新建的页面作为首页。
新建页面的时候,我们可以自由的在里面编辑内容,当然如果我们想实现比较多的功能(比如添加幻灯片),让首页更加漂亮,展现更多重要的内容就要好好学下网页制作以及调用WordPress中函数的方法了,这取决于个人的技术和美工了 呵呵。
2、针对iNove主题我的实现以及得出来的一些个人想法。
iNove主题里面新建页面的时候也有不少模板可以选择,但是并没有我想要的,所以便只有自己鼓捣了,这里我要做的便是自己做一个主页模板,然后在新建页面的时候选中这个。
首先用新建一个php文件(UTF-8编码),将其命名为homepage.php ,将其放在inove目录下面。
然后文件里面写入下面代码
<?php
/*
Template Name: HomePage
*/
?>
<?php
global $inove_nosidebar;
$inove_nosidebar = true;
?>
<?php get_header(); ?>
<p style="font-size:35px;">Just For Test</p>
<?php get_footer(); ?>
其中第一个<?php ?>里面的内容是声名一个模板,模板名字是“HomePage”,这样我们在新建页面的时候便能选中这个页面作为首页。
第二个<?php ?>里面的内容是声名一全局变量用来设置是否调用sidebar,这里将其设置为TRUE,也就是不调用,所以如果你想调用sidebar的话就把这段代码去掉,另外需要注意的是这段代码一定要在<?php get_header(); ?>前面。
下面的<?php get_header(); ?>和<?php get_footer(); ?>就是加载iNove的header和footer了,如果不需要我们就将其去除,<p style="font-size:35px;">Just For Test</p>便是我们的首页内容了,效果见下图(我们应当尽量将这里只填功能及实现,而样式应该在CSS等文件中实现)。
如果我们想要实现更个性化的东西,就是将<p style="font-size:35px;">Just For Test</p>这段内容替换成我们自己的了。
下面再来总结下具体步骤。
1、新建一个模板,将其命名为homepage.php并将其放在iNove目录下(方法见上文)。
2、新建一个页面,并选择我们刚才新建的那个作为模板,比如本文的是HomePage。
3、在“设置>>阅读>>首页显示 ”里面将刚才新建的页面设置为首页。
<img class="size-full wp-image-977 aligncenter" title="自定义首页效果图" src="http://www.zenoven.com/wp-content/2009/12/justfortest.jpg" alt="justfortest" width="490" height="303" />
(自定义首页效果图)
好了,至此我们应该能做一个比较简单的自定义首页了,嘿嘿,想要实现更多的功能,更漂亮的界面,还是需要我们不断学习,不断进取的。