gpt4 book ai didi

php - 不同尺寸的 Wordpress 特色图片

转载 作者:行者123 更新时间:2023-11-28 12:15:52 25 4
gpt4 key购买 nike

我正在尝试在 wordpress 中复制下面的图像。问题是我不知道怎么做。

我有这段代码来控制特色图片的大小。

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 400, 300, true );
add_image_size( 'post-thumbnails', 400, 300, true );

此代码的问题是它只负责 ONE 大小,即 400x300。其他人呢?如果您查看下图,我相信您至少可以看到 3 种尺寸(3 种变体)?

我在 Index.php 文件中的 Wordpress 代码简单明了:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

<?php the_post_thumbnail('post-thumbnail', array( 'id' => "FeaturedImage")); ?>

<?php the_excerpt(); ?>
<?php endwhile; ?>
<?php else : ?>
<h2>You're Lost! </h2>
<?php endif; ?>

我想听听您对此的看法,您将如何在此基础上实现 html/css 代码结构。

enter image description here

最佳答案

为什么不使用 add_image_size 来增加尺寸?

add_image_size( 'another-thumbnails', 150, 300, true );
add_image_size( 'another2-thumbnails', 300, 150, true );

您还可以使用 Masonry http://masonry.desandro.com/ (js 库)以满足您的需求,它会安排好显示的 block 。

另一种方法是使用 timthumb(php lib http://timthumb.googlecode.com/svn/trunk/timthumb.php)即时生成裁剪图像(无需在每个上传文件上生成多个尺寸)。

在你的情况下有两件事:

  • 使用 add_image_size 或 timthumb 生成多个图像尺寸
  • 使用砌体很好地显示 block

关于php - 不同尺寸的 Wordpress 特色图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22658471/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com