Advanced Custom Fields (ACF)

Натяжка кастомных тем на WordPress с помощью Advanced Custom Fields (ACF) — это процесс создания и настройки пользовательских полей, которые позволяют гибко управлять контентом на сайте. ACF значительно упрощает создание сложных и кастомизированных тем, предоставляя возможность добавлять различные типы полей (текст, изображения, галереи, выборки и т.д.) в админку WordPress.

Вот пошаговое руководство, как это сделать:

1. Установка и активация плагина ACF

• Перейдите в админку WordPress.
• Перейдите в раздел Плагины → Добавить новый.
• Найдите плагин Advanced Custom Fields и установите его.
• Активируйте плагин.

2. Создание кастомных полей

• После активации плагина, в боковом меню появится пункт Custom Fields.
• Перейдите в Custom Fields → Add New, чтобы создать новую группу полей.
• Настройте группу:
• Group Title: Название группы (например, «Настройки главной страницы»).
• Location: Укажите, где эти поля будут отображаться (например, для страниц, записей или пользовательских типов записей).
• Fields: Добавьте нужные поля (текст, изображение, WYSIWYG, повторяемые поля и т.д.).
• Сохраните группу.

3. Интеграция полей в тему

Теперь, когда поля созданы, их нужно вывести в шаблоне темы.

• Откройте файл шаблона, в котором вы хотите использовать кастомные поля (например, page.php, single.php или front-page.php).
• Используйте функцию ACF для вывода данных. Например:

<?php
// Пример вывода текстового поля
$text_field = get_field('название_поля');
if ($text_field) {
    echo '<p>' . esc_html($text_field) . '</p>';
}

// Пример вывода изображения
$image = get_field('изображение');
if ($image) {
    echo '<img src="' . esc_url($image['url']) . '" alt="' . esc_attr($image['alt']) . '">';
}

// Пример вывода WYSIWYG поля
$content = get_field('текстовое_поле');
if ($content) {
    echo '<div>' . wp_kses_post($content) . '</div>';
}
?>

4. Создание кастомных шаблонов

Если вы хотите создать отдельные шаблоны для страниц или записей, используйте файлы шаблонов WordPress.

• Создайте новый файл в папке вашей темы, например, template-custom.php.
• Добавьте в начало файла комментарий, чтобы WordPress распознал его как шаблон:

<?php
/*
Template Name: Кастомный шаблон
*/
get_header(); ?>

<!-- Ваш HTML и PHP код -->

<?php get_footer(); ?>

• Теперь при создании страницы в админке WordPress вы сможете выбрать этот шаблон.

5. Оптимизация и расширение функционала

• Повторяемые поля: Используйте have_rows() и the_row() для работы с повторяемыми полями.
• Гибкие блоки: Используйте Flexible Content Field для создания сложных макетов.
• Опции страницы: Создайте страницу настроек темы с помощью ACF Options Page.

6. Пример использования ACF для главной страницы

Предположим, вы хотите создать гибкую главную страницу с разными секциями:

1. Создайте группу полей с типом Flexible Content.
2. Добавьте несколько шаблонов секций (например, «Герой», «О нас», «Услуги»).
3. В шаблоне front-page.php используйте:

<?php
if (have_rows('секции')) {
    while (have_rows('секции')) {
        the_row();
        if (get_row_layout() == 'герой') {
            // Вывод секции "Герой"
            echo '<section class="hero">' . get_sub_field('заголовок') . '</section>';
        } elseif (get_row_layout() == 'о_нас') {
            // Вывод секции "О нас"
            echo '<section class="about">' . get_sub_field('текст') . '</section>';
        }
    }
}
?>

7. Дополнительные советы

• Используйте ACF Extended для расширения функционала ACF.
• Кэшируйте запросы ACF, если у вас много данных.
• Следите за обновлениями плагина и темы, чтобы избежать конфликтов.

Таким образом, ACF позволяет создавать гибкие и мощные темы WordPress, которые легко настраиваются через админку.