• 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、在“设置>>阅读>>首页显示 ”里面将刚才新建的页面设置为首页。

    justfortest

    (自定义首页效果图)

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