Advanced Custom Fields

Плагин advanced custom fields pro

Привет! Данным постом, я стартую перевод официальной документации замечательно плагина Advanced Custom Fields.

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

В этом руководстве вы узнаете, как:

  • Установить плагин ACF
  • Создание новых полей
  • Создание содержимого поля
  • Показывать поля в теме оформления.

Основы

Пользовательские поля являются встроенной в ядро WordPress функцией и отображаются на страницах вашего сайта, однако собственный пользовательский интерфейс не очень удобен для пользователя. С помощью плагина ACF вы можете настроить, какие поля показывать и как они будут выглядеть. Например, для вашей домашней страницы может потребоваться «изображение автора». Вы можете использовать ACF, чтобы легко создать это поле изображения и показать его при редактировании домашней страницы!

Вот разница между собственными настраиваемыми полями и расширенными настраиваемыми полями.

[su_row][su_column size=»1/2″]Встроенные расширенные поля[/su_column] [su_column size=»1/2″]Advanced Custom Fields[/su_column] [/su_row]

Установка

Плагин Advanced Custom Fields не устанавливается предварительно с WordPress, поэтому вам нужно будет установить плагин, прежде чем использовать его удивительные функции! К счастью для вас, WordPress делает это очень простым процессом!

Если вы знакомы с WordPress, просто зайдите в административную панель своего сайта и выполните поиск / установку плагина Advanced Custom Fields.

Установка своими руками

Способ 1: Автоматически

    1. Войдите в панель администратора
    2. На панели администрирования щелкните по меню плагина
    3. В разделе «Плагины» нажмите «Добавить новое» подменю
    4. Поиск «Advanced Custom Fields»
    5. Нажмите кнопку «Установить сейчас» в плагине ACF (должен быть первым)

После установки вы найдете новый пункт меню «Пользовательские поля»

Способ 2: FTP

    1. Загрузите плагин Advanced Custom Fields
    2. Загрузите ‘Advanced Custom Fields’ в каталог ‘/ wp-content / plugins /’
    3. Активируйте плагин через меню «Плагины» в WordPress

После установки вы найдете новый пункт меню «Пользовательские поля»

Создание полей

Создание новых настраиваемых полей — очень простой процесс, и это можно сделать всего за несколько кликов в удобной административной панели плагина! Вы можете создать столько полей, сколько хотите, каждый со своим именем, типом и настройками. Каждое поле добавляется в группу, которая позволяет вам организовывать ваши поля и указывать экраны редактирования, где они появляются.

[su_row][su_column size=»1/3″]Группа полей[/su_column] [su_column size=»1/3″]Настройка групп полей[/su_column] [su_column size=»1/3″]Правила расположения полей[/su_column][/su_row]

Создание контента

С созданными вами полями пришло время начать редактирование вашего контента! Все наши поля очень интуитивно понятны для использования и отображения с помощью стиля WordPress. Вам не нужно запускать какое-либо событие для отображения или редактирования настраиваемых полей, они появятся и будут работать точно так же, как поля post_title и post_content WP! Просто введите свой контент и обновите запись!

Отображение полей

Любое значение поля может быть возвращено как переменная PHP или выводиться как HTML через магические функции get_field () и the_field (). Эти функции (наряду со многими другими) обеспечивают удобный для разработчиков способ настроить тему WordPress, не тратя часы на чтение наших документов!

Вот пример кода, чтобы увидеть, как работает наш интуитивно понятный API!

<h1><?php the_title(); ?></h1>

<?php if( get_field('sub_heading') ): ?>
    <h2><?php the_field('sub_heading'); ?></h2>
<?php endif; ?>

<div class="hero">
    <?php $image = get_field('hero_image'); ?>
    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
</div>

<?php if( have_rows('event') ): ?>
    <ul>
    <?php while( have_rows('event') ): the_row(); ?>
        <li>
            <a href="<?php the_sub_field('url'); ?>"><?php the_sub_field('title'); ?></a>
        </li>
    <?php endwhile; ?>
    </ul>
<?php endif; ?>

Я стараюсь переводить всю официальную документацию по плагину. Всю документацию можно найти тут – https://wpninja.ru/wordpress/plugins/acf/doc.

One comment

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *