Jump to content
  • 0

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


kattiperk
 Share

Question

Здравствуйте. Меня преследует проблема с добавлением слайдера в шаблон статьи. 

Сам слайдер устраивает - взяла плагин Owl Slider. Вставляется методом шорт-кода в шаблон index'a, например. Или методом нажатия на кнопку на панели инструментов при написании поста - в single.php в часть the_content. Но проблема вот в чем - макет немного нестандартный. Выглядит так - слайдер(часть the_content) => заголовок, дата, автор => основной текст (часть the_content). То есть как бы макет именно записи блога, тот участок the_content прерывается. Пока не вижу другого способа как вставить слайдер в шаблон. Статьи хранятся в базе, поправить название слайдера для каждой новой статьи нельзя, статей будет много, слайдеров тоже много и разных.

Код ниже

<?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>текст статьи                            <?php the_content(); ?>                        </div>                    </div>                </div>                <?php endwhile; ?>                <?php else : ?>                <?php endif; ?>
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By its_a_me_mario
      При нажатии на кнопку отправления в форме независимо есть ли текст в форме или нет в любом случае редиректит на главную страницу. Ни письма на почте, ни возникающих ошибок в форме нет.
      json rest api включен
      откатывал contact form 7 до более ранних версий
      smpt плагин настроен
      все остальные плагины поочерёдно отключал
      ни что не помогает
      если отправлять письма с чистого php соответствующей функцией, то письма доходят до почты
      в консоли ошибок нет
      Заранее спасибо, мучаюсь два дня
    • By Alarr
      При стандартных Вордпрессовских комментариях, когда оставляешь коммент и кликаешь на сабмит - изменяется урла.
      Например:
      Было вот так - http: // testsite / uncategorized / test-post-1 /
      А становится вот так - http: // testsite / uncategorized / test-post-1 / # comment-1428
      Или даже вот так: http: // testsite / uncategorized / test-post-1 /? Unapproved = 1246588 & moderation-hash = 40271ae6cdb307b9243b08107da795ae # comment-1246588
      Подскажите пожалуйста, что нужно сделать, чтобы урла текущей страницы никогда не менялась при комментировании.
      Там есть какое-то простое решение, или нужно аяксом это дело решать?
      Спасибо.
    • By Алеся
      Ребята, без вас никуда!
      Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide.
      Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства?
       
      На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints
       
      Вот типа того что-то пробую...
      https://jsfiddle.net/aqmuyhwd/
       
              
       
    • By Алеся
      Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды:
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает:         Заранее спасибо!!
      <div class="foo_columns">       <div class="splid">         <div class="splid__track">           <ul class="splid__list">           <li class="splid__slid">         @@include('./partials/footer/_footer.html', {           "caption": "Знакомства", "downPicturePath": "img/foo1.png", "text": "Отношения актеров в кино и реальной жизни"         })       </li>       <li class="splid__slid">         @@include('./partials/footer/_footer.html', {           "caption": "Знакомства", "downPicturePath": "img/foo2.png", "text": "Отношения актеров в кино и реальной жизни"         })       </li>       <li class="splid__slid">         @@include('./partials/footer/_footer.html', {           "caption": "Знакомства", "downPicturePath": "img/foo3.png", "text": "Отношения актеров в кино и реальной жизни"         })       </li>       <li class="splid__slid">         @@include('./partials/footer/_footer.html', {           "caption": "Приколы", "downPicturePath": "img/foo4.png", "text": "Отношения актеров в кино и реальной жизни"         })       </li>       <li class="splid__slid">         @@include('./partials/footer/_footer.html', {           "caption": "Авто", "downPicturePath": "img/foo5.png", "text": "Отношения актеров в кино и реальной жизни"         })       </li>     </ul>   </div> </div>       <div class="foo__line"></div>        <script>         new Splid( '.splid', {           type   : 'loop',           perPage: 1,           speed: 2000,           autoplay: true,           interval: '3000',           arrows: true,         } ).mount();       </script>     </div>  
    • By Sam_Wins
      Доброго времени суток!
      ✔️ Предлагаю профессиональную разработку сайтов от 3 т.р.!

      ● Landing page (лендинг пейдж).

      ● Сайт визитка, сайт компании, многостраничник, блог.

      ● Сайт под ключ с настройкой рекламы.

      ● Интернет-магазин (каталог, витрина с корзиной).

      ————————————————————————————
      ✔️ Мои услуги:
      Создание сайта под ключ или правки вашего существующего сайта. В работе использую как сайты без движка на чистом HTML/CSS так и WordPress.

      - Адаптивность под мобильные и планшеты, при этом все оптимизировано и следует правилам семантики.

      - Оптимизация скорости загрузки сайта

      - Установка и настройка Яндекс Метрики, Google Analytics, Facebook Pixel и др.

      - Форма обратной связи для отправки заявки вам на почту или Telegram

      - Онлайн чат и обратный звонок

      - Опросы на сайте (квиз, quiz)

      - Доменное имя на ваш выбор, привязка к хостингу;

      - Медиа-галлереи, карусель

      - Верстка по готовому шаблону из Figma, PSD, Adobe X D, Avocode, Zeplin активно применяя HTML5 и CSS3.

      - Настройка рекламы Яндекс Директ, РСЯ, КМС Google, Google Ads, Таргет Вконтакте, Facebook, Instagram, myTarget

      - Натяжка на CMS WordPress используя плагины ACF, WooCommerce, Contact Form 7, Polylang, Elementor и т.д.

      - Разработка калькуляторов, Анимации, регистрация, авторизация, восстановление, е-маил, слайдеры, модальные окна, табы, аккордеоны, галерея, фильтры, пагинация и т.д.

      ✔️ Преимущества:
      Консультирую по любым вопросам до и после разработки сайта! Возможна поддержка сайта.
      Домен в подарок!
      Система скидок!

      ————————————————————————————

      Telegram: Sam_Wins

      Skype: sam-wins

      E-mail: akawins@yandex.ru
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy