Как настроить пользовательские типы записей и поля ACF в Timber

Если у вас есть {{ Image(post.meta('hero_image')).src }} в вашем файле Twig, Twig будет искать переменную post. В вашем случае вы определяете переменную сообщения, когда просматриваете свои сообщения, чтобы отображать их в виде карточек.

{% for post in posts %}
    {% include "blogpost-card.twig" %}
{% endfor %}

Однако вы, вероятно, не определили настраиваемое поле под названием hero_image для своих сообщений, а на странице, где вы их показываете. Таким образом, когда вы определяете свой контекст и добавляете отображаемый в данный момент пост в page в контексте, то позже вам нужно будет получить к нему доступ также через page, а не через post.

$context = Timber::get_context();
$context['page'] = new Timber\Post();

<div
     class="image image-overlay"
     style="background-image:url({{ Image(page.meta('hero_image')).src }})"
></div>

Что касается переменных ACF, вы просто добавляете их в свой functions.php, и вы должны его раскачивать - кто-нибудь поправит меня, если я ошибаюсь.

  class StarterSite extends Timber\Site {
        /** Add timber support. */
        public function __construct() {
            //maybe you already have this part in your functions file
            add_action( 'after_setup_theme', array( $this, 'theme_supports' ) );
            add_filter( 'timber_context', array( $this, 'add_to_context' ) );
            add_filter( 'get_twig', array( $this, 'add_to_twig' ) );
            add_action( 'init', array( $this, 'register_post_types' ) );
            add_action( 'init', array( $this, 'register_taxonomies' ) );
            parent::__construct();
        }

        public function add_to_context( $context ) {
            //left side: define how the variable is named to grab them in the TWIG files
            //right side: grabing the ACF variable-name
            $context['site'] = $this;
            $context['menu'] = new Timber\Menu("Main Menu");
            $context['something'] = new Timber\Menu("something_acf_name");
            $context['foo'] = new Timber\Menu("bar");
            $context['my_custom_button_name'] = new Timber\Menu("acf_custom_button_name");
            // Posts with the category name "featured" for the slideshow

            //
            return $context;
        }
    }

Итак, предположим, что мы находимся в файле index.twig (или в любом другом, если вы определили его в файле functions.php), вы можете просто получить свою переменную следующим образом:

<div>
{{ foo }}
</div>

Надеюсь, это то, что вы искали. Вы также можете просто назначить переменные, например, в файле index.php, тогда они не будут доступны глобально (на каждой странице). Это может быть хорошо, чтобы держать ваш беспорядок под контролем. На самом деле зависит от того, что вы строите.