WordPress企业主题:Hooby

15年前 170

首先祝贺下WordPress3.1.3发布,皇家元林也在第一时间升级了,只能说WordPress太给力了!

此主题做出来很久了,因为工作的事没搞好。这两天正好改版公司的网站,顺便修正了一些问题。现在看起来还是蛮适合做企业网站的。希望各位会喜欢!

演示:http://www.hooby.cn(我目前公司网站)

上图:

image

WordPress企业主题Hooby

2011.9.9 12:35 更新:Hooby2.0版本:导航支持二级菜单;添加后台设置;导航CSS样式修改;

修改后演示图片:
image

WordPress企业主题Hooby修改后演示

主题介绍:
此主题整合了幻灯片和FLV格式视频播放,用法见此文
1、支持自定义菜单;幻灯片修改Hooby/templates/ad.php,找到category_name=magazine&posts_per_page=4,修改红色部分;
2、首页三个标签修改Hooby/templates/zuolan.php,找到类似category_name=****&showposts=**,修改*号部分;
3、首页左边Top1部分和分类修改Hooby/templates/youlan.php,怎么修改自己研究,很简单的;
4、首页微博按钮地址修改Hooby/templates/hd.php;
5、发布文章时,缩略图调用自定义栏目“thumbs”,文字描述自定义栏目“ms”;
6、logo换掉images文件夹里的logo.png就OK了,其他部分很简单了,大家自己折腾去吧;
P.s.此主题在IE7以上版本浏览器效果最佳,非IE核心的浏览器肯定没问题。

下载地址:点我啊!笨!

希望大家会喜欢这个主题,同时也欢迎大家对该主题发生的一切问题进行提问和建议。

