首页 > wordpress > 修改wordpress默认主题宽版加导航

修改wordpress默认主题宽版加导航

2010年1月29日 eric 发表评论 阅读评论

自从blog开放以来一直在修改wordpress的默认主题,很多人问我为什么用默认主题,我的回答都是我很喜欢这款`主题没办法,个人喜好问题,改来改去改的很痛苦,因为本人对 CSS 不懂,改的很吃力,网上也有宽屏版的默认主题,大家可以去下,我是手动改的。

一.修改CSS,改为宽屏版:

1. 把图下到windows 下,把图用photoshop修改都加宽到960象素。

kubrickbg-ltr.jpg    kubrickbg-rtl.jpg   kubrickfooter.jpg  kubrickheader.jpg

2. 修改style.css

下面是我修改的 style.css

点击上面的style.css 下载

二.给文章页面加边栏。

1.修改 single.php 在底部加入

<?php get_sidebar(); ?>

2.修改 single.php 用首页的类

把 <div id=”content” class=”widecolumn” role=”main”>

改为

<div id=”content”  class=”narrowcolumn” role=”main”>

三,给默认主题,加横向 导航栏.

1.修改 style.css

如果你下载我的 style.css 的话,就可以略过这一步

在最下面加入

#navBar a{
        color: #FFFFFF;
        font-size: 15px;
        text-decoration: none;
}
#navBar{
        margin-left:27px;
        padding:0px;
}
#innerNavBar{
        margin-left:0px;
        margin-right:0px;
        padding: 10px 10px 0px 10px;

}

.userdir{
        color:#cf0;
        float:left;
        width:100%;
        vertical-align:bottom;
}
.userdir a{
        color:#fff;
}

2.然后修改 header.ph 加入导航:

把 <div id=”header” role=”banner”>
        <div id=”headerimg”>
                <h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
                <div><?php bloginfo(‘description’); ?></div>
        </div>
</div>

<hr />

改为:

<div id=”header” role=”banner”>
        <div id=”headerimg”>
                <h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
                <div><?php bloginfo(‘description’); ?></div>
        </div>
        <div id=”navBar”>
        <div id=”innerNavBar”>
        <div>
        <a href=”/”>home</a>
        | <a href=”/linux/category/linux”>linux</a>
        | <a href=”/linux/category/ubuntu”>ubuntu</a>
        | <a href=”/linux/category/xen”>xen</a>
        | <a href=”/linux/category/dns”>dns</a>
        | <a href=”/linux/category/iptabes”>iptables</a>
</div>
</div>
</div>

</div>
<hr />

然后就成我现在 这样了“

喜欢默认主题的朋友如果有兴趣,修改下吧!!

转载请注明:文章转载自:Eric's linux and nginx! (http://www.nginxs.com)
本文地址:http://www.nginxs.com/linux/53.html

分类: wordpress 标签: , ,
  1. 2010年3月18日22:11 | #1

    写的非常清晰!适合我这样的新手!谢谢

  2. 2010年3月19日17:51 | #2

    谢谢捧场!

  3. 2010年3月21日10:15 | #3

    在style.css文件中,有这两段代码,可以修改body和footer的背景图片
    body {
    background: #d5d6d7 url(‘images/kubrickbgcolor.jpg’);
    }
    #footer {
    background: #e7e7e7 url(‘images/kubrickfooter.jpg’) no-repeat top;
    }
    但下面的两个背景图片,在css中没找到类似代码?怎么回事呢?
    kubrickbg-ltr.jpg kubrickbg-rtl.jpg

  4. 2010年3月22日10:16 | #4

    您说的是,图片没有?
    还是代码没有?

  5. 2010年8月9日09:10 | #5

    博主,你现在使用的是官方3的默认主题吗,貌似不像啊:-)

  6. 崔小可
    2014年3月16日22:07 | #6

    很好,不错

  7. 2016年11月9日11:10 | #7

    Maintain the awesome work !! Lovin’ it! https://www.youtube.com/watch?v=vIJzPyBZiQA

  8. 2016年11月21日17:47 | #8

    I needed to send you a little bit of remark to help say thank
    you over again for all the wonderful basics you have shown on this website.

    It is so extremely generous with you in giving unhampered precisely what many people would have
    marketed for an electronic book to help with making some
    bucks on their own, mostly considering that you could possibly have done
    it in the event you decided. These advice in addition acted as the fantastic way to
    understand that someone else have similar fervor the
    same as my personal own to learn a great deal more when it comes to this
    condition. I believe there are a lot more pleasant periods
    in the future for individuals that scan through your website. https://www.youtube.com/watch?v=fJd9oeS4mpk

  9. 2016年11月21日17:57 | #9

    You’ve good knowlwdge on this site. http://tinyurl.com/j7a425c

  10. 2018年4月3日23:27 | #10

    buy cialis without a prescription
    [url=http://cialisgftrx.com/]buy generic cialis online[/url]
    lowest viagra prices cialis levitra
    cheap generic cialis

  11. 2018年4月4日02:35 | #11

    is it legal to order viagra from canadian
    viagra online without script
    cheap viagra tablets

  12. 2018年4月4日19:52 | #12

    best place buy viagra online forum
    kamagra oral jelly
    viagra cheap thailand

  13. 2018年4月5日07:19 | #13

    buy viagra online safe
    viagra without a doctor’s prescription
    viagra sale johannesburg

  14. 2018年4月6日15:24 | #14

    Cleans and prepares flooring for high polish.

  15. 2018年4月8日00:44 | #15

    safe place order viagra online
    viagra online without prescription
    viagra buy no prescription

  16. 2018年4月8日06:23 | #16

    how to buy viagra online in canada
    viagra without a doctor’s prescription
    viagra buy shop

  17. 2018年4月8日17:38 | #17

    viagra online ordering
    viagra without a doctor prescription
    viagra sale nz

  18. 2018年4月8日19:04 | #18

    can you buy viagra over counter uk
    viagra without a doctor’s prescription
    viagra for sale atlanta

  19. 2018年4月8日23:09 | #19

    need a loan poor credit loans bad credit [url=http://loansbadcredit1.com/#]bad credit loans[/url] personal loan bad credit score features of installment loans installment loan [url=http://installmentloanse.com/#]installment loan[/url] best place get installment loan online

  20. 2018年4月9日04:38 | #20

    cheap viagra toronto
    viagra on line no prec
    order viagra trial

  21. 2018年4月9日14:00 | #21

    cheap viagra brand
    viagra online without script
    order viagra ship canada

  22. 2018年4月9日19:19 | #22

    generic for sale in australia http://drugstore-usa.science buy online australian.

  23. 2018年4月11日09:57 | #23

    cialis online cheap from canada
    tadalafil 20mg
    cutting cialis pills in half

  24. 2018年4月11日15:01 | #24

    cheap cialis soft tabs
    tadalafil online
    shelf life cialis pills

  25. 2018年4月12日03:06 | #25

    cheap cialis canada pharmacy
    generic cialis online without script
    how to order cialis online no prescription

  26. 2018年4月12日11:35 | #26

    buy cialis in india
    cialis pills
    cheap cialis super active

  27. 2018年4月12日17:20 | #27

    buy cialis levitra
    cialis pills
    buy cialis vegas

  28. 2018年4月12日20:59 | #28

    where can i buy cialis soft tabs
    buy cialis
    order cialis overnight

  29. 2018年4月12日23:40 | #29

    cheapest source cialis
    cialis prices
    cialis buy from new zealand

  30. 2018年4月13日00:44 | #30

    tablets online purchase http://online-medications.men over the counter alternative.

  31. 2018年4月13日05:52 | #31

    This could fully take away the surface mould.

  32. 2018年4月13日11:08 | #32

    cheap viagra soft tabs
    buy generic viagra online
    viagra online buy

  33. 2018年4月13日20:00 | #33

    Finishing a floor requires using two mop buckets.

  34. 2018年4月14日11:59 | #34

    buy online viagra viagra
    viagra online
    cheap viagra canada online

  35. 2018年4月15日03:27 | #35

    I have has many tree firm trim my bushes.

  36. 2018年4月15日03:30 | #36

    Background check hawaii free, http://background-check-services-for-employers.science missouri public records search free.

  37. 2018年4月15日04:24 | #37

    buy cheap viagra cialis
    cialis coupons 2018
    order cialis no prescription canada

  38. 2018年4月15日14:58 | #38

    buy viagra uk over counter
    generic viagra for sale
    cheap viagra au

  39. 2018年4月15日17:19 | #39

    where can i buy viagra in manila
    generic viagra for sale
    viagra for sale with paypal

  40. 2018年4月15日19:27 | #40

    Background check delay, http://background-check-renter.science/ public arrest records in louisiana.

  41. 2018年4月16日00:15 | #41

    Not all mold that appears black or dark is poisonous.

  42. 2018年4月16日04:49 | #42

    Select the perfect trim to your HardwoodInstallation.

  43. 2018年4月16日16:38 | #43

    viagra online buy australia
    cheap viagra
    viagra for sale online

  44. 2018年4月16日16:47 | #44

    cheap viagra online canada
    viagra coupons
    cheap viagra vipps

  45. 2018年4月17日23:54 | #45

    We had a moist, smelly crawlspace that’s 18″ high.

  46. 2018年4月19日22:45 | #46

    Steel roofs are sometimes lighter than asphalt shingles.

  47. 2018年4月20日21:12 | #47

    Oak and maple are the most common hardwoods used.

  48. 2018年4月23日00:44 | #48

    Save on basement repair merchandise with SANI-TRED!

订阅评论
5+6= (必填)