Подгрузка постов кнопкой » Показать еще » Помогите реализовать Пожалуйста!!!

Решено

Делал подгрузку постов по статье статья подключил все скрипты и теперь проблема с внедрением кода на главную страницу вставляю в нужном мне месте  код.


<div id="loop">

<?php while(have_posts()) : the_post(); ?>

<div class="post">

***

<?php the_excerpt(); ?>

***

</div>

<?php endwhile; ?>

</div>

<div id="pagination"><?php next_posts_link(__('Показать еще')); ?></div>

</div>


я так понимаю вместо *** надо вставить код для вывода поста и как правильно подключить,? При нажатии на главной открываются ниже строки.

Подгрузка постов кнопкой


вот как выглядит код в целом index.php вставкой уже кнопки » Показать еще »

<?php

/**

* The main template file

*

* This is the most generic template file in a WordPress theme and one

* of the two required files for a theme (the other being style.css).

* It is used to display a page when nothing more specific matches a query,

* e.g., it puts together the home page when no home.php file exists.

*

* @link http://codex.wordpress.org/Template_Hierarchy

*

* @package WordPress

* @subpackage storyblog

* @since StoryBlog 1.0

*/
global $bpxl_story_options;
get_header(); ?>
<div class="main-wrapper clearfix">

<div class="main-content <?php bpxl_layout_class(); ?>">

<div class="content-area home-content-area">

<div id="content" class="content content-home">

<?php

if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }

elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }

else { $paged = 1; }
if($bpxl_story_options['bpxl_home_latest_posts'] == '1') {

$recent_cats = $bpxl_story_options['bpxl_home_latest_cat'];

$recent_cat = implode(",", $recent_cats);

$args = array(

'cat' => $recent_cat,

'paged' => $paged

);

} else {

$args = array(

'paged' => $paged

);

}
// The Query

query_posts( $args );
if (have_posts()) : while (have_posts()) : the_post();
/*

* Include the post format-specific template for the content. If you want to

* use this in a child theme, then include a file called called content-___.php

* (where ___ is the post format) and that will be used instead.

*/
get_template_part( 'template-parts/post-formats/content', get_post_format() );
endwhile;
else:

// If no content, include the "No posts found" template.

get_template_part( 'template-parts/post-formats/content', 'none' );
endif;

?>

</div>
<div id="loop">

<?php while(have_posts()) : the_post(); ?>

<div class="post">

***

<?php the_excerpt(); ?>

***

</div>

<?php endwhile; ?>

</div>

<div id="pagination"><?php next_posts_link(__('Показать еще')); ?></div>

</div>

</div><!--content-->

<!--<?php

// Previous/next page navigation.

bpxl_paging_nav();

?>-->

</div><!--content-area-->

</div><!--.main-content-->

<?php get_footer(); ?>


Помогите пожалуйста.

Добавить Комментарий
    Ответ

    Удалял ноль на массу, Я вот в этой статье не могу разобраться какой скрипт надо или что надо сделать с файлом admin-ajax.php так как он подключен в скрипте. есть  ошибка в файле loadmore.js?ver=4.3.1 Failed to load resource: the server responded with a status of 404 (Not Found)

    Это ошибка не в файле, эта ошибка говорит о том что подключаемый файл не  найден. Естественно ничего работать не будет.
    Вам нужно проверить правильность подключения и месторасположения файла loadmore.

    Вот как подключается файл:

     function true_loadmore_scripts() {
     wp_enqueue_script('jquery'); // скорее всего он уже будет подключен, это на всякий случай
     wp_enqueue_script( 'true_loadmore', get_stylesheet_directory_uri() . '/loadmore.js', array('jquery') );
     }
    add_action( 'wp_enqueue_scripts', 'true_loadmore_scripts' );
     

    сам файл loadmore.js должен находится в корне вашего шаблона(активного)

    в 02.12.2015.
    Добавить Комментарий

    Так разобрался, тема закрыта, спасибо сервису за решение данной проблемы.

    Добавить Комментарий

    Советую вам воспользоваться данным описание как реализовать подгрузку постов:
    http://truemisha.ru/blog/wordpress/ajax-pagination.html

    Данный способ содержит меньший код и более правильный. К тому же проверен временем.
    Если возникнут вопросы по реализации, готов ответить.

    Добавить Комментарий

    Тоже видел данную статью, но не начинал из-за того что первый шаг необходимо было найти два блока 

    <div id="nav-below"> 
    и
    <div id="nav-above">
     у них в примере допустим это loop.php в своем шаблоне я не могу найти данные блоки даже по их названию, и с чего начать чтоб реализовать по тому принципу данную кнопку для подгруздки постов я понятия не имею. по этому отложил этот способ, если Вы поможете мне с его реализацией буду Вам очень признателен.

    в вашем примере, вам нужно удалить:

     <div id="pagination"><?php next_posts_link(__('Показать еще')); ?></div>
     

    а в место этого вставить:
     <?php
     if (  $wp_query->max_num_pages > 1 ) : ?>
     <script>    
    var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
     var true_posts = '<?php echo serialize($wp_query->query_vars); ?>';
     var current_page = <?php echo (get_query_var('paged')) ? get_query_var('paged') : 1; ?>;
     var max_pages = '<?php echo $wp_query->max_num_pages; ?>';
     </script>
     <div id="true_loadmore">Загрузить ещё</div>
     <?php endif; ?>
     

    Это начало той статьи. Далее следуйте указания.
    Возникнут вопросы — пишите.

    в 01.12.2015.
    Добавить Комментарий

    Так допустим, второй метод тогда является подключением скрипта Jquery  functions.php вставляю.
    Третье что я сделал создал файл loadmore.js и залил его в папку с темой.
    А вот при четвертом пункте при изменении файла functions.php когда вставляю код в самом верху кнопка по прежнему бездействует.

    Добавить Комментарий

    Правильно ли у меня построен index.php уже с подключенной кнопкой » Загрузить еще » может что-то лишнее потому что кнопка не активна  по статье Статья

    <?php
    global $bpxl_story_options;
    get_header(); ?>
    <div class="main-wrapper clearfix">
     <div class="main-content <?php bpxl_layout_class(); ?>">
     <div class="content-area home-content-area">
     <div id="content" class="content content-home">
     <?php
     if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
     elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
     else { $paged = 1; }
     if($bpxl_story_options['bpxl_home_latest_posts'] == '1') {
     $recent_cats = $bpxl_story_options['bpxl_home_latest_cat'];
     $recent_cat = implode(",", $recent_cats);
     $args = array(
     'cat' => $recent_cat,
     'paged' => $paged
     );
     } else { 
     $args = array(
     'paged' => $paged
     );
     }
     // The Query
     query_posts( $args );
     if (have_posts()) : while (have_posts()) : the_post();
     /*
     * Include the post format-specific template for the content. If you want to
     * use this in a child theme, then include a file called called content-___.php
     * (where ___ is the post format) and that will be used instead.
     */
     get_template_part( 'template-parts/post-formats/content', get_post_format() );
     endwhile;
     else:
     // If no content, include the "No posts found" template.
     get_template_part( 'template-parts/post-formats/content', 'none' );
     endif;
     ?>
     </div>
     </div>
     </div><!--content-->
     <?php if ( $wp_query->max_num_pages > 1 ) : ?>
     <script>
     var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
     var true_posts = '<?php echo serialize($wp_query->query_vars); ?>';
     var current_page = <?php echo (get_query_var('paged')) ? get_query_var('paged') : 1; ?>;
     var max_pages = '<?php echo $wp_query->max_num_pages; ?>';
     </script>
     <div id="true_loadmore">Загрузить ещё</div>
    <?php endif; ?>
     </div><!--content-area-->
     <!--.main-content-->
    <?php get_footer(); ?>
    

    поясните зачем вы используете следующий код:

     if ( get_query_var('paged') ) {
     $paged = get_query_var('paged');
     }  elseif ( get_query_var('page') ) {
     $paged = get_query_var('page');
     }  else {
     $paged = 1;
     }
     if($bpxl_story_options['bpxl_home_latest_posts'] == '1') {
     $recent_cats = $bpxl_story_options['bpxl_home_latest_cat'];
     $recent_cat = implode(",", $recent_cats);
     $args = array(  'cat' => $recent_cat,  'paged' => $paged  );
     } else {  $args = array(  'paged' => $paged  );
     }  // The Query  
    query_posts( $args );
     

    в 02.12.2015.
    Добавить Комментарий

    Он идет в стандарте по шаблону, Я не чего не изменял только лиж вставил код кнопку
    Он лишний этот код который Вы показываете?

    Попробуйте удалить его и посмотреть на результат.

    Так же, после нажатия на кнопку подгрузки постов, нажмите F12 в браузере(откроется консоль) и посмотрите нет ли js ошибок.

    в 02.12.2015.
    Добавить Комментарий

    Да все вроде как заработало, но где в скрипте я могу посмотреть скрипт шаблона для вывода новости, потому что они сейчас в данный момент выводятся вот таким образом

    RE: Подгрузка постов кнопкой

    Добавить Комментарий

    http://nn.allsay.kz/category/events/
    login: demo
    password: a2375891
    Простите не работает( Тема Zerif Lite не могу ничего сделать! Никакой реакции!

    Ваш ответ

    Размещая свой ответ, вы соглашаетесь с правилами сайта.