Вывод информации из полей ACF в шорткоде WordPress

0
98

Рассмотрим как вывести информацию из полей ACF (Advanced Custom Fields) через шорткод WordPress в любом месте сайта. Выведем поле типа «Repeater». Например, у нас есть задача — вывести иконки платежных систем в редакторе WordPress внутри текста страницы. Для этого в файл functions.php вышей темы вставим код:

function payCards() {
// Поле pay_cards типа "Repeater" в плагине ACF
$cards = get_field('pay_cards','option');
$html = '';
$html .= '<div class="pay-cards">';
foreach ($cards as $card) {
$html .= '<div class="pay-card">';
$html .= '<img src="'.$card['icon'].'">';
$html .= '</div>';
}
$html .= '</div>';
return htmlspecialchars_decode($html);
}

add_shortcode( 'cards', 'payCards' );

Добавим немного стилей css

.pay-cards {
display: flex;
justify-content: space-between;
gap: 15px;
margin: 15px 0;
}
.pay-cards .pay-card img {
width: 100%;
}

В итоге после вставки шорткода [cards] в любом месте сайта

получаем примерный вид:

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь