サポート » その他 » アイキャッチ画像の縮小について

  • 解決済 ayuta

    (@ayuta)


    こんにちは。
    過去に他に同様の質問もなく、googleなどで検索をしてみてもわからなかったので質問させてください。

    現在私はwordpressのブログでHuemanというテーマを使っていて気に入っているのですが、1つだけ残念なことがあります。それは、

    「(デフォルトの)”アイキャッチ画像”が大きすぎる」

    という問題です。この問題を解決するためにあらゆる努力を尽くしましたが、どこをどうすれば良いのか全く分かりません。アイキャッチ画像を小さくさせるために、藁をもつかむ思いでここに質問させていただく次第です。

    ヘルプの必要なページ: [リンクを見るにはログイン]

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック投稿者 ayuta

    (@ayuta)

    ちなみにPCでの表示の場合、アイキャッチ画像が大きく表示されます。スマホだと問題のない大きさなのですが。

    CG

    (@du-bist-der-lenz)

    固定ページでのことでしょうか、投稿リストでしょうか、投稿でのことでしょうか。
    「この問題を解決するためにあらゆる努力を尽くしました」ということなので、列記してくださると実行されたことと同じことに言葉を選ばないで進めやすいです。

    トピック投稿者 ayuta

    (@ayuta)

    CG (@du-bist-der-lenz) さん、こんばんは。ご回答ありがとうございます!。

    アイキャッチ画像が大きすぎるというのは、トップページ(index.php)での投稿一覧においてです。

    検索などで調べて、あるファイルを編集すればよいように書いてありましたが、そのファイルにたどり着くまでにどうすればいいのか書かれていませんでした。

    CG

    (@du-bist-der-lenz)

    フロントページ(ホームページ)に固定ページを当てていないのですか。

    トピック投稿者 ayuta

    (@ayuta)

    固定ページや注目記事というものは設定していません。記事リストにあるアイキャッチ画像が大きすぎるのです。
    スタイルシートのどのファイルを編集すれば良いのかがわからないのです。

    CG

    (@du-bist-der-lenz)

    アイキャッチ画像が大きすぎるというのは、トップページ(index.php)での投稿一覧においてです。

    スタイルシートのどのファイルを編集すれば良いのかがわからないのです。

    を考えあわせるに、期待されていることがわからないですが、スタイルシートで対処したいと当たりは付いているようです。

    外観 > カスタマイズ > 追加 CSS
    へ例えば下記のように入れると「幅が50%(高さも50%)」になります。

    div.post-thumbnail { width: 50%; }
    
    CG

    (@du-bist-der-lenz)

    <?php
    /*  Print the post list articles. Runs the WP loop on the $wp_query object.
    /* ------------------------------------ */
    ?>
    <?php if ( hu_is_checked('blog-standard') ): ?>
      <div id="grid-wrapper" class="post-list-standard">
        <?php while ( have_posts() ): the_post(); ?>
          <?php get_template_part('content-standard'); ?>
        <?php endwhile; ?>
      </div>
    <?php else: ?>
      <div id="grid-wrapper" class="<?php echo implode( ' ', apply_filters('hu_classic_grid_wrapper_classes', array( 'post-list group') ) ) ?>">
        <?php
          $columns = apply_filters( 'hu_grid_columns', 2 );
          global $wp_query;
          while ( have_posts() ): the_post();
          if ( 0 == $wp_query->current_post || 0 == $wp_query->current_post % $columns ) { echo '<div class="post-row">'; }
        ?>
            <?php get_template_part('content'); ?>
        <?php if( $wp_query->current_post == $wp_query -> post_count - 1  ||  ( $wp_query->current_post + 1 ) % $columns == 0 ) { echo '</div>'; }; endwhile; ?>
      </div><!--/.post-list-->
    <?php endif; ?>
    
    <?php hu_get_template_part('parts/pagination'); ?>
    
    トピック投稿者 ayuta

    (@ayuta)

    外観 > カスタマイズ > 追加 CSS で出来るようになりました。かなりましな状態になりました。
    ありがとうございました!!。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「アイキャッチ画像の縮小について」には新たに返信することはできません。