WordPress之iNove主题自定义个性首页初探

GD Star Rating
loading...

很早就想弄弄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

(自定义首页效果图)

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

已有27条评论 发表评论

  1. 引用通知: 请教一个自定义首页的问题! – WordPress – 开发者 /

  2. henwu /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
      1. henwu /

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

        GD Star Rating
        loading...
        1. Chess /

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

          GD Star Rating
          loading...
  3. wiseboke /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  4. WangJiaRong /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      :(1): 谢谢~~

      GD Star Rating
      loading...
  5. 江流 /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  6. 仁心博客 /

    真够强悍的

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  7. 卢松松 /

    这个东西你改的好

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  8. 娱乐新闻 /

    WP就是强悍呀

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      嗯,很强悍

      GD Star Rating
      loading...
  9. 微知博客 /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  10. 万戈 /

    理论上可以实现,很不错

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
  11. 思维空间 /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      呵呵 是啊 :(1):

      GD Star Rating
      loading...
  12. Louis Han /

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

    GD Star Rating
    loading...
    1. zenoven / 本文作者

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

      GD Star Rating
      loading...
    2. 漠天 /

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

      GD Star Rating
      loading...
      1. zenoven / 本文作者

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

        GD Star Rating
        loading...

发表评论