サポート » テーマ » ページを作ることで作ったタブの幅を変えたい

  • お世話になっております。

    ページを追加することで、ヘッダーの下に左から右へならぶタブをつくりました。

    このタブは、そこに書かれている文字の長さによって長さが違うのですが、その長さを一定にしたいと思っております。

    たとえば、ホーム、紹介、ギャラリー、日記、コンタクトというタブがあったとします。

    私は、文字幅を増やす為にスペースを挿入してみたのですが、なんら効果がありません。

    タブの上下、左右の幅を変えるにはどこを書き直せばよろしいのでしょうか?

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • それだけじゃ、なにもわかりません。
    どのようにタブを作りましたか?

    画像ですか?テーブル要素ですか?ul、liまどですか?

    ヒントとしてはスタイルシートで、widthで幅を決めることになると思うのですが、構造がさっぱりわからないのでなんとも言えません。

    トピック投稿者 yazzu

    (@yazzu)

    タブはページを新規追加することでつくりました。よってタブの表題を管理画面から入力したのみで、画像などは一切つかっておりません。

    意味は分かります、状況も、どうしたいのかも分かります。その改善のために、必要な情報が出ていませんよ、という事です。
    タブを実現する際に、ul、liタグを使ったのか、Hタグなのか、divで括っているのか、どうされたんでしょうか。

    手段としては、classを付けてwidth指定するとか、色々方法はあると思います。
    ただ、これらの話は全てCSSとHTMLの話で、WordPress固有の話ではありません。
    まあ、phpにCSS用のclassを付けたりとかは必要かもしれませんが。

    他の質問内容を拝見しますと、テーマはAtahualpaをお使いのようですね。
    私はAtahualpa 3.2を使用していますが、ページのタブはul、liタグで生成されており、クラス名はrMenuです。

    具体的にどこをどうするかは私は存じませんけど、以下のサイトが参考になるかと思います。
    http://webhost.bridgew.edu/etribou/layouts/rMenu/index.html

    Atahualpaはかなり作り込まれたテーマなので、オプションで変更可能な部分以外を触るのは、それなりに知識が無いと難しいと思います。

    私は、文字幅を増やす為にスペースを挿入してみたのですが、なんら効果がありません。

     でもダメですか?

    トピック投稿者 yazzu

    (@yazzu)

    テーマはKhaki Traveler 1.1.2 を使っております。

    テンプレートをいじり始めたのが最近のことなのであまり詳しいことは分かりませんが、タブを増やす手順はテンプレートではなく、管理画面>ページから新規追加で5つ作りました。そして各ページの編集画面の右下にある「順序」を1,2,3,4,5としてヘッダーの下に自分が並べたいタブが左から整列したわけです。

    スタイルシートの中からclassesで検索してそれらしいコードを発見しました。
    ここの中のwidth:400px/ というところの数字を変えてみたりもしたのですが、なんら変化がありませんでした。

    ‘* Begin Various Tags & Classes */
    acronym,abbr,span.caps {
    cursor:help;
    }

    acronym,abbr {
    border-bottom:1px dashed #999;
    }

    blockquote {
    margin:15px 30px 0 10px;
    padding-left:20px;
    border-left:5px solid #ddd;
    }

    blockquote cite {
    margin:5px 0 0;
    display:block;
    }

    .center {
    text-align:center;
    }

    hr {
    display:none;
    }

    a img {
    border:none;
    }

    .navigation {
    display:block;
    text-align:center;
    margin-top:10px;
    margin-bottom:30px;
    }

    .entry_spacer {
    width:400px;

    height:0;
    border-bottom:1px solid #a4acb3;
    border-top:1px solid #eaeaea;
    margin:auto;
    }

    #sk2-footer a {
    color:#eee;
    }

    #sk2-footer a:hover {
    color:#ddd;
    }

    /* End Various Tags & Classes*/’

    どうしてもタブの幅を変えてみたいのです!ご教授おねがいします。

    トピック投稿者 yazzu

    (@yazzu)

    みなさま、よくよく考えたら、 を入れまくることで解決しました。

    なぜこのような簡単な方法を思いつかなかったのか自分がよくわかりません。

    色々とありがとうございました。

    CSSもhtmlも勉強不足どころか無知に近いという事は分かりました。

    style.cssの295行目、

    ul#nav li, ul#admin li {
    略
    }

    これに width:100px; (100pxは適宜変更)
    を追加してみてください。

    ・ブラウザはFirefoxを使い、Firebugというプラグインを使ってみましょう。
    ・CSSの解説本を買いましょう。
    ・WordPressを使っているからって、なんでもかんでも聞くのはやめて、ネットで検索をまずしてみましょう。あなたが行き詰まる事は、他の誰かも行き詰まっています。がんばってください。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「ページを作ることで作ったタブの幅を変えたい」には新たに返信することはできません。