Intereting Posts
API настроек: изменение позиции настраиваемого поля настройки Почему ответ AJAX 0! has_comments не подходит для зарегистрированных пользователей? Категории WordPress называются «архивами» в ссылках google. Как удалить? Как я могу искать все плагины для поставщика-разработчика / autoload.php? Передача переменной с страницы архива в шаблон по умолчанию С W3 Total Cache, когда я публикую сообщение, он не отображается на главной странице. Только если я очищаю весь кеш Как создать галерею изображений Metabox в wordpress wp_mail игнорирует имя в поле From Исключить post_type из admin comments_list Отдельная статья, разделенная на несколько страниц, заставляет Facebook Like button обнаруживать как полностью разделенные статьи Почему я не могу использовать значение формата «% s» в функции WordPress? Дублирование настраиваемого типа сообщения и его сообщений Разбивка страниц всегда 2 страницы .sub-menu или .children?

Как открыть сообщение в конкретном div

Я хочу создать меню на холсте и два столбца (левый столбец и правый столбец) на странице, а затем перечислить все сообщения в меню без холста. Теперь, когда я нажимаю сообщение в офшоре, он должен быть открыт в этих столбцах буксировки (заголовок в одном столбце и содержимое в другом столбце). Мне удастся создать меню без холста со всеми списками сообщений. но не знаю, как открыть сообщение (при нажатии) в этих столбцах, не обновляя страницу.

Вот мой полный код!

// This loop displays post on the page template <?php if ( have_posts() ): while ( have_posts() ) : the_post(); ?> <!--left Column--> <div id="main" class="left-half" style=" background-image: url(<?php echo intrigue_get_attachment(); ?>); width:50%; display: inline-block; float: right; position: fixed; "> <h2 style="diplay:inline-block"><a href="<?php echo esc_url( home_url( '/' ) );?>"><?php bloginfo( 'name' );?></a></h2> <input id="morearticlesbtn" class="button" type="button" onclick="openNav()" value="More Articles "> <div class="row"> <div class="post-meta col-md-6"> <p>July 18, 2017</p> By: <a href="#">James Crock </a> <a href="#"> Transport</a> </div> <div class="col-md-6"> <div class="line"></div> </div> </div> <div class="title-div"> <a href="<?php echo the_permalink() ?>"> <h1 class="title"><?php the_title() ?></h1></a> </div> <div class="row"> <div class="col-md-9" > <div class="line bottom-line"></div> </div> <div class="col-md-3 bottom-line-text"> <h4>Next</h4> </div> </div> </div> <!--Right Column--> <div id="right" class="right-half" style="width: 50%; display: inline-block; float:right;"> <div class=" content-div"> <?php the_content();?> </div> <div class="tags content-div clear-fix"> <h6>Tags:</h6> <?php echo get_the_tag_list();?> <!-- <a href="#"><h6>Promotional</h6></a><a href="#"><h6>Pop-Ups</h6></a>--> </div> </div> <?php endwhile; endif; ?> <!-- THE OFFCANVAS MENU --> <div id="mySidenav" class="sidenav menu"> <div class="hidden-menu-div"> <input class="button close-button" type="button" onclick="closeNav()" value="Hide List "> <div> <a href="#">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> <a href="#search">Search</a> </div> </div> <!--This is list of posts in the off-canvas menu--> <?php $temp = $wp_query; $wp_query= null; $wp_query = new WP_Query(); $wp_query->query('posts_per_page=6' . '&paged='.$paged); while ($wp_query->have_posts()) : $wp_query->the_post(); ?> <div class="col-sm-6 hiden-cat-post"> <a href="<?php echo the_permalink(); ?>" class="hidden-cat-item"> <div class="hidden-cat-thumbnail" ><?php the_post_thumbnail(array(340, 230))?> </div> <div class="hidden-cat-item-text"> <h1 class="hidden-cat-item-title"> <?php the_title(); ?> </h1> <div class="excerpt"></div> <div class="hidden-item-meta">jul 10,2017</div> </div> </a> </div> <?php endwhile; ?> <?php if ($paged > 1) { ?> <nav id="nav-posts"> <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> <div class="next"><?php previous_posts_link('Newer Posts &raquo;'); ?></div> </nav> <?php } else { ?> <nav id="nav-posts"> <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> </nav> <?php } ?> <?php wp_reset_postdata(); ?> </div> <!-- SCRIPT --> <script> function openNav() { document.getElementById("mySidenav").style.width = "50%"; document.getElementById("main").style.marginLeft = "50%"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; } </script>