170 条评论

  1. #1
    wang
    wang -@

    看你做的企业网站了,页面布局,整体效果给人一种很干净的感觉,不错哦

  2. #2

    我准备把抱走研究~

  3. #3

    这个主题很赞,干净大气!

  4. #4

    好久沒來了 這個模版 簡潔 大方 很棒

  5. #5

    ( ⊙o⊙ )哇,好东西

  6. #6

    发现玩互联网的都是与互联网有关系的人

  7. #7
    pp
    pp -@

    ..额,幻灯片的用法不会..修改的那个红字是什么?magazine是什么?存放图片的目录吗?那个目录要建在哪里?4又表示什么..额..拜托了

    • @pp magazine是目录别名。。目录就是分类。。
      4代表数量。。
      已经很简单了,如果不会,那偶也木有办法了

  8. #8
    小陈
    小陈 -@

    文章页是用了哪个插件? 就是图片点击了放大.和下面的相关图片 😥

    调试了好久效果都出来了.

  9. #9

    5、发布文章时,缩略图调用自定义栏目“thumbs”,文字描述自定义栏目“ms”;

    这个前提是不是需要先安装WP Thumbnails 这个插件啊?
    3.2.1 版本根本发布文章的时候没有这个功能啊

    • @peter 不需要装任何插件。。
      3.2版本有的。。发布文章时,上面“帮助”旁边有个按钮,我这个是英文的“screen options”,你点开,然后选中所有的选项,就有自定义栏目了

      • @皇家元林 感谢啊,用了2年wp了,曾经以为自己很熟悉这个系统了,结果连这个现有的功能都么有找到,谢谢了啊

  10. #10

    似乎头部的页面导航不能显示,只有通过在head.php添加才能实现

  11. #11
    hd0752
    hd0752 -@

    想问下如果logo要换成只要一个图片显示而不需要后面的文字怎么修改啊?

    • @hd0752 在css里将#header里background: url(“images/logo.png”) no-repeat scroll 12px top transparent;替换#title a, #title a:hover里的background: none repeat scroll 0 0 transparent;然后#title a, #title a:hover里加上text-indent:-9999px;即可

      • hd0752
        hd0752 -@

        @皇家元林 博主把我说的意思搞反了,我是只要图片,不要博客的那段标题哦,你这种修改方法我试了下是图片不见了,logo只留下”安徽好伴商贸有限公司”这几个字了,我的意思是说我不想要安徽好伴商贸有限公司这几个字,只留下那个logo图片啊.

        • @hd0752 我懂你的意思,不知道你是不是按照我这来的。。
          用#header里的背景替换#title a里面的背景,然后给#title a加上text-indent:-9999px;属性隐藏文字。。
          不行的话,可以贴出你的网站,我看下。。

          • hd0752
            hd0752 -@

            @皇家元林 首先多谢博主那么热心!我按照你的方法还是没解决,你的css里#header的代码是这样的:
            background: url(“images/logo.png”) no-repeat scroll 12px top transparent;
            height: 78px;
            position: relative;

            #title a里的代码是:
            color: #4a4848;
            background: none;
            text-decoration: none;
            按照你的意思是把#title a里的background: none;换成background: url(“images/logo.png”) no-repeat scroll 12px top transparent
            然后再加上text-indent:-9999px;这段代码.但是我这样操作还是不行,我的网站地址是:www.hd0752.net.ru,还有那个导航也好象有点问题哦.

            • @hd0752 对,不过得把#header里的background删掉;
              并且#title a的background改成这样background: url(“images/logo.png”) no-repeat scroll left center transparent;
              还有导航的问题,导航是支持自定义菜单的,你加上自己的自定义菜单就不会乱了,因为默认的当导航是不加CSS的

              • hd0752
                hd0752 -@

                @皇家元林 按照你的方法改了后是:
                #header{
                height: 78px;
                position: relative;
                }

                #title a, #title a:hover{
                color: #4a4848;
                background: url(“images/logo.png”) no-repeat scroll left center transparent;
                text-indent:-9999px
                text-decoration: none;
                请博主看看www.hd0752.net.ru,还是只有字显示反而是那图片logo不见了,我要的效果应该是相反的才对.

                • @hd0752 你的css有问题,images/logo.png的引号是英文的,而且text-indent:-9999px这个属性好像没加!
                  如果再解决不了,加我QQ4953363

  12. #12
    炮灰
    炮灰 -@

    这个模板我用英文版头部的菜单导航和搜索框的css格式有些错乱,用中文版的好像是正常的,大家有碰到同样的问题吗?

    • @炮灰 你这个问题问的不对啊,模版的排版是跟CSS有关的,与中英文没关系的。导航那里默认是没写CSS的,而此导航支持自定义菜单,你添加了自定义菜单,就有效果了。

      • 炮灰
        炮灰 -@

        @皇家元林 确实这样,通过自定义菜单就没有问题了

        • terryehco
          terryehco -@

          @炮灰 请教,怎么设置自定义菜单才能显示子菜单?

  13. #13
    炮灰
    炮灰 -@

    另外,页面里边右边的导航:“新闻动态 ”里边的新闻列表是不是只有挂在新闻这个分类下才能展示出来?

    但是如果建立“新闻”这个分类又会展示在“产品展示”里边,这个是怎么解决的啊?

    • @炮灰 是的。
      在sidebar.php文件里找到exclude=1,16,28,,数字代表分类的ID,把不想显示的分类ID写在这,以英文逗号隔开。。

  14. #14
    shasha
    shasha -@

    哈哈,折腾了几天,基本功能都弄出来了,感谢博主无私的分享,

    其中感觉有个美中不足 的问题就是 页面左边的分类导航不能自定义他们的排列顺序,目前都是默认安装 分类的id倒序排列的,这个有办法解决吗?

    • @shasha 你是说产品吗?自定义默认是不行的,不过你可以按照代码的结构把每个产品都列出来,这样就可以实现自定义排列顺序了,但是太麻烦了。我是按照时间的顺序,只要修改产品的发布时间就可以定义其顺序了

      • shasha
        shasha -@

        @皇家元林 我是说页面左边导航 的产品分类,也就是文章的分类,比如你们公司网站http://www.hooby.cn/topic/product 这个页面左边的 产品类别、品牌类型、价格区间 这个几个分类的前后顺序

      • shasha
        shasha -@

        @皇家元林 http://yuwenlong126.w11.mc-test.com/pifa/ 这个页面左边的 地弹门,肯德基门,这些分类的前后顺序怎么来调整

        • @shasha 汗~~~这应该是右边吧。。这个顺序默认应该也是按id顺序吧。。也就是时间顺序,先建的分类在前面嘛。。
          这个不行的话,那只能向刚才所说的根据代码结构一个一个列出来。。

  15. #15
    terryehco
    terryehco -@

    请问导航菜单下的子菜单怎么弄出来,我在主题–菜单定义了一个菜单,但是主页上不显示子菜单。我觉得应该是我设置不对,能否指导一下,不胜感激。

  16. #16
    shasha
    shasha -@

    皇家元林,我用这个模板做了个测试站,首页幻灯片下面的可以切换的图片显示有点问题:
    打开网站图片是不显示的,只有下拉一下网站才能显示图片,这个知道是啥问题不,我看你们公司那个网站不存在这个问题啊!

    http://yuwenlong126.w11.mc-test.com/ 旋转门系列下面的几张图片刚打开网站是不显示的,只有下拉网站后才能展示出来!

  17. #17

    不错,先收走了!

  18. #18

    当前的主题不提供原生的自定义菜单支持。

    这样的话,上面的菜单怎么改呢?

    • 炮灰
      炮灰 -@

      @Vincent 兄弟找到改的方法了吗,我花点钱找个高人修改下,等好了把方法共享出来

      • @炮灰 汗~~~我写的这么清楚,你居然还花钱叫别人修改。。值得吗?
        心寒啊

        • 炮灰
          炮灰 -@

          @皇家元林 二级菜单啊,比如有个: 一级类目》二级类目,鼠标移动到菜单上面的一级类目的时候弹出二级类目,这个还是很有必要的哦

          • @炮灰 这个hooby2.0是支持的。。

            • 炮灰
              炮灰 -@

              @皇家元林 我刚测试了下,是不行的哦。我说的是这样的效果,www.paddoors.com 头部导航上面鼠标移动到“产品中心”,会显示他的二级类目名称, 我们说的是同一个东西吗

              • @炮灰 对,我说的就是二级菜单。。
                我特意加上去的,你看看hooby.cn的效果

                • 炮灰
                  炮灰 -@

                  @皇家元林 皇家,这个展示二级类目是在wp后台就可以实现吗,应该不是在外观=》菜单 里边设置吧,是不是需要改代码,这个能共享吗

                  • @炮灰 就是那里设置的。。。不需要修改代码

                    • 炮灰
                      炮灰

                      @皇家元林 查了一个小时,终于明白了,原来只需要把需要显示的二级菜单在一级下面往又拉一下就可以了,也要感谢楼主,要不我又要去改代码了 😛 😛

  19. #19
    hd0752
    hd0752 -@

    首页幻灯片跟老教程的设置不一样了啊,应该怎么修改啊?

    • @hd0752 现在更简单了,直接后台-主题设置里,把链接、图片地址什么的填上去即可。。

  20. #20
    hd0752
    hd0752 -@

    再次咨询有关问题,请问首页左栏调用文章的个数在哪控制?是这个zuolan.php里的(‘category_name=featured&showposts=6’)这个6字吗?我修改了,无论发多少文章,左栏那都显示调用8个的.在哪修改的呀?谢谢

    • @hd0752 是的,不过从你这个代码看,你应该找错文件了吧,你这个不是在zuolan.php文件里,你好好看看

  21. #21
    hd0752
    hd0752 -@

    没有错啊,就是下载了你现在这个Hooby2.0里的Hooby/templates/zuolan.php这个文件下啊,你原来的代码是:
    category_name=hoobyhelpyou&showposts=6′
    我只是把你的hoobyhelpyou改成我的feature了,但后面那个6字我没改,文章却显示调用了8个.

  22. #22


    请问,自定义栏目thumbs的值是??

  23. #23

    报告一个错误:tag巴天弩,有十六个话题,但翻页到第二页出现404,是不是“巴天弩”是汉字,不能翻页?请博主修复,地址http://www.hooby.cn/tag/巴天弩

  24. #24

    ❓ 请问一下我已经添加了几个分类目录,首页的导航也做好了自定义菜单,一切正常。但是为什么在分类的页面右栏的“产品展示”下显示不出这些分类,只显示“没有分类目录”

  25. #25
    hd0752
    hd0752 -@

    不知道博主可不可以把新闻动态这个模版做成文章列表形式的而不要产品形式的呢?

    • @hd0752 不好意思。。。这个主题基本上不更新了~~~~有兴趣自己可以试着改一下吧

  26. #26

    踩踩更健康

  27. #27

    博主,我那个二级菜单老设置不出来
    我是在菜单那里设置的
    我已经根据你提示的方法去做
    但是就是不出来
    请打救

  28. #28

    我试过了- –
    我都崩溃了快
    弄了好几天

    <?php wp_nav_menu('container=''&title_li=&link_before=&link_after=’); ?>
    这代码要修改一下吗

  29. #29

    我的主题位置显示
    当前的主题不提供原生的自定义菜单支持。您可以用“自定义菜单”小工具将您在这里创建的菜单添加至主题的侧边栏。

  30. #30

    挺不错的主题, 🙂

  31. #31
    海盗船长
    海盗船长 -@

    皇家大大,我用了这个主题,可是logo上下空很多,请问是什么原因,图片没有空的

  32. #32
    海盗船长
    海盗船长 -@

    用谷歌浏览器logo上下都有空白,用IE,Firefox浏览logo到导航条之间有很大的空白

  33. #33
    海盗船长
    海盗船长 -@

    http://210.211.31.251/jpdititown/

    在IE浏览器没问题,在谷歌浏览器就会上面空的,而且有错位的现象

  34. #34
    海盗船长
    海盗船长 -@

    主页面“好伴帮你”,“新品上架”这个增加产品进去,我用的是wordpress3.3版本,这个版会不会有兼容性问题,我用
    qTranslate插件做多语言,

    “缩略图调用自定义栏目“thumbs”,文字描述自定义栏目“ms””这个没看到有

    • @海盗船长 我不知道这个插件的用法,可能只有一种语言。。
      这个自定义栏目第一次是需要自己添加的,当然没有了。。

  35. #35
    海盗船长
    海盗船长 -@

    嗯,谢谢,我找到自定义栏目了,不过我加了地址,缩略图还是显示不了
    名称=”ms” 值=”http://210.211.31.251/jpdititown/wp-content/uploads/2012/02/timthumb-1.jpg”

    我想问一下左栏显示的产品是自动添加的吗?

    • @海盗船长 ms,是描述的意思,大哥。。。缩略图的名称你都能搞错啊。。。
      左栏是改那个文件。。

  36. #36
    海盗船长
    海盗船长 -@

    左栏我想应该找到改的地方了,直接改zuolan.php文件里面调用的目录名称就行了,对吧??

  37. #37
    海盗船长
    海盗船长 -@

    呵呵,谢谢!

  38. #38
    海盗船长
    海盗船长 -@

    老大,我现在用你这个主题做个多语言站点,现在就有一个问题。菜单添加里面一般别的主题添加 主页 就和添加目录一样调用原始地址,而这个主题是类似添加自定义链接,这样就没办法多语言化了。。。。。现在导航栏里面的其它菜单都可以随便着语言的变化而显示相应语言的页面,比如说“关于我们”,英文版时点”about”就会显示英文页面,中文版时点”关于我们”就显示中文页面,而现在主页,不管是home还是主页,点击链接都显示英文版页面。。。。。。。请问这个怎么改

    • @海盗船长 应该不会把,你点主页,应该是网站地址,他会自动识别网站默认是中文还是英文的。。
      这个插件我没用过,具体我也不是很清楚。。

  39. #39
    海盗船长
    海盗船长 -@

    皇家大大在不??方便加你QQ吗??

  40. #40
    海盗船长
    海盗船长 -@

    不管插件的事,就是主页那个添加之后里面是链接地址就和添加自定义链接一样,一般情况都下面给个原始地址,与wordpress版本有关系吗?方便QQ聊吗,你这个主题我很喜欢,我很想用。。。我的QQ:122060864

    • @海盗船长 主页 可以 跟分类一样 直接添加,不是添加自定义链接。点击查看全部,就看到了。。
      一般QQ我很少回复别人,博客,我会第一时间回复。。

  41. #41
    keson
    keson -@

    皇上,首先感谢您的主题,相当漂亮。我想请教下:category.php页显示的商品数量默认是10个,如何调整呢?我想显示60个商品。望回复,祝你早日找到高薪JOB!

  42. #42
    海盗船长
    海盗船长 -@

    博主,添加的方式我是和添加分类一样的,点所有里面的主页,可是添加进去之后没像分类那样,而是和自定义链接一样上面一个链接地址。

  43. #43
    海盗船长
    海盗船长 -@

    kesson,在后台 –设置–阅读里面

  44. #44
    海盗船长
    海盗船长 -@

    现在这个主题多语言就剩导航栏主页链接问题了,其它都解决了,如果这个问题解决了我就把资料给你,或者我也出个教程怎么把这个主题改成多语言的

    我那个插件默认语言可以通过后台改的,首页添加进去右上角的名称是“自定义”不是“页面”,其它主题都是“页面”

  45. #45
    海盗船长
    海盗船长 -@

    好像与主题没关系,我换主题菜单还是那样,我重新装个wordpress试试

  46. #46
    海盗船长
    海盗船长 -@

    我重新装了一个wordpress还是一样的添加home菜单,显示的还是自定义。。。请问这个哪里可以改啊

    • @海盗船长 啊。。这个就不是很清楚了。。靠你自己慢慢摸索了。。自定义菜单的功能就是这样的。。抱歉

  47. #47
    海盗船长
    海盗船长 -@

    原来以前那主题是建了一个页面,然后固定链接显示的是主页的链接,请问怎么把固定链接改成主页的啊,我建了个home页面,链接里面的home不能改成空的????

    • @海盗船长 你可以设置home页面为默认首页。。在你刚才回答别人那个位置,不管home的固定链接是什么都可以,然后应用一个模版。。

  48. #48
    海盗船长
    海盗船长 -@

    谢谢啦!目前应该都搞定了,呵呵。。。。完全改完了再给你看看。

    不过还有一个问题,你做的那个网站,产品详细介绍里面的产品缩略图比较好看,请问怎么改成你那样的啊,我的现在只是一张图片而以

  49. #49
    海盗船长
    海盗船长 -@

    能否说的具体一点呢????我一般也是上传几张图片,然后点相册里面插入到文章,我也试过一次插入整个相册,都没你那种效果,点击图片就打开一个新窗口显示一张图片。

  50. #50
    海盗船长
    海盗船长 -@

    嗯,谢谢了,有那个效果了,不过我这个没有外框,怎么加外框呢??

  51. #51
    海盗船长
    海盗船长 -@

    产品详细介绍页面,你的产品图片有个外框,上面是图片下面是产品名称

  52. #52
    海盗船长
    海盗船长 -@

    主题都改好了,我老板很满意,呵呵,谢谢皇家做了这么好的主题。。。。产品介绍页面图片显示,我用了仿京东那种带方大镜的效果

  53. #53
    烟灰缸OL
    烟灰缸OL -@

    😐 chrome16浏览器下,该模板兼容性有较大问题。

    • @烟灰缸OL 请再具体点。。。
      当时我做出这个主题的时候,16好像还没出来把。。。
      现在我用chrome18都很正常。。

      • 烟灰缸OL
        烟灰缸OL -@

        @皇家元林 不知道原因。同个版本浏览器换台电脑就OK了,可能不是模板兼容性问题。

        再咨询下,因是新手,不知道如何修改首页三个幻灯片。文中描述不太明白。
        “幻灯片修改Hooby/templates/ad.php,找到category_name=magazine&posts_per_page=4,修改红色部分”

        自己按照首页幻灯片同等尺寸做了3张图,如何在首页显示出来呢?

        • @烟灰缸OL 嗯。。category_name=后面跟分类名称,数字代表显示几个。。
          而且好像还需要添加自定义栏目的。。

  54. #54

    纯白色的背景有些单调,测试了一下,用代码开启自定义背景功能后,导航栏的颜色样式就丢失了,怎么解决呢?

    • @迷香 当然,这个自定义背景就别用了。。
      本身就是背景,你再加背景,就会被替换的

  55. #55
    keson
    keson -@

    皇上,请教“zuolan.php”这个文件应该如何修改 才能够让首页显示所有分类下的新文章,谢谢!

    • keson
      keson -@

      @keson 补充一下,就是以下代码的category_name= 应该赋予什么值,就能显示所有分类下的最新文章?

      • @keson 可以参考我的博客主题。。。
        category_name=后面是分类的别名

        • keson
          keson -@

          @皇家元林 category_name=后面是分类的别名
          —你提的这点,我清楚。但毕竟只显示该分类下的文章,如果是显示所有分类的最新文章呢?应该赋予什么值?

  56. #56
    海盗船长
    海盗船长 -@

    我想把幻灯片尺寸改大一倍,请问需要改哪些???

  57. #57

    皇兄 怎么下载不了这个主题呢 🙁

  58. #58

    :点我啊!笨! 这个啊 就是打不开

    • @harlin 你那边是不是打不开google的页面?
      那就是你的网络问题。。。我这边是没问题的。。而且经常性打不开google是很正常的

  59. #59

    谷歌搜索引擎可以打开呢 但是点击那个就是打不开

  60. #60

    可以发我邮箱不哇 86524204@qq.com 🙂

  61. #61

    这个主题导航栏怎么制作 的啊 我想修改下 不要二级菜单 只要水平菜单 而且颜色也想修改下呢 😛

    • @harlin 自定义菜单。不要二级菜单,你就不要加二级菜单嘛!
      颜色可以根据CSS和相关图片修改。

  62. #62
    宽窄巷子
    宽窄巷子 -@

    老大 你现在的那个版本 怎样才能把东西放到分类目录的下面啊 例如:首页的目录下面,这个是怎样做到的呢 ?

  63. #63
    Kira
    Kira -@

    請問要怎麼轉成繁體呢?

    剛接觸wordpress正在學習中 😛

  64. #64
    宽窄巷子
    宽窄巷子 -@

    皇上 如何让我的文章出现在右栏的新闻动态栏里面呢 ? 我上传的产品图片没有显示缩略图 我按照你上面的做 也没有出现 不知道是那个地方出了问题 望皇上解答我的疑问啊

  65. #65

    非常喜欢博主的这款主题,简洁而不简单,赞一个。。。

  66. #66
    Vegeta
    Vegeta -@

    你好,我想请问一下:怎么修改这个模板的AD图片大小啊?谢谢!

    • @Vegeta 你指的是哪个?

      • Vegeta
        Vegeta -@

        @皇家元林 首页顶部滚动的AD图片,在后台能设置的那部分,我想变大点。

        • @Vegeta 这个得修改代码。。
          而且得调试,所以有点麻烦,随便改个高度宽度的话,可能会错位。。
          这个图片的大小,我觉得很合适了。。你按照这个比例作图,应该很好的

          • Vegeta
            Vegeta -@

            @皇家元林 我想把主页弄成很简洁的风格,就几张幻灯片。。。有别的方法吗?我换个幻灯插件?

  67. #67
    keson
    keson -@

    皇上,请问大首页“zuolan.php”的图片如何调用文章中的“thumbs”中的图片?(PS:如果能这样,那就能节省不少工作量了) 先谢了 :)

  68. #68
    steven
    steven -@

    请问缩略图在那里设置啊?

  69. #69

    的确是个企业站的风格啊!

  70. #70

    皇家元林我图片总加不对啊 缩略图和banner总出现同一个 这是为什么啊

  71. #71

    能不能设成不一样的啊

  72. #72

    怎么设成不一样的呢 求指教

  73. #73

    恩恩 谢谢您啊

  74. #74
    圳港数码
    圳港数码 -@

    主题安装之后不显示内容

评论 炮灰 取消评论