首页 > 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. 2018年1月1日11:43 | #1

    casino games
    [url=http://bom777casino.com/]casino games[/url]
    casino online
    casino games

  2. 2018年1月1日19:51 | #2

    real money casino
    [url=http://bom777casino.com/]casino online[/url]
    free casino games
    online casino

  3. 2018年1月2日00:05 | #3

    casino online debit card
    casino real money
    live online european roulette

  4. 2018年1月2日02:20 | #4

    free casino games
    [url=http://bom777casino.com/]real money casino[/url]
    casino games
    casino online

  5. 2018年1月2日04:58 | #5

    casino games
    [url=http://bom777casino.com/]real money casino[/url]
    casino games
    online casino

  6. 2018年1月2日07:08 | #6

    casino online
    [url=http://bom777casino.com/]real money casino[/url]
    casino games
    free casino games

  7. 2018年1月2日12:56 | #7

    free casino games
    [url=http://bom777casino.com/]real money casino[/url]
    real money casino
    free casino games

  8. 2018年1月2日15:54 | #8

    real money casino
    [url=http://bom777casino.com/]casino online[/url]
    casino online
    online casino

  9. 2018年1月3日00:39 | #9

    casino online
    [url=http://bom777casino.com/]casino games[/url]
    real money casino
    casino games

  10. 2018年1月3日09:52 | #10

    payday loans online
    loans online
    payday loans
    payday loans no credit
    payday loans online

  11. 2018年1月6日00:48 | #11

    This is my first time go to see at here and i am actually pleassant to read everthing
    at single place.

  12. 2018年1月6日20:48 | #12

    free slots casino games
    [url=http://casinobablogames.com/]casino games online[/url]
    free casino games slot
    free slot games

  13. 2018年1月6日22:20 | #13

    aol slots
    [url=http://casinobablogames.com/]casino games slots free[/url]
    free slots online
    casino slots free

  14. 2018年1月7日05:27 | #14

    casino slots free
    [url=http://casinobablogames.com/]free slot games[/url]
    casino slots
    free slots no download no registration

  15. 2018年1月8日10:18 | #15

    casino free games
    [url=http://casinobablogames.com/]free slot games[/url]
    slots casino
    free casino games slots

  16. 2018年1月8日12:16 | #16

    online casinos
    [url=http://casinobablogames.com/]casino slot games[/url]
    free casino games
    free casino games slot

  17. 2018年1月9日07:29 | #17

    slots casino
    [url=http://casinobablogames.com/]casino games slots[/url]
    slots for free
    casino slots free

  18. 2018年1月9日08:21 | #18

    slots games
    [url=http://casinobablogames.com/]free slot games[/url]
    slots casino games
    free slots online

  19. 2018年1月11日11:45 | #19

    payday loans online no credit check
    payday loans no credit check
    loans no credit check
    payday loans no credit check
    payday loans online no credit check

  20. 2018年1月11日21:25 | #20

    payday loans online no credit check
    [url=http://paydayhjkfg.com/]payday loans no credit check[/url]
    payday loans no credit check
    payday loans online no credit check

  21. 2018年1月12日12:12 | #21

    autocad 2017 student software
    autodesk autocad
    read autocad files online

  22. 2018年1月13日10:34 | #22

    payday loans online no credit check
    [url=http://paydayhjkfg.com/]loans for bad credit[/url]
    loans no credit check
    payday loans online no credit check

  23. 2018年1月14日01:21 | #23

    payday loans no credit check
    [url=http://paydayhjkfg.com/]payday loans no credit check[/url]
    payday loans no credit
    loans no credit

  24. 2018年1月14日04:18 | #24

    This post is really a nice one it helps new internet users, who are wishing
    for blogging.

  25. 2018年1月14日13:01 | #25

    loans no credit
    [url=http://paydayhjkfg.com/]payday loans no credit[/url]
    loans no credit
    loans for bad credit

  26. 2018年1月15日00:42 | #26

    loans no credit
    [url=http://paydayhjkfg.com/]payday loans no credit[/url]
    payday loans no credit check
    payday loans no credit check

  27. 2018年1月15日14:30 | #27

    online slots
    [url=http://casinobablogames.com/]real money casino[/url]
    casino games
    online casino

  28. 2018年1月16日00:55 | #28

    online slots
    [url=http://casinobablogames.com/]casino online[/url]
    casino games
    real money casino

  29. 2018年1月16日01:09 | #29

    payday loans no credit
    [url=http://paydayhjkfg.com/]loans for bad credit[/url]
    payday loans no credit
    loans no credit

  30. 2018年1月16日12:37 | #30

    casino online
    [url=http://casinobablogames.com/]online slots[/url]
    casino online
    casino games

  31. 2018年1月16日13:58 | #31

    payday loans no credit
    [url=http://paydayhjkfg.com/]loans no credit[/url]
    payday loans no credit check
    payday loans no credit

  32. 2018年1月16日18:40 | #32

    payday loans las vegas
    [url=http://loansmart24.com/]payday loans definition[/url]
    online payday loans tx
    online loans for bad credit

  33. 2018年1月16日20:36 | #33

    best online loans instant approval
    [url=http://loansmart24.com/]get online loan fast[/url]
    speedy cash payday loans online
    payday loans in az

  34. 2018年1月16日23:14 | #34

    online slots
    [url=http://casinobablogames.com/]online slots[/url]
    casino games
    casino online

  35. 2018年1月17日02:28 | #35

    free online slots
    [url=http://casinobablogames.com/]free casino games slot machines[/url]
    online casino real money
    aol slots

  36. 2018年1月17日14:21 | #36

    slots casino
    [url=http://casinobablogames.com/]free casino games slot[/url]
    casino slots free
    casino slot games

  37. 2018年1月18日19:13 | #37

    payday loans
    [url=https://smajloans.com/]payday loans online[/url]
    payday loans
    payday loans no credit check

  38. 2018年1月19日08:05 | #38

    best us casinos online
    [url=http://bablcasinogames.com/]online casino bovada[/url]
    game slots
    casinos in west virginia

  39. 2018年1月19日09:58 | #39

    casino games online real money
    [url=http://bablcasinogames.com/]play slots for real money[/url]
    play slots for real money
    las vegas casinos free slots

  40. 2018年1月19日15:54 | #40

    payday loans
    [url=https://smajloans.com/]payday loans online[/url]
    payday loans no credit check
    payday loans no credit check

  41. 2018年1月20日05:21 | #41

    payday loans online
    [url=https://smajloans.com/]payday loans no credit check[/url]
    payday loans online
    payday loans

  42. 2018年1月20日08:42 | #42

    heart of vegas free slots
    [url=http://bablcasinogames.com/]free casino games and poker[/url]
    sizzling 777 slots free online
    online casino bovada

  43. 2018年1月20日22:31 | #43

    casino arizona
    [url=http://bablcasinogames.com/]free casino games slots no download[/url]
    online casinos real money
    casinos in us

  44. 2018年1月21日08:15 | #44

    payday loans online
    [url=https://smajloans.com/]payday loans no credit check[/url]
    payday loans
    payday loans online

  45. 2018年1月21日18:15 | #45

    free triple 777 slot games
    [url=http://bablcasinogames.com/]best us casinos online[/url]
    best us casinos online
    online casino game

  46. 2018年1月22日01:51 | #46

    Oh my goodness! Incredible article dude!
    Many thanks, However I am going through troubles with your RSS.
    I don’t understand why I am unable to join it. Is there anybody having similar RSS problems?

    Anyone that knows the answer can you kindly respond?

    Thanx!!

评论分页
1 ... 7 8 9 53
订阅评论
3+4= (必填)