サポート » テーマ » カラムの幅、行間を広くする

  • おせわになっております。初心者なりにcssをいじってページのカスタマイズを楽しんでおります。テーマはKhaki Travelerを使っています。

    三カラムのテーマで右サイドのカラムが、あまり必要なくなってきたので、できれば消し去りたい、もしくは、両サイトのカラムの幅を狭めて、中央カラムをもっと広く取りたいと思い、色々なサイトをみてみたのですが、どうもテンプレートによって使われている用語が異なっており、中央カラムの幅を広くとることの企ては失敗してしましました。一応、widecolumnやnarrow columnという文字はよく見るのですが、どれを変えればよいのかわからない状態です。
    ‘#page {
    border:1px solid #959596;
    text-align:left;
    }

    #content {
    font-size:1em;
    color:#2c4353;
    }

    /* ここが行間変えるのにあやしい */
    .widecolumn .entry p {
    font-size:.9em;’

    そして投稿の文章の行間を広くとりたいと思い、
    ‘line-height:2em;’の数字を変えればよいまでは、わかったのですが、このパスも複数あり、どこのものを変えてよいのかわからないのです。

    どこのを変えればよいのかご教授お願いします

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • 右サイドバーを消すだけならindex.phpの51行目をコメントアウトすればできますが、幅を広げるにはそれなりの調節が必要です。

    51行目
    <?php //get_sidebar(); ?>

    cssの勉強をされるならせっかくwordpressをはじめたのですからテーマを自作してみながら勉強するというのもありかもですよ。
    配布されたテーマは深く作りこんでいるので初心者が手を加えるにはハードルが高すぎます。まずは自作でテーマを構築してみて、wordpressのタグやcssがどのような仕組みで動いているのか理解してから既存テーマの修正などに挑戦されてみてはいかがでしょうか。

    日本語Codexにも作り方が載っていますし、デザインは2の次にして、まずシンプルなテーマを作ってみましょう!cssでfloatする方法などが必ず出てきますのでそこが理解できればサイドバーの幅を変えるなんて簡単です。(Khaki Travelerのソースをざっとみましたが、きっちり読み込んでみないとちょっと面倒そうでした。)
    ちなみにさまざまな幅を決めているcssは基本はwidthですよ。(width:75%とか)

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「カラムの幅、行間を広くする」には新たに返信することはできません。