头图

WordPress 添加相册功能【Advanced Custom Fields PRO自定义字段插件系列教程】

如何使用Advanced Custom Fields WordPress(自定义字段插件)快添加相册管理功能呢?今天给大家实例讲解一下,在企业网站开发中添加相册展示的功能。当然可以举一反三,例如:产品图片详情,会员相册等

自己开发好处是什么?

易于管理,扩展性强。不依赖复杂的插件,acf一个插件全部搞定。

如果你是新手建议从安装acf学起:WordPress网站添加广告位功能【Advanced Custom Fields自定义字段插件系列教程】

准备工作

建议使用Advanced Custom Fields PRO版本,WordPress后台上传插件安装启用即可。
https://www.bilibili.com/vide...

1.添加自定义字段

(点击图片放大对照设置)

2.调用字段

以下代码添加到主题根目录下的:single.php,你想展示的任何位置(通常在content或者container标签内插入)

<?php 
$images = get_field('photos');
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo esc_url($image['url']); ?>">
                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                </a>
                <p><?php echo esc_html($image['caption']); ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

3.图片调用说明

缩略图:

<?php echo esc_url($image['sizes']['thumbnail']); ?>

中等大小:

<?php echo esc_url($image['sizes']['medium']); ?>

大图片:

<?php echo esc_url($image['sizes']['large']); ?>

原尺寸图片:

<?php echo esc_url($image['sizes']['full']); ?>

4.相册标签说明

图片说明:

<?php echo esc_html($image['caption']); ?>

图片描述:

<?php echo esc_html($image['description']); ?>

图片alt信息:
注解:alt标签实际上是网站上图片的文字提示。在alt标签中加入关键词是很好的提升关键词排名的方法,但需要注意的是并不能提高关键词密度。

<?php echo esc_html($image['alt']); ?>

原文地址:https://wp-wu.com/wp/tutorial/865.html
作者:WordPress揭雾

1 声望
0 粉丝
0 条评论
推荐阅读
记录WordPress程序用WP Super Cache+Memcached加速
在静态内容和图片上,我们可以将图片静态分离出去,用到WPCOS、WPOSS等插件与第三方对象存储实现静态的分离。其次就是程序端,我们不要选择过分复杂主题和插件,尽量的精简。再者就是用WordPress缓存插件,这里我...

Alexers阅读 944

如何自定义 WordPress 分类法
如果您查看 WordPress 可视化编辑器的右侧,您会看到标签“类别”和“标签”。但是,如果您想拥有自己的自定义分类法,例如“艺术家”,该怎么办?

六翼开源阅读 344

什么是WordPress网站的密码泄露
自从互联网和网站登录表单问世以来,我们就被教导要使用安全、牢不可破的密码来保护我们的在线隐私。但作为 WordPress 网站所有者,它比以往任何时候都更加重要。

六翼开源阅读 328

封面图
2023年最受欢迎的WordPress SEO 插件——Rank Math
Rank Math 是一个非常适合初学者的 SEO 插件。它在插件中内置了许多有用的功能,例如 Google Schema Markup 的模板配置、Google Search Console Integration 和 Google Keyword Rankings。

六翼开源阅读 303

电商避坑法则:卡片窃取器被注入网站该怎么办?
电商网站经常会出现卡片窃取器被注入网站,还不容易被察觉,不但很容易盗取了网站内部的数据,还很容易泄露客户资料,给客户带来麻烦,那么电商网站建站、电商定制开发如何规避卡片窃取器注入?卡片窃取器早期迹...

六翼开源阅读 292

WordPress 建站教程:WordPress 漏洞报告 - 2023 年 1 月 25 日
WordPress 的系统使用越来越广发,很多的大型企业开始选择利用 WordPress 作为主技术支撑,但是也有很多人对 WordPress 系统安全不了解,下面我们由北京六翼信息技术有限公司的技术开发工程师为大家讲解 WordPres...

六翼开源阅读 284

封面图
WordPress Heartbeat API都有哪些功能?
WordPress Heartbeat API 提供了三个关键功能,使网站管理更加轻松便捷。这些功能是自动保存、内容锁定和实时仪表板通知。它们对于有多个用户同时登录和活动的社区或协作编辑的网站尤为重要。

六翼开源阅读 270

封面图
1 声望
0 粉丝
宣传栏