Форум программистов, компьютерный форум, киберфорум
WordPress
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.85/20: Рейтинг темы: голосов - 20, средняя оценка - 4.85
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30

Первый пост другого стиля CSS и циклы

05.10.2019, 16:09. Показов 4332. Ответов 26

Студворк — интернет-сервис помощи студентам
Приветствую всех. Надеюсь на вашу помощь, ибо не силен в PHP. Знаю, что для решения моей проблемы надо иметь дело с циклами, но не получается их подстроить под свой код. Мне надо, чтобы первый пост имел другой стиль, оставив уже имеющие классы и создав новые для первого поста. Стили задам сам, мне просто надо отделить первый пост и остальные. Спасибо

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<article id="post-<?php the_ID(); ?>" <?php post_class( array( 'card', 'archive' ) ); ?>>
    <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
    <div class="entry-meta">
        <div class="cat-links"><?php pixigo_post_categories(); ?></div>
        <div class="post-meta">
            <?php echo get_the_date('j.n'); ?>
        </div>
    </div>
    </div>
 
    <header class="entry-header">
        <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
    </header><!-- .entry-header -->
 
    <div class="excerpt">
        <?php do_excerpt(get_the_excerpt(), 20); ?>
    </div><!-- .excerpt -->
</article><!-- #post-<?php the_ID(); ?> -->
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.10.2019, 16:09
Ответы с готовыми решениями:

Циклы в Паскале (циклы с пост- и предусловием)
Требуется напиcать программу, которая запрашивает числа с клавиатуры до тех пор, пока сумма чисел не превысит 25 или введенное число не...

Циклы с пред и пост условием
В последовательности целых чисел , завершающейся отрицательным числом , найти порядковый номер минимального элемента . Помогите...

Программа на циклы с пост и предусловием
5.103. Дано натуральное число. Вывести на экран все его делители, меньшие, чем оно само, через запятую. 5.28. Вычислить значения функции...

26
 Аватар для wwowa
308 / 261 / 70
Регистрация: 01.12.2008
Сообщений: 1,031
05.10.2019, 18:37
Найдите сам цикл. Он почти везде одинаков всегда и добавьте счетчик.
PHP
1
2
3
4
5
6
7
8
9
10
11
if ( have_posts() ) {
$index = 0; 
while ( have_posts() ) {
        the_post(); 
    if(index == 0)  
{// первый пост        }
else{ // остальные посты    }
$index++;
        //
    } // end while
} // end if
А если вывод постов имеет общий контейнер(что тоже очень вероятно), то первый пост найдется css
CSS
1
first-child
Если нет - оберните цикл while в контейнер сами. И можно без пхп обойтись.
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
05.10.2019, 20:57  [ТС]
Добавлено через 1 минуту
PHP
1
`<article id="post-<?php the_ID(); ?>" <?php post_class( array( 'cardd', 'archive' ) ); ?>>`
А как у этого выделить first-child? Получается все посты у меня идут с article id= номер поста, а на саму карточку новости создается стиль card, куда я вписывал стили. Не получается грамотно выделить первый пост, если это возможно. HTML тот же.
0
 Аватар для wwowa
308 / 261 / 70
Регистрация: 01.12.2008
Сообщений: 1,031
05.10.2019, 21:17
Цитата Сообщение от Qusaze123 Посмотреть сообщение
<article id="post-<?php the_ID();
Это у вас и есть first-child....Ну и все остальные посты. Определите общий контейнер для постов, ну или найдите, если он есть. А уже в нем первый пост.
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
05.10.2019, 21:22  [ТС]
ну как пример, article.card и card для всех постов работают одинаково, но после написания article.card:first-child стили просто сбрасываются к стандартным.
0
 Аватар для wwowa
308 / 261 / 70
Регистрация: 01.12.2008
Сообщений: 1,031
05.10.2019, 21:25
Лучший ответ Сообщение было отмечено Qusaze123 как решение

Решение

Цитата Сообщение от Qusaze123 Посмотреть сообщение
<article id="post-<?php the_ID();
Это у вас и есть first-child....Ну и все остальные посты. Определите общий контейнер для постов, ну или найдите, если он есть. А уже в нем первый пост.
Ну как то так примерно. На "коленке с ходу" я могу писать с ошибками
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
if ( have_posts() ) {
<div id = "blog_post">
while ( have_posts() ) {
        the_post(); 
  
<article id="post-<?php the_ID(); ?>" <?php post_class( array( 'card', 'archive' ) ); ?>>
    <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
    <div class="entry-meta">
        <div class="cat-links"><?php pixigo_post_categories(); ?></div>
        <div class="post-meta">
            <?php echo get_the_date('j.n'); ?>
        </div>
    </div>
    </div>
 
    <header class="entry-header">
        <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
    </header><!-- .entry-header -->
 
    <div class="excerpt">
        <?php do_excerpt(get_the_excerpt(), 20); ?>
    </div><!-- .excerpt -->
</article><!-- #post-<?php the_ID(); ?> -->
 
    } // end while
</div>
} // end if
css
CSS
1
2
3
#blog_post:first-child{
//Стилизация
}
1
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
05.10.2019, 22:54
Для первого поста будет задан класс first...
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php $i = 0; ?>
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <?php $i++ ?>
 
        <article id="post-<?php the_ID(); ?>" class="card archive <?php if ($i == 1) echo 'first'; ?>">
            <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
            <div class="entry-meta">
                <div class="cat-links"><?php pixigo_post_categories(); ?></div>
                <div class="post-meta">
                    <?php echo get_the_date('j.n'); ?>
                </div>
            </div>
            </div>
         
            <header class="entry-header">
                <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
            </header><!-- .entry-header -->
         
            <div class="excerpt">
                <?php do_excerpt(get_the_excerpt(), 20); ?>
            </div><!-- .excerpt -->
        </article><!-- #post-<?php the_ID(); ?> -->
 
    <?php endwhile; ?>
<?php endif; ?>
CSS
1
2
3
.first{
    color:red
}
1
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 00:10  [ТС]
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php 
if ( have_posts() ) {
    <div id = "blog_post">
    while ( have_posts() ) {
        the_post();
                    
<article id="post-<?php the_ID(); ?>" <?php post_class( array( 'card', 'archive' ) ); ?>>
    <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
    <div class="entry-meta">
        <div class="cat-links"><?php pixigo_post_categories(); ?></div>
        <div class="post-meta">
            <?php echo get_the_date('j.n'); ?>
        </div>
    </div>
    </div>
 
    <header class="entry-post-header">
        <?php the_title( '<h2 class="entry-post-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
    </header><!-- .entry-header -->
 
    <div class="excerpt">
        <?php do_excerpt(get_the_excerpt(), 20); ?>
    </div><!-- .excerpt -->
</article><!-- #post-<?php the_ID(); ?> -->
</div>
 
        } // end while
} // end if
?>
Надеюсь, я вписываю правильно. Нашёл примеры на сайте WP, но все равно не работает. Не даёт сохранить.

Code
1
2
3
 Ваши изменения в коде PHP были отменены из за ошибки на строке 16 файла wp-content/themes/pixigo/template-parts/content-archive.php. Исправьте и попробуйте пересохранить.
 
syntax error, unexpected '<'
Видимо совсем я глупый))

Добавлено через 12 минут
Новая проблема) Попытался поменять код на тот, который написал Fedor92. Выдало:
Code
1
Что-то пошло не так. Внесённые изменения могли не сохраниться. Пожалуйста, попробуйте ещё раз. Также есть вероятность, что вам придётся вручную исправить и загрузить файл через FTP.
Зашёл в панель, поменял. Теперь ошибка 503) Грешить на хостинг?)
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 00:29
Цитата Сообщение от Qusaze123 Посмотреть сообщение
Грешить на хостинг?)
Что за хостинг? Вы часом блокировку сессий не схлопотали? )
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 00:31  [ТС]
HandyHost

Добавлено через 1 минуту
PHP
1
2
3
4
5
6
7
<?php $i = 0; ?>
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <?php $i++ ?>    
 
<?php endwhile; ?>
<?php endif; ?>
Удаляя эти строки сайт начинает нормально работать
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 00:48
Цитата Сообщение от Qusaze123 Посмотреть сообщение
Удаляя эти строки сайт начинает нормально работать
Любопытно, завтра гляну...
0
 Аватар для wwowa
308 / 261 / 70
Регистрация: 01.12.2008
Сообщений: 1,031
06.10.2019, 08:10
Цитата Сообщение от wwowa Посмотреть сообщение
<div id = "blog_post">
надо
PHP
1
echo '<div id = "blog_post">';
Добавлено через 6 минут
Цитата Сообщение от Qusaze123 Посмотреть сообщение
<?php post_class( array( 'card', 'archive' ) ); ?>>
и тут 2 >> в конце наверное лишние.
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 11:34  [ТС]
Вставляя код на сайт, он падает с ошибкой 503. Вот ответ техподдержки
Code
1
Здравствуйте, ошибка 503 означает, что сайт расходует все выделенные ресурсы. Попробуйте проверить выполняемое число запросов в Вашем скрипте, так же проверить не зацикливается ли он.
Сменю сегодня хостинг, посмотрим, что выйдет из этого.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 12:13
Лучший ответ Сообщение было отмечено Qusaze123 как решение

Решение

Qusaze123, в таких элементарных вопросах я не ошибаюсь... Развернул тестовый хост, с тестовой темой.

По поводу зацикливания ТП хостинга может и права, я же не знаю куда и что Вы вставляете... И главное как...)) У меня работает без проблем.

Это Ваш правленый код, который у Вас не работал:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php if ( have_posts() ) {?>
 
    <div id = "blog_post">
 
    <?php while ( have_posts() ) { the_post(); ?>
 
    <article id="post-<?php the_ID(); ?>" <?php post_class( array( 'card', 'archive' ) ); ?>>
        <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
            <div class="entry-meta">
                <div class="cat-links"><?php pixigo_post_categories(); ?></div>
                    <div class="post-meta">
                        <?php echo get_the_date('j.n'); ?>
                    </div>
            </div>
        </div>
 
        <header class="entry-post-header">
            <?php the_title( '<h2 class="entry-post-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
        </header><!-- .entry-header -->
 
        <div class="excerpt">
            <?php do_excerpt(get_the_excerpt(), 20); ?>
        </div><!-- .excerpt -->
 
     </article><!-- #post-<?php the_ID(); ?> -->
 
</div>
 
<?php
  } // end while
} // end if
?>
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 13:41  [ТС]
Вставляю в файл content-archive.php, который находится в папке template-parts. Тема подтягивает дизайн карточки новости оттуда, если я правильно понял. Хотя, есть в этой же папке content.php и в index.php прописан template-parts/content, но редактируя content-archive.php все работает отлично. Хм, может я что-то делаю не так или надо было редактироваться content.php изначально?

Там уже такой код.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<article id="post-<?php the_ID(); ?>" <?php post_class( 'card' ); ?>>
    <div class="link-cat"><?php the_category(' '); ?></div>
    <?php if ( 'post' === get_post_type() ) : ?>
    <?php endif; ?>
 
    <header class="entry-header">
        <?php
        if ( is_singular() ) :
            the_title( '<h1 class="entry-title">', '</h1>' );
        else :
            the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
        endif;
        ?>
        <div class="content-meta">
        <i class="fa fa-clock-o" aria-hidden="true"></i>
                <?php the_time('j F Y в H:i'); ?>
                
        </div>
    </header><!-- .entry-header -->
 
    <?php pixigo_post_thumbnail(); ?>
 
    <div class="entry-content">
        <?php
        the_content(
            sprintf(
                wp_kses(
                    /* translators: %s: Name of current post. Only visible to screen readers */
                    __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'pixigo' ),
                    array(
                        'span' => array(
                            'class' => array(),
                        ),
                    )
                ),
                get_the_title()
            )
        );
 
        wp_link_pages(
            array(
                'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'pixigo' ),
                'after'  => '</div>',
            )
        );
        ?>
    </div><!-- .entry-content -->
 
    <footer class="entry-footer">
 
        <?php if ( ! get_theme_mod( 'post_hide_tag_display', 0 ) ) : ?>
            <div class="tags-links"><?php the_tags( '#' ); ?></div>
        <?php endif; ?>
 
 
    </footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
