Advanced Custom Fields,即ACF,对于定制wordpress后台用户交换具有很大优势。
【案例如图】:
![](https://box.kancloud.cn/24ec892a8c41490a54d5fb61ad0cc736_1589x565.png)
如果在指定的当前页,可以省略指定页面ID,显示代码为:
`<?php the_field('text'); ?>`
参考:
https://www.advancedcustomfields.com/resources/the_field/
显示在其他页面options page内容:
`<?php the_field('field_name', 'option'); ?>`
参考:
https://www.advancedcustomfields.com/add-ons/options-page/
案例代码参考:
https://www.advancedcustomfields.com/resources/code-examples/
【Tab功能】
【图片】
~~~
<?php $image = get_field('image1');
if( !empty($image) ): ?>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php endif; ?>
~~~
【相册】
~~~
<?php
$images = get_field('gallery');
if( $images ): ?>
<?php endif; ?>
<!-- $size (thumbnail, medium, large, full or custom size) -->
<?php foreach( $images as $image ): ?>
<div class="ps-product__image">
<img src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" />
</div>
<?php endforeach; ?>
~~~
参考:
https://www.advancedcustomfields.com/resources/gallery/
【增加post type页面】
主目录
https://www.advancedcustomfields.com/resources/acf_add_options_page/
子目录
https://www.advancedcustomfields.com/resources/acf_add_options_sub_page/
- WordPress平台的网站开发
- 电商主题开发
- WooCommerce主题开发优化部分
- 首页开发
- WooCommerce
- 判断用户是否登录
- WordPress Menu
- WooCommerce PayPal Checkout Gateway
- 页面和文章
- 调用产品和文章
- 判断属于哪个页面
- 相关文章
- 消除文章分享按钮集底部的文字
- wordpress主题模板和主题开发
- wordpress主题准备
- wordpress主题文件结构
- 豪源主题
- WooCommerce SEO
- 插件开发
- wordpress二次开发
- theme基本显示
- menu调用
- 分拆为header.php和footer.php
- 页面、文章样式选择显示
- 面包屑导航 Breadcrumb
- 特色图
- 阅读次数统计
- 分页功能
- Advanced Custom Fields
- Custom Post Type UI
- post type
- 小工具
- 小工具调用
- shortcode
- 文章循环输出
- 标题和文章限制字数输出显示
- WordPress主題theme1开发
- wordpress搭建多站点
- wordpress常用函數
- wordpress循环代码
- Woocommerce
- Woocommerce支持
- WordPress插件开发
- wordpress会员插件
- WordPress插件使用
- WordPress插件集
- WordPress的核心
- Wordpress原理
- Wordpress要点
- WordPress网站搬家
- WPML
- 服务器
- Cloud 9
- test
- 网站