トップページで最新記事の画像だけ大きくしたい

  • 解決済 komame

    (@komame)


    11年、 6ヶ月前

    記事にはそれぞれアイキャッチ画像が付いています。

    トップページに表示させる時に、最新の記事の画像だけを大きく表示させたいと思っています。

    今は全部サムネイル画像が表示されている状態です。そのため、アイキャッチ画像に関する情報は不要です。

    やり方としては、いくつかあると思うのですが・・・

    1、whileのなかで分岐させる

    2、スタイルシートで何とかする

    私が考えるとこれぐらいしか思いつきません。

    希望としては、最新記事だけ抽出する関数。そして2番目から指定番号まで抽出する関数なんてのがあれば助かります。

    今回やろうとしていることは、誰でも思いつくことなので、解説しているサイトなどがあれば助かるのですがそのような都合のいいのは無いでしょうか？

    今のところ、whileのなかで分岐させようと思っているのですが、「最新記事はどうやってだすんだ？」って状態なのでアドバイスがあればお願いします。

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

    (@jim912)

    11年、 6ヶ月前

    1. カウンターの変数を初期化（1にする）
    2. while開始
    3. カウンターの変数が1だったら、大きい画像名、そうでなければ小さい画像名にする
    4. アイキャッチ画像表示
    5. カウンターの変数をインクリメント
    6. while終了

    みたいな感じです。

    nobita

    (@nobita)

    11年、 6ヶ月前

    こんにちは　CSSでやるなら

    <style>
	ul li img{
		width:100px;
		height:auto;
	}
	ul li:first-child img{
		width:200px;
		height:auto;
	}
</style>
	<ul>
		<li><img src="" /></li>
		<li><img src="" /></li>
		<li><img src="" /></li>
	</ul>

    で、出来ますが、拡大すると、画像がぼやけたりしますよね

    なので、while loopで、最初の画像を大きくするのと同時にクラスを振っておいて、あとで微調整が簡単に出来るようにしておくといいんじゃないかと思います

    <ul class="index">
		<li class="loop-1"><img src="" /></li>
		<li class="loop-2"><img src="" /></li>
		<li class="loop-3"><img src="" /></li>
	</ul>
    トピック投稿者 komame

    (@komame)

    11年、 6ヶ月前

    ありがとうございます。

    私のイメージしていた通りで、それ専用の関数って無いみたいですね。
    少しでも楽出来ないかと質問したのですが、やはりコツコツするしかないみたいなので、whileで分岐して、CSSで整えようと思います。

    これからやろうと思いますが、またわからないことがあれば質問するので、その時はまたお願いします。ありがとうございました。

    トピック投稿者 komame

    (@komame)

    11年、 6ヶ月前

    Twenty_Twelveのテンプレートでwhileをしようとすると、サムネイルのあるファイルが別になっていました。

    <?php $komame=0 ?>
    <?php while ( have_posts() ) : the_post(); ?>
    <?php get_template_part( ‘content’, get_post_format() ); ?>　←ここ
    <?php $komame++ ?>
    <?php endwhile; ?>

    やはり、グローバル変数を使うしかないのでしょうか？

    nobita

    (@nobita)

    11年、 6ヶ月前

    やはり、グローバル変数を使うしかないのでしょうか？

    使いたくない　理由は　なんですか？

    functions.php

    function komame_count(){
 static $count;
 return $count++;
}

    content.php

    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php echo komame_count();?>

    とかでも、動くかも

    トピック投稿者 komame

    (@komame)

    11年、 6ヶ月前

    nobitaさま　いつもありがとうございます。

    >使いたくない　理由は　なんですか？

    phpの入門書にあまりグローバル変数は使わないように書いてあったような・・・
    phpが久しぶりなのと、テンプレートがよくわかっていないので、なるべく変数名がかぶるなどのバグを防ぐためです。
    それと、勉強のためにいろいろな方法を知りたかったからです。
    本当のところはつまらない美学の問題です。
    おかげで、functions.phpに関数を定義すればいい事がわかりました。

    教えていただいた方法で出来ました。

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

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「トップページで最新記事の画像だけ大きくしたい」には新たに返信することはできません。