wordpress - 将 "details" View 添加到 NextGEN Gallery?

标签 wordpress photo-gallery

我正在为一位客户开发一个使用 WordPress 的网站,该客户想要在线展示她的产品,但不想通过网络销售它们。我使用 NextGEN Gallery 插件设置了一个简单的照片库。单击图库 View 中的缩略图后,我想为每张照片添加一个“详细信息”页面,而不是简单地将它们显示在灯箱或自己的页面中 - 有点像购物网站上的各个产品页面,但没有任何购物功能。是否可以使用 NextGEN gallery 或其他插件来做到这一点,或者我是否必须从头开始(以及我将如何做到这一点)?

最佳答案

由于 NextGen 实际上不会创建 WordPress“页面”来链接单个图像,因此您最好使用内置的 WordPress 画廊(您可能已经看到 [gallery] 短代码)。当您将图像上传到页面或帖子时,WordPress 会将该图像作为帖子与所有其他帖子和页面一起存储在 wp_posts 表中,post_type 为“附件”,并将其添加到“图库”中以供帖子或页面。您可以通过单击文本编辑器上方的“添加媒体”图标来管理任何页面或帖子的当前图库。虽然 [gallery] 短代码非常有限,但您可以在主题中使用代码来按您想要的方式显示图库和图像。

如果是我,我会制作一个“产品”页面和各个“产品”页面作为“产品”的子页面(或者如果您想要更大的灵活性,请对产品使用 custom post type ),然后上传所有将产品照片放入“产品”页面图库(为每个产品创建一个图库) - 并将主图像设置为“Featured Image” ' 对于每个产品页面。然后在您的“产品”页面模板 (page-products.php) 中,我将创建一个循环来显示所有单个产品页面的 featured images ..类似..

<?php
    //Add this to your 'Products' page temaplte, page-products.php
    $products = new WP_Query(array(
        'post_parent' => $post->ID,
        'posts_per_page' => -1
    ));
    while ($products->have_posts()) : $products->the_post() ; ?>
        <a href="<?php the_permalink() ?>" title="<?php the_title() ?>">
            <?php the_post_thumbnail() ?>
        </a>
    <?php endwhile;
?>

这将创建一个产品特色图像列表,您可以使用 CSS 来调整显示 - 每个特色图像将链接到单独的产品页面。

然后,在您的各个产品页面(您可以使用 page template 来定位所有页面),您可以使用 get_children() 显示各个产品图库(例如产品的细节照片)。或使用the_post_thumbnail()再次显示主照片的放大特写版本。当然,然后您可以使用单个产品页面的帖子内容来显示每张照片的信息文本,如下所示:

<?php
    /* Template Name: Individual Product */
    while (have_posts()) : the_post();
        the_post_thumbnail();
        the_content();
    endwhile;
?>

要更进一步,您可以使用 custom meta boxes 添加有关单个产品的各种其他数据。 ,并将它们显示在页面的侧面或其他东西上..例如“产品尺寸”,“颜色”,“Foo”,“Bar”..任何东西。希望有帮助!

关于wordpress - 将 "details" View 添加到 NextGEN Gallery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11181328/

相关文章:

javascript - 需要更改 wordpress 的字体选项

ios - 选择视频时可以更改 `UIImagePickerController`的标题吗?

css - 自定义 Css 照片库 Wordpress

iOS 照片扩展 finishContentEditing WithCompletionHandler : Unable to Save Changes

javascript - 嵌入式视频显示在照片库顶部

wordpress - the_content() 之前没有 <p> - WordPress

使用 GET 变量重写 WordPress URL

wordpress - 向 Woocommerce cookie 添加安全属性

php - 带有 wpdb 的 wordpress 图像 slider

java - 从相机拍摄照片在 Android 11 中不起作用