Добавить слайдер вне шаблона статьи на WP

[kattiperk]

Здравствуйте. Возник вопрос - как добавить слайдер вне шаблона статьи на WP? Или как допилить шаблон, чтобы шел слайдер на всю ширину, потом заголовки, дата и соц. сети, а потом уже контент статьи.

Шаблон простой самописный, что будет меняться - так это статьи, их контент и фото.

http://joxi.ru/L21jZw0S6zXjkA

На скриншоте можно видеть расплющеные фото - это место слайдера, он на всю ширину должен быть.

Сам текст начинается ниже - это и есть начало шаблона статьи, пункт 5. Пункт 4 - это я попробовала добавить слайдер.

Остальное, кроме пункта 2 - навигация, заголовки, дата - всё попадает автоматически в шаблон.

 

Кусок шаблона статьи

<div class="content-wrapper common-content-wrapper">            <!-- ABOUT US BLOCK START -->            <div class="content-inner-block-wrapper">                <div class="content-inner-block">                    <h3 class="inner-page-heading">Блог</h3>                    <!-- BREADCRUMBS START -->                    <div class="breadcrumbs-wrapper clearfix">                        <ul class="breadcrumbs-list">                            <?php the_breadcrumb(); ?>                        </ul>                        <div class="inner-page-navigation-wrapper">                            <a href="http://wingchung.com.ua/blog/" class="btn navigation-button">вернуться</a>                        </div>                    </div>                    <!-- BREADCRUMBS END -->                </div>                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>                <div class="content-photo-banner-wrapper">                    <!-- тут стоят те расплющеные картинки, именно это место слайдера -->                    <div class="photo-banner-block">                        <div class="photo-banner">                            <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="/wp-content/themes/wingchung-theme/img/media/blog/blog-banner-image-2.jpg" alt="" class="photo-banner-image">                        </div>                        <div class="photo-banner">                            <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="/wp-content/themes/wingchung-theme/img/media/blog/blog-banner-image-1.jpg" alt="" class="photo-banner-image">                        </div>                        <div class="photo-banner">                            <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="/wp-content/themes/wingchung-theme/img/media/blog/blog-banner-image-3.jpg" alt="" class="photo-banner-image">                        </div>                    </div>                </div>                <div class="content-inner-block">                    <div class="article-wrapper">                        <div class="article-data-block-wrapper scrollflow -slide-right -opacity">                            <div class="article-data">                                <span class="date">Дата</span>                                <span class="date-counter"><?php the_date('j F Y'); ?></span>                            </div>                            <div class="share-block">                                <span class="share-text">Поделиться:</span>                                <div class="social-networks clearfix">                                    <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>                                    <div class="ya-share2" data-services="facebook,vkontakte" data-bare></div>                                </div>                            </div>                        </div>                        <div class="article-content-wrapper">                        <h3 class="article-heading"><?php the_title(); ?></h3>                                    <div class="article-author">                                        Текст                                        <span class="author-wrapper"><?php the_author(); ?></span>                                    </div>                            <!-- а вот начало статьи, он же пункт 5, сюда и вставился тот слайдер -->                            <?php the_content(); ?>                            </div>                    </div>                </div>                <?php endwhile; ?>                <?php else : ?>                <?php endif; ?>            </div>        </div>

[Xenia Wanger]

А в чем у вас сложность-то в итоге? Создаете блок для слайдера шириной 100% и вот оно счастье.

[kattiperk]

Добавить слайдер в статью - это вставить его уже в контент статьи - http://joxi.ru/KAgMOn8Cg5Xz8m

А макет такой: 1-слайдер, 2-дата, авторы, соц.сети, 3-контент статьи, он же шаблон.

Edited January 27, 2016 by kattiperk

[Xenia Wanger]

<?php 

    echo do_shortcode("сюда_свой_шорткод"); 

?>

Такой конструкцией пользовались? До вывода статей пропишите это в шаблоне

[kattiperk]

Поняла, да. Шорткод знаю что это.

Но всё равно не то, что мне надо. Скорее всего.

[hedgehog]

Контент слайдера относится непосредственно к статье? Если да, то можно добавить что-то вроде:

 

• Дополнительное текстовое (напр. WYSIWYG) поле для контента слайдов, или там шорткода
• Дополнительные поля для добавления слайдов в статью (а-ля ACF repeater)
• Если слайды идут отдельным типом постов, то посредством плагинов Advanced Custom Fields или Posts 2 Posts выбирать их при редактировании страницы (т.е. что-то вроде relationship - статья хранит только ссылки на посты-слайдеры, привязанные к статье)
   

Если нет, то это может быть просто блок, выводящий все/последние/рандомные слайды из соответствующего типа контента, ну или виджет.

 

PS: Выше я видел шорткод, который выводит слайды по категории. Почему бы просто не добавить поле со списком категорий? Пользователь просто выбирает категорию слайдов - и слайды из этой категории уже выводятся тем плагином, который используется. Если вопрос в том, как получить данные поля статьи ВНЕ цикла, то get_queried_object_id() - то, что нужно. Главное, если используются дополнительные циклы - чтобы они сбрасывались корректно...