模板库 2023年05月22日
0 收藏 0 点赞 1,178 浏览 3551 个字

gallery(使用画廊属性) 后台框架代码

if (class_exists('CSF')) {
    $prefix_post_opts = 'ceo_post_opts';
    CSF::createMetabox($prefix_post_opts, array(
        'title' => '产品信息设置',
        'post_type' => 'post',
        'data_type' => 'unserialize',
        'priority' => 'high',
    ));

    CSF::createSection($prefix_post_opts, array(
        'name' => 'post_layout_box',
        'title' => '布局设置',
        'icon' => 'iconfont icon-buju',
        'fields' => array(
            array(
                'id' => 'single_post_style',
                'type' => 'button_set',
                'title' => '文章样式',
                'options' => array(
                    'single-news' => '<i class="fas fa-newspaper"></i> 新闻',
                    'single-grid' => '<i class="fas fa-th"></i> 产品',
                ),
                'default' => 'single-news',
            ),
            array(
                'type' => 'notice',
                'style' => 'warning',
                'content' => '产品参数',
                'dependency' => array('single_post_style', '==', 'single-grid'),
            ),
            // array(
            //     'id' => 'anli_z',
            //     'type' => 'repeater',
            //     'title' => '产品相册',
            //     'fields' => array(
            //         array(
            //             'id' => 'title',
            //             'type' => 'upload',
            //             'title' => '上传图片',
            //         ),
            //     ),
            //     'dependency' => array('single_post_style', '==', 'single-grid'),
            // ),
			
			array(
			    'id' => 'anli_z',
			    'type' => 'gallery',
			    'title' => '产品相册',
			    'desc' => '一次性上传多张图片',
			    'dependency' => array('single_post_style', '==', 'single-grid'),
			)

			
        ),
    ));
}

调用方法:

例子1:根据官方给你出的代码:

<?php
$gallery_opt = get_post_meta(get_the_ID(), 'anli_z', true);
$gallery_ids = explode(',', $gallery_opt); // 将字符串分割成数组

if (!empty($gallery_ids)) {
    foreach ($gallery_ids as $gallery_item_id) {
        echo wp_get_attachment_image($gallery_item_id, 'full'); // 显示完整尺寸的图片
        // echo wp_get_attachment_url($gallery_item_id); // 获取图片的URL
        // echo wp_get_attachment_image_src($gallery_item_id, 'full'); // 获取图片的尺寸信息
        // var_dump(wp_get_attachment_metadata($gallery_item_id)); // 获取附件的元数据
    }
}
?>

例子2:请将这段代码插入到你的HTML代码中,确保在适当的位置插入此代码。这段代码将遍历每个图库项,并输出对应的HTML格式,其中包含一个链接(<a>标签)和图像(<img>标签),链接的目标为图片的地址。

<?php
$gallery_opt = get_post_meta(get_the_ID(), 'anli_z', true);
$gallery_ids = explode(',', $gallery_opt); 

if (!empty($gallery_ids)) {
    foreach ($gallery_ids as $gallery_item_id) {
        $image_url = wp_get_attachment_url($gallery_item_id);
        echo '<a href="' . $image_url . '" rel="external nofollow"  rel="external nofollow" >';
        echo '<img src="' . $image_url . '" />';
        echo '</a>';
    }
}
?>

例子3:如果用做产品详情页,调用 我们还有产品特色图+产品相册,那我们需要一起输出。再做个判断,如果没有添加产品图库,只有特色图,那么我们只显示特色图。废话不说直接上代码

<?php
						$anli_z = get_post_meta(get_the_ID(), 'anli_z', true);

						if (empty($anli_z)) {
							echo '<div class="sp-loading2"><br>';
							echo '<img id="product_detail_img" src="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" />';
							echo '</div>';
						} else {
							echo '<div class="sp-wrap">';
							echo '<a href="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" rel="external nofollow"  rel="external nofollow" >';
							echo '<img id="product_detail_img" src="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" />';
							echo '</a>';

							$gallery_opt = get_post_meta(get_the_ID(), 'anli_z', true);
							$gallery_ids = explode(',', $gallery_opt); 
							
							if (!empty($gallery_ids)) {
							    foreach ($gallery_ids as $gallery_item_id) {
							        $image_url = wp_get_attachment_url($gallery_item_id);
							        echo '<a href="' . $image_url . '" rel="external nofollow"  rel="external nofollow" >';
							        echo '<img src="' . $image_url . '" />';
							        echo '</a>';
							    }
							}

							echo '</div>';
						}
						?>

关闭gallery(画廊属性)采用:upload 统一的功能。

						<?php
						$anli_z = get_post_meta(get_the_ID(), 'anli_z', true);

						if (empty($anli_z)) {
							echo '<div class="sp-loading2"><br>';
							echo '<img id="product_detail_img" src="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" />';
							echo '</div>';
						} else {
							echo '<div class="sp-wrap">';
							echo '<a href="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" rel="external nofollow"  rel="external nofollow" >';
							echo '<img id="product_detail_img" src="' . get_template_directory_uri() . '/timthumb.php?src=' . post_thumbnail_src() . '&h=500&w=500&zc=1" />';
							echo '</a>';

							foreach ($anli_z as $k => $v) {
								$number = $k + 1;
								echo '<a href="' . $v['title'] . '" rel="external nofollow" >';
								echo '<img src="' . $v['title'] . '" />';
								echo '</a>';
							}

							echo '</div>';
						}
						?>

 

这里我从项目里面直接摘录出来,用在别的主题,还需要自己修改。
仿站定制,请联系我们。

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/mubanku/2387.html

相关推荐
WordPress 网站优化神器 Perfmatters 使用指南
Perfmatters 是一款非常小巧但功能强大的 WordPress 网站优化插件。笔者认为它应该成为 WordPress 网站必装插件之…
日期:2023-11-22 点赞:0 阅读:201
使用Codestar Framework框架创建的图片相册调用及设置相关记录
gallery(使用画廊属性) 后台框架代码 if (class_exists('CSF')) { $prefix_post_opts = …
日期:2023-05-22 点赞:0 阅读:1,178
外贸商城衣服鞋子响应式wp跨境电商wordpress网站主题模板源码
演示站:https://demos.coderplace.com/woo/WCM02/WCM02032/
日期:2023-05-16 点赞:0 阅读:738
WooCommerce 教程:在购物车中只允许一个产品
此代码段可用于许多应用程序。例如,您的商店只允许一次购买一个产品,或最多一个订阅。这是修复。 WooCommerce:只允许在购物车中的 1…
日期:2023-05-02 点赞:1 阅读:924
CSF::createSection($prefix, array( 'parent' => 'too_optimization', …
日期:2023-03-31 点赞:0 阅读:990
4774   // WordPress禁用自动保存 define('AUTOSAVE_INTERVAL', false); // …
日期:2023-03-31 点赞:0 阅读:758
发表评论
暂无评论

还没有评论呢,快来抢沙发~