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

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

05.10.2019, 16:09. Показов 4365. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru