Отображать текстовое содержимое CPT во всплывающем окне Elementor
Я работаю над макетом Elementor, который будет использоваться в качестве шаблона для пользовательского типа сообщений, в котором будут храниться все проекты дизайнера. Поскольку для каждого проекта имеется много текста, я думаю создать всплывающее окно вне холста, которое будет отображать текст текущего отображаемого проекта. Основная проблема заключается в том, что Elementor не дает мне возможности выбирать виджет содержимого публикации при создании нового всплывающего окна. Я не уверен, возможно ли это.
Есть ли способ получить текущий контент сообщения с помощью перехватчика или фильтра и отобразить его с помощью короткого кода или другого метода?
Ответы 1
Шаг 1. Создайте собственный шорткод
Добавьте следующий код в файл functions.php вашей темы или в собственный плагин, чтобы создать шорткод, извлекающий содержимое публикации:
function my_custom_post_content_shortcode() {
global $post;
return apply_filters('the_content', $post->post_content);
}
add_shortcode('custom_post_content', 'my_custom_post_content_shortcode');
Шаг 2. Вставьте шорткод во всплывающее окно Elementor.
- Создайте всплывающее окно: перейдите к
Templates > Popupsв WordPress и создайте новое всплывающее окно с помощью Elementor. - Использование виджета «Текстовый редактор». Перетащите виджет «Текстовый редактор» во всплывающее окно и вставьте шорткод
[custom_post_content].
Шаг 3: Запустите всплывающее окно
Редактировать шаблон CPT: откройте шаблон для редактирования в Elementor.
Добавить кнопку/ссылку. Разместите кнопку или элемент ссылки на странице.
Настроить действие: в настройках ссылки установите действие для открытия всплывающего окна («Динамические теги» > «Действия» > «Всплывающее окно»).
Я заметил, что мне не нужно использовать apply_filters('the_content', $post->post_content);, я могу просто вызвать $post->post_content; и шорткод будет работать корректно без ошибки 503
Не знаю почему, но я начну получать ошибку 503 после того, как вставлю короткий код в свое всплывающее окно, и не смогу загрузить elementor для изменения всплывающего окна. Я прокомментировал код, и Elementor снова начал работать. Есть идеи, почему?