ZenOven's Archivers

From zenoven on 2009-12-11 23:54:55

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" />


(自定义首页效果图)



好了,至此我们应该能做一个比较简单的自定义首页了,嘿嘿,想要实现更多的功能,更漂亮的界面,还是需要我们不断学习,不断进取的。

查看完整版本: WordPress之iNove主题自定义个性首页初探

From Louis Han on 2009-12-12 00:19:10

其实我看博客都是通过订阅进去的,所以从来不看首页 :(15):

From zenoven on 2009-12-12 00:23:31

呵呵,但是第一次进别人博客首页给人的印象会对以后的访问有很大影响的。。。

From 思维空间 on 2009-12-12 01:59:26

:(4): 一个漂亮的主题会让人印象深刻呢.

From 万戈 on 2009-12-12 08:41:37

理论上可以实现,很不错

From 微知博客 on 2009-12-12 10:28:25

这个我觉得倒是无所谓,我修改模板的唯一目的就是放广告

From 娱乐新闻 on 2009-12-12 11:52:56

WP就是强悍呀

From 漠天 on 2009-12-12 14:54:31

我也是订阅,这样方便,抓虾,Google reader

From 卢松松 on 2009-12-12 17:22:55

这个东西你改的好

From 仁心博客 on 2009-12-13 11:26:13

真够强悍的

From zenoven on 2009-12-13 23:15:40

嗯 嗯,但是对于第一次来访的朋友印象很重要的~~

From zenoven on 2009-12-13 23:15:51

呵呵 是啊 :(1):

From zenoven on 2009-12-13 23:16:48

嗯,关键是看自己的设计和技术了。。。

From zenoven on 2009-12-13 23:21:11

首页有时候还是要改改的 呵呵 :(1):

From zenoven on 2009-12-13 23:22:01

嗯,很强悍

From zenoven on 2009-12-13 23:23:50

呵呵 我还没怎么改呢。。。 :(4):

From zenoven on 2009-12-13 23:24:32

呵呵 多看看这方面文章你也可以的

From 江流 on 2009-12-21 23:03:13

不对,我记得我应该在这里留言过,潜水没可能潜得那么深的=。=

From zenoven on 2009-12-21 23:07:25

:(9): AK没有拦截评论啊。。。可能以前的评论早了,沉下去了,呵呵

From WangJiaRong on 2010-03-17 22:21:43

路过,支持一下,O(∩_∩)O~ 站点很漂亮。

From wiseboke on 2010-06-06 19:37:25

博主,我正想弄个自定义首页,你这个博文帮了大忙了 不过,我把新的页面设为首页,名字也改为首页后,原来的那个首页怎么去掉?

From 自由人 on 2010-06-06 22:29:40

嗯?原来的应该不会显示了啊,在后台不是设置首页显示的是新的页面吗?

From 自由人 on 2010-06-13 02:36:59

:(1): 谢谢~~

From henwu on 2010-11-25 20:42:09

博主你好,在这篇文章的最后你写到: 如果我们想要实现更个性化的东西,就是将Just For Test这段内容替换成我们自己的了。 我现在 加一句在Just For Test的后面,刷新前台页面,却没有看到希望出现的图片,请问这是什么原因呢? 先谢谢你!

From 自由人 on 2010-11-26 14:45:43

这个可能有几个原因吧:一、你的步骤可能与上面写的有些出入,请检查下,二、你“加一句在Just For Test的后面”,这里加的是什么,是否正确,三、用了缓存插件,清除下缓存试试

From henwu on 2010-11-26 22:23:31

谢谢博主,问题已经解决了: 出错的原因是,我链接的图片用的是相对路径,而不是绝对路径,所以无法显示。

From Chess on 2012-06-21 19:04:04

你好,请问一下,图片绝对路径怎么设置呢??谢谢~~

From 请教一个自定义首页的问题! - WordPress - 开发者 on 2013-06-18 15:58:34

[...] 大家好,我跟着“自由人”博客上的一篇“WordPress之iNove主题自定义个性首页初探”的文章学习自定义首页,文章地址是: http://www.zenoven.com/life/other/200912975.html [...]

Tags: iNove主题, WordPress, 自定义, 首页


©ZenOven