サポート » 使い方全般 » wordpressテーマCascadeのカスタマイズについて。

  • 解決済 tentyard

    (@tentyard)


    無料テーマで見つけたCascadeのカスタマイズについて
    教えて頂けないでしょうか。
    <a href=”http://thealpinepress.com/cascade/
    “>

    トップページの画像を任意の大きさに変更したいのですが
    どの部分の記述をどのように変更すればいいのか分かりません。

    どなたか教えて頂けないでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    任意の大きさというのがどういうことなのか具体的ではないのですが、

    ■3列表示のまま画像の表示サイズを変えたい場合
    style.cssの538行目から始まる

    .wrap {
    	max-width: 940px;
    	margin: 0 auto;
    	position: relative;
    }

    の max-widthを変更することで、全体幅の変更に合わせて、画像の表示サイズも変更できます。

    ■列数を変更し、画像の表示サイズを変えたい場合
    トップページやアーカイブページは、col-left、col-center、col-rightのdivによって3列表示になっていますので、この構造を変更する必要があります。
    また、それに合わせて、style.css 735行目からの

    .home .col, .archive .col {
      float:left;
    	width: 32.62412%;
    	height: auto;
    	margin: 0 1.06383% 10px 0;
    	overflow: hidden;
    }

    width および、margin を変更します。

    トピック投稿者 tentyard

    (@tentyard)

    早々のご回答ありがとうございます。

    質問が抽象的でご迷惑をお掛け致します。

    横向きの画像では適度なサイズなのですが、縦向きの画像は
    必ず横向きの画像の横幅に合う様になっているためとても大きく感じました。

    そこでアイキャッチ画像として選択した画像が、適度な正方形にトリミングされ
    横に5つ並ぶようにならないだろうかと考えたのが発端です。
    max-widthはそのままが良いです。

    3列を5列にする構造変更は初めて数ヶ月の私にはハードルが高いでしょうか。
    あるいはテーマを変えてしまったほうが良いのでしょうか。
    (近いテーマもあったのですが、携帯で見れる事とその他のデザイン要素が
    気に入ってこちらを選択しました。)

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「wordpressテーマCascadeのカスタマイズについて。」には新たに返信することはできません。