Question

我正在将我妻子的博客转换为Wordpress，我希望显示类似于在Tumblr上显示的图片库。这是布局的一个例子： http://bobbyandmaura.com/post/8195960363/photoset_iframe/bobbyandmaura/tumblr_lp2nebJFEW1qhd8ae/500

我可以处理标记和CSS来显示图像。我需要帮助的是理解我如何动态创建它。 Tumblr足够聪明，可以动态显示不同数量的图像，同时仍然可以充满所有空间。这是另一个图像较少的例子： http://bobbyandmaura.com/post/6700400507/photoset_iframe/bobbyandmaura/tumblr_ln23gi8EqU1qhd8ae/500

希望我可以使用数学来创建动态解决方案，这样我就不必手动创建一堆不同的可能性。

Answer 1

行。解决了。我得到了一个黑客将WP画廊展示为Tumblr的照片集。它不像Tumblr那样可自定义，这只会将第一张图像显示为封面图像（较大），而将小图像显示为静止图像。

您需要编辑wp-includes / media.php文件。如果您的主题与任何其他图库文件一样，则必须对其进行编辑。编辑需要您自担风险，因为这是WP的核心文件。如果您将来更新WP，则必须再次执行此操作。对不起，我没时间写插件。

在wp-includes / media.php中搜索“foreach（$ attachments as $ id =＆gt; $ attachment）”并更改以下内容（替换foreach循环）

$ccg = 1;   
foreach ( $attachments as $id => $attachment ) {
        if($ccg == 1)
        {
            $link = isset($attr['link']) && 'file' == $attr['link'] ? wp_get_attachment_link($id, large, false, false) : wp_get_attachment_link($id, $size, true, false);
        }
        else
        {
            $link = isset($attr['link']) && 'file' == $attr['link'] ? wp_get_attachment_link($id, $size, false, false) : wp_get_attachment_link($id, $size, true, false);
        }
        $output .= "<{$itemtag} class='gallery-item'>";
        $output .= "
            <{$icontag} class='gallery-icon'>
                $link
            </{$icontag}>";
        if ( $captiontag && trim($attachment->post_excerpt) ) {
            $output .= "
                <{$captiontag} class='wp-caption-text gallery-caption'>
                " . wptexturize($attachment->post_excerpt) . "
                </{$captiontag}>";
        }
        $output .= "</{$itemtag}>";
        if ( ( $columns > 1 && ++$i % $columns == 1) || $ccg == 1 )
            $output .= '<br style="clear: both" />';
        $ccg++;

    }

可以在http://ontrip.in/the-ca-cur-badi-forest-resort-gorumara/

找到演示库

您可能需要修改图库列号。您可以通过在图库插入框中交替图像顺序来选择封面图像。

Answer 2

我的朋友Victor Gonzáles开发了Aurum来管理比例，并且效果很好。你可以在这里得到它：https://github.com/aficiomaquinas/Aurum-CSS

然后，您可以按照相似的比例（w / h）对图像进行分组，公差为0.2。因此＆lt; 0.2是一组＆lt; 0.4另一个，＆lt; 0.6等然后有机会以1,2,3列/行产生它们。

如何显示类似于Tumblr照片的图像？

2 个答案: