сетка по умолчанию на тему WordPress

Question

У меня проблемы с опцией мульти-макета на тему WordPress http://sight.wpshower.com/

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

это часть php, я попытался просто поменять сетку слов на список, но хотя это работает до некоторой степени, если сделать это на странице loop.php, он удаляет функции a: hover в почтовых ящиках в сетке формат. также, если это сделано на index.php, он переключает кнопки на главной странице индекса.

есть идеи ??

loop.php

   <div id="loop" class="<?php if ($_COOKIE['mode'] == 'grid') echo 'grid'; else     echo 'list'; ?> clear"> 

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

        <div <?php post_class('post clear'); ?> id="post_<?php the_ID(); ?>">
        <?php if ( has_post_thumbnail() ) :?>
        <a href="<?php the_permalink() ?>" class="thumb"><?php the_post_thumbnail('thumbnail', array(
                    'alt'   => trim(strip_tags( $post->post_title )),
                    'title' => trim(strip_tags( $post->post_title )),
                )); ?></a>
        <?php endif; ?> 

        <div class="post-category"><?php the_category(' / '); ?></div>
        <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

     <!--   <div class="post-meta">by <span class="post-author"><a
                href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="Posts by <?php the_author(); ?>"><?php the_author(); ?></a></span>
                               on <span
                    class="post-date"><?php the_time(__('M j, Y')) ?></span> <em>&bull; </em><?php comments_popup_link(__('No Comments'), __('1 Comment'), __('% Comments'), '', __('Comments Closed')); ?> <?php edit_post_link( __( 'Edit entry'), '<em>&bull; </em>'); ?>  
        </div>  -->  

<?php edit_post_link( __( 'Edit entry'), '<em>&bull; </em>'); ?>

 <div class="post-content"><?php if (function_exists('smart_excerpt')) smart_excerpt(get_the_excerpt(), 55); ?></div>
    </div>

  <?php endwhile; ?>

   </div>

        <?php endif; ?>

index.php

<?php get_header(); ?>

<div class="content-title">
Projects
<a href="javascript: void(0);" id="mode"<?php if ($_COOKIE['mode'] == 'grid') echo ' class="flip"'; ?>></a>
</div> 

 <?php query_posts(array(
    'post__not_in' => $exl_posts,
    'paged' => $paged,
)
 ); ?>

 <?php get_template_part('loop'); ?>

<?php wp_reset_query(); ?>

<?php get_template_part('pagination'); ?>

 <?php get_footer(); ?>

Answer 1

Так что, к сожалению, я не могу прокомментировать мой предыдущий ответ. И да, я знаю, что эта тема действительно старая, но есть решение этой проблемы. Поскольку необходимо изменить несколько файлов, полный ответ можно найти здесь: http://alpipego.com/get-the-grid-view-by-default-sight-1-0-1-wpshower-theme-part-iii/

Answer 2

Я знаю, что это не самый новый вопрос.Но я думаю, больше людей будут искать ответ.Так что я попробую.Итак, я думаю, у нас есть несколько проблем:

1. Вы отключили функцию наведения, потому что вы поместили слишком много кода в скобки комментария.Я думаю, вы только хотели удалить автора ?!Это должно сделать это:

   <div class="post-meta"><!-- by <span class="post-author"><a
               href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="Posts by <?php the_author(); ?>"><?php the_author(); ?></a></span> -->
   

2. Изменить index.php , loop.php и archive.php .
3. Тогда вам также придется изменить файл 'js / script.js'.
4. Последний шаг - изменить файл 'images / mode.png'.

Вот как это выглядит:

index.php Строка 5:

<a href="javascript: void(0);" id="mode"<?php if ($_COOKIE['mode'] == 'list') echo ' class="flip"'; ?>></a>

loop.php Строка 3:

<div id="loop" class="<?php if ($_COOKIE['mode'] == 'list') echo 'list'; else echo 'grid'; ?> clear">

archive.php строка 22:

    <a href="javascript: void(0);" id="mode"<?php if ($_COOKIE['mode'] == 'list') echo ' class="flip"'; ?>></a>

script.js строки 45-63:

        /*** View mode ***/

    if ( $.cookie('mode') == 'grid' ) {
        grid_update();
    } else if ( $.cookie('mode') == 'list' ) {
        list_update();
    }

    $('#mode').toggle(
        function(){
            if ( $.cookie('mode') == 'list' ) {
                $.cookie('mode','grid');
                grid();
            } else {
                $.cookie('mode','list');
                list();
            }
        },
        function(){
            if ( $.cookie('mode') == 'grid') {
                $.cookie('mode','list');
                list();
            } else {
                $.cookie('mode','grid');
                grid();
            }
        }
    );

    function grid(){
        $('#mode').removeClass('flip');
        $('#loop')
            .fadeOut('fast', function(){
                grid_update();
                $(this).fadeIn('fast');
            })
        ;
    }

    function list(){
        $('#mode').addClass('flip');
        $('#loop')
            .fadeOut('fast', function(){
                list_update();
                $(this).fadeIn('fast');
            })
        ;
    }

    function grid_update(){
        $('#loop').addClass('grid').removeClass('list');
        $('#loop').find('.thumb img').attr({'width': '190', 'height': '190'});
        $('#loop').find('.post')
            .mouseenter(function(){
                $(this)
                    .css('background-color','#DADADA')
                    .find('.thumb').hide()
                    .css('z-index','-1');
            })
            .mouseleave(function(){
                $(this)
                    .css('background-color','#f5f5f5')
                    .find('.thumb').show()
                    .css('z-index','1');
            });
        $('#loop').find('.post').click(function(){
            location.href=$(this).find('h2 a').attr('href');
        });
        $.cookie('mode','grid');
    }

    function list_update(){
        $('#loop').addClass('list').removeClass('grid');
        $('#loop').find('.post').removeAttr('style').unbind('mouseenter').unbind('mouseleave');
        $('#loop').find('.thumb img').attr({'width': '290', 'height': '290'});
        $.cookie('mode', 'list');
    }

Наконец, вам придется повернуть mode.png 180 °

Работает для меня: Проверьте это на моем сайте: grid.alpipego .