Добавлено через 17 минут
точнее, как я понял, content.php формирует открытую новость, а content-archive - карточку новости
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 13:47
Qusaze123, без цикла это вариво будет выводить только один пост... У себя я редактирую файл category.php, который отвечает за вывод статей в категории... У Вас в теме возможна иная иерархия шаблонов, нужно смотреть индивидуально. Но зацикливания у Вас в коде я не вижу.
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 14:39  [ТС]
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
/**
 * The template for displaying all pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package pixigo
 */
 
get_header(); ?>
 
    <main id="primary" class="site-main">
 
        <?php
        while ( have_posts() ) :
            the_post();
 
            /*
             * Include the component stylesheet for the content.
             * This call runs only once on index and archive pages.
             * At some point, override functionality should be built in similar to the template part below.
             */
            wp_print_styles( array( 'pixigo-content' ) ); // Note: If this was already done it will be skipped.
 
            pixigo_yoast_breadcrumb();
 
            get_template_part( 'template-parts/content', 'page' );
 
        endwhile; // End of the loop.
        ?>
 
    </main><!-- #primary -->
 
<?php
get_sidebar();
get_footer();
Это Page.php

Добавлено через 1 минуту
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?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 https://codex.wordpress.org/Template_Hierarchy
 *
 * @package pixigo
 */
 
get_header(); ?>
 
    <main id="primary" class="site-main">
 
    <?php
 
    if ( have_posts() ) :
 
        /**
         * Include the component stylesheet for the content.
         * This call runs only once on index and archive pages.
         * At some point, override functionality should be built in similar to the template part below.
         */
        wp_print_styles( array( 'pixigo-content' ) ); // Note: If this was already done it will be skipped.
 
        /* Display the appropriate header when required. */
        pixigo_index_header();
 
        /* Start the Loop. */
        while ( have_posts() ) :
            the_post();
 
            /*
             * Include the Post-Type-specific template for the content.
             * If you want to override this in a child theme, then include a file
             * called content-___.php (where ___ is the Post Type name) and that will be used instead.
             */
            get_template_part( 'template-parts/content', get_post_type() );
 
        endwhile;
 
        if ( ! is_singular() ) :
            the_posts_pagination();
        endif;
 
    else :
 
        get_template_part( 'template-parts/content', 'none' );
 
    endif;
    ?>
 
    </main><!-- #primary -->
 
<?php
get_sidebar();
get_footer();
Index.PHP

Добавлено через 1 минуту
Используемая тема

Добавлено через 6 минут
Хочется просто разобраться, хоть и не сильно, видимо, шарю и сделать то, что задумано.

Добавлено через 9 минут
Изменил файл Home.php и добавил туда div id. Это оно?)
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<main id="primary" class="site-main">
 
    <?php
    if ( have_posts() ) :?>
        <div id = "blog_post">
        <?php wp_print_styles( array( 'pixigo-content' ) );
 
        /* Start the Loop */
        while ( have_posts() ) :
            the_post();
 
            get_template_part( 'template-parts/content', 'archive' );
 
        endwhile; ?>
               </div>
 
         <?php the_posts_pagination(
            array(
                'mid_size'  => 2,
            )
        );
 
    else :
 
        get_template_part( 'template-parts/content', 'none' );
 
    endif;
    ?>
 
    </main><!-- #primary -->
 
<?php
get_sidebar();
get_footer();
Добавлено через 23 минуты
Всё, всем спасибо. Из ситуации вышел по вашим советам. В файле home.php добавил div id.
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<main id="primary" class="site-main">
 
    <?php
    if ( have_posts() ) :?>
        
        <?php wp_print_styles( array( 'pixigo-content' ) ); ?>
        
        [B]<div id = "blog_post">[/B]
        <?php
        /* Start the Loop */
        while ( have_posts() ) :
            the_post();
 
            get_template_part( 'template-parts/content', 'archive' );
        endwhile; ?>
        [B]</div>[/B]
 
        <?php the_posts_pagination(
            array(
                'mid_size'  => 2,
            )
        );
 
    else :
 
        get_template_part( 'template-parts/content', 'none' );
 
    endif;
    ?>
 
    </main><!-- #primary -->
После стили на первый пост начали откликаться с таким CSS
Code
1
2
3
#blog_post > article.card:first-child {
        background: aqua;
}
Добавлено через 9 минут
Всем огромное спасибо!
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 15:05
Qusaze123, пошли топорным путём? Вот как оно на пыхе, если интересно... Я всё к чему виду... Был у меня клиент, который первый пост в статьях делал закреплённым, задача состояля в том, чтобы задать ему не только универсальные стили, но и сделать индивидуальный вывод, чтобы первая статья, всегда отличалась от последующих по наполнению.
0
0 / 0 / 0
Регистрация: 05.10.2019
Сообщений: 30
06.10.2019, 16:02  [ТС]
Ну да. А можно поинтересоваться, вы что сделали в этой теме для достижения такого же эффекта? Тот код, который вы писали и изменили его в content-archive?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.10.2019, 17:03
Лучший ответ Сообщение было отмечено Qusaze123 как решение

Решение

Цитата Сообщение от Qusaze123 Посмотреть сообщение
А можно поинтересоваться, вы что сделали в этой теме для достижения такого же эффекта?
Нужно! Учитесь кодить правильно!

home.php
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?php
/**
 * The template for displaying archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package pixigo
 */
 
get_header(); ?>
 
    <main id="primary" class="site-main">
 
    <?php
    if ( have_posts() ) :
 
        wp_print_styles( array( 'pixigo-content' ) );
 
            get_template_part( 'template-parts/content', 'archive' );
 
        the_posts_pagination(
            array(
                'mid_size'  => 2,
            )
        );
 
    else :
 
        get_template_part( 'template-parts/content', 'none' );
 
    endif;
    ?>
 
    </main><!-- #primary -->
 
<?php
get_sidebar();
get_footer();
content-archive.php
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?php
/**
 * Template part for displaying posts
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package pixigo
 */
 
?>
 
<?php $i = 0; ?>
    <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
            <?php $i++ ?>
 
<article id="post-<?php the_ID(); ?>" class="card archive <?php if ($i == 1) echo 'first'; ?>">
 
    <div class="entry-meta">
        <div class="cat-links"><?php pixigo_post_categories(); ?></div>
        <div class="post-meta">
            <?php pixigo_posted_on(); ?>
        </div>
    </div><!-- .entry-meta -->
 
    <?php pixigo_post_thumbnail(); ?>
 
    <header class="entry-header">
        <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
    </header><!-- .entry-header -->
 
    <div class="excerpt">
        <?php the_excerpt(); ?>
    </div><!-- .excerpt -->
 
</article><!-- #post-<?php the_ID(); ?> -->
    <?php endwhile; ?>
<?php endif; ?>
И для класса first задаёте стили естественно...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
06.10.2019, 17:03
Помогаю со студенческими работами здесь

Создание стиля css
вот такой вопрос нужно задать стиль заглавной веб страницы, что бы имел такой вид: Прямоугольник фиксированной ширины и высоты,...

Два CSS стиля
Всем доброго. Есть скрипт: &lt;style type=&quot;text/css&quot;&gt; body { font: 10pt Arial, Helvetica, sans-serif; /* Шрифт на веб-странице...

Изменение стиля css
на сайте имеется внедренный стиль css, как из него сделать внешний стиль и подключить его(сайт делается в Ms SharePoint 2007)

Использование CSS стиля
Не знаю как назвать тему, я пока не очень разобрался с html и css. Есть стили для навигационной панели: #navbar { font-family:...

Изменение стиля другого блока
Здравствуйте, я не могу изменить стиль блока через другой блок.&lt;a class='nulll'&gt;&lt;div class=&quot;three&quot;&gt;THREE&lt;/div&gt;&lt;/a&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru