Как добавить блок на главную страницу?

@Elena7777 · Регистрация: 03.10.2016

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста, мне нужно вставить еще один блок/колонку, над блоком товары. Чтобы высота этого блока растягивалась по величине текста, а ширина была как остальные блоки. Что нужно добавить в главном коде и в css?

Вот код главной страницы.

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<?php get_header(); ?>
 
<?php
if(get_option('ebuy_home') == "blog") { ?>  
<?php include (TEMPLATEPATH . '/lib/blog-home.php'); ?>
<?php } else { ?>
 
<div id="my-content">
    <main id="main">
        <div class="container">
            <div class="row">
                <div class="col-md-9 offset-md-1"                       
                    <?php include (TEMPLATEPATH . '/slider.php'); ?>
                    
         
 
                        <section id="goods">
                        <div class="section-title">
                            
                            <h2 class="h2">Товары</h2>
                        
                            <!-- /.h2 -->
                        </div>
                        <!-- /.section-title -->
                        <div class="goods">
                            <div class="row">   
                                
                            <?php
                            $temp = $wp_query;
                            $wp_query= null;
                            $wp_query = new WP_Query();
                            $wp_query->query('post_type=goods'.'&paged='.$paged);
                            ?>
                            <?php $count = 0; ?>
                            <?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>   
 
                                <div class="col-lg-4 col-sm-6 col-12">
                                    <div class="card <?php if (++$count % 3 == 0) { echo "lastbox"; } ?>" id="post-<?php the_ID(); ?>">
 
                                        <a href="<?php the_permalink() ?>"  rel="bookmark" title="Permanent Link to <?php the_title(); ?>" class="card-name">
                                            <h3 class="h3"><?php the_title(); ?></h3>
                                        </a>
 
                                        <div class="card-img">
                                            <?php
                                            if ( has_post_thumbnail() ) { ?>
                                                <a href="<?php the_permalink() ?>"><img src="<?php get_image_url(); ?>" alt="<?php the_title(); ?>" class="img-responsive"></a>
                                            <?php } else { ?>
                                                <a href="<?php the_permalink() ?>"><img src="<?php bloginfo('template_directory'); ?>/images/dummy.png" alt="<?php the_title(); ?>" class="img-responsive"></a>
                                            <?php } ?>
                                        </div>
                                        <div class="card-price">
                                            <div class="btn"><?php $cost=get_post_meta($post->ID, 'wtf_cost', true); echo $cost; ?></div>
                                            <a href="<?php the_permalink() ?>" class="btn btn-blue">Детали</a>
                                        </div>
                                    </div>
                                </div>
                            <?php if(++$counter % 3 == 0) : ?>
                            <?php endif; ?>
                            <?php endwhile; ?>
 
                            <?php getpagenavi(); ?>
                            <?php $wp_query = null; $wp_query = $temp;?>
                            </div>
                        </div>
                    </section>http://girlswomen.ru/wp-admin/theme-editor.php?file=sidebar.php&theme=Ebuy
                </div>
            </div>
        </div>
  </main>
</div>
 
<?php } ?>
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

@Mikhail Shell · 06.03.2018, 17:13

Сообщение от Elena7777

Что нужно добавить в главном коде и в css?

Неплохо было бы увидеть этот css

@Fedor92 · 06.03.2018, 17:44

Elena7777, битрих?

Знаю, что битрих...

Вставляйте включаемую область и верстайте, как Вам вздумается...

@Elena7777 · 06.03.2018, 20:30 **[ТС]**

Сообщение от Mikhail Shell

Неплохо было бы увидеть этот css

он там большой, надеюсь скопировала нужную часть?)

CSS
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
/* CONTENT AREA */
 
#content{
width:700px;
float:left;
}
 
.post{
    margin:30px 0px 20px 0px;
    color:#555;
    background:#fff;
    padding: 25px 25px 25px 25px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;  
}
 
.fullpost{
    margin:30px 10px 20px 10px;
    color:#555;
    background:#fff;
    padding: 0px 0px 25px 0px;
}
.postimg{
float:left;
margin:10px 15px 10px 0px;
}
 
 
.title{
    margin: 0px 0px;
    padding: 0px 0px;
font-family: 'BebasNeueRegular';    
}       
    
.title  h2 {
    margin: 0px 0px;
    padding: 10px 20px 10px 10px ;
    font-size: 32px ;
    font-weight:normal;
    color:#222;
 
    }
.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
    color:#222;
    background-color: transparent;
    }
    
.title  h2 a:hover  {
    color: #333;
    background-color: transparent;
    }
 
.postmeta{
    padding:5px 10px;
    font-size:10px;
    text-transform:uppercase;
    
}

Сообщение от Fedor92

Elena7777, битрих?

Знаю, что битрих...

Вставляйте включаемую область и верстайте, как Вам вздумается...

Нет, вордпресс, но там плагин шаблона) я не умею верстать, попробовала дублировать предыдущий блок, но не вышло.

@Fedor92 · 06.03.2018, 20:35

Сообщение от Elena7777

нет, вордпресс, но там плагин шаблона)

Хех, а верхняя часть битриксовский шаблон, потом вниз промотал заметил функции WP...

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

@Elena7777 · 06.03.2018, 20:52 **[ТС]**

Сообщение от Fedor92

Хех, а верхняя часть битриксовский шаблон, потом вниз промотал заметил функции WP...

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

Главную, там под новинками и перед блоком товары, нужно сделать блок описания сайта.

Кликните здесь для просмотра всего текста

girlswomen.ru

@Fedor92 · 06.03.2018, 20:57

Elena7777, попробуйте так:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<?php get_header(); ?>
 
<?php
if(get_option('ebuy_home') == "blog") { ?>  
<?php include (TEMPLATEPATH . '/lib/blog-home.php'); ?>
<?php } else { ?>
 
<div id="my-content">
    <main id="main">
        <div class="container">
            <div class="row">
                <div class="col-md-9 offset-md-1">                       
                    <?php include (TEMPLATEPATH . '/slider.php'); ?>
                    
                        <section>
                            Новый блок с описанием
                        </section>
 
                        <section id="goods">
                        <div class="section-title">
                            
                            <h2 class="h2">Товары</h2>
                        
                            <!-- /.h2 -->
                        </div>
                        <!-- /.section-title -->
                        <div class="goods">
                            <div class="row">   
                                
                            <?php
                            $temp = $wp_query;
                            $wp_query= null;
                            $wp_query = new WP_Query();
                            $wp_query->query('post_type=goods'.'&paged='.$paged);
                            ?>
                            <?php $count = 0; ?>
                            <?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>   
 
                                <div class="col-lg-4 col-sm-6 col-12">
                                    <div class="card <?php if (++$count % 3 == 0) { echo "lastbox"; } ?>" id="post-<?php the_ID(); ?>">
 
                                        <a href="<?php the_permalink() ?>"  rel="bookmark" title="Permanent Link to <?php the_title(); ?>" class="card-name">
                                            <h3 class="h3"><?php the_title(); ?></h3>
                                        </a>
 
                                        <div class="card-img">
                                            <?php
                                            if ( has_post_thumbnail() ) { ?>
                                                <a href="<?php the_permalink() ?>"><img src="<?php get_image_url(); ?>" alt="<?php the_title(); ?>" class="img-responsive"></a>
                                            <?php } else { ?>
                                                <a href="<?php the_permalink() ?>"><img src="<?php bloginfo('template_directory'); ?>/images/dummy.png" alt="<?php the_title(); ?>" class="img-responsive"></a>
                                            <?php } ?>
                                        </div>
                                        <div class="card-price">
                                            <div class="btn"><?php $cost=get_post_meta($post->ID, 'wtf_cost', true); echo $cost; ?></div>
                                            <a href="<?php the_permalink() ?>" class="btn btn-blue">Детали</a>
                                        </div>
                                    </div>
                                </div>
                            <?php if(++$counter % 3 == 0) : ?>
                            <?php endif; ?>
                            <?php endwhile; ?>
 
                            <?php getpagenavi(); ?>
                            <?php $wp_query = null; $wp_query = $temp;?>
                            </div>
                        </div>
                    </section>http://girlswomen.ru/wp-admin/theme-editor.php?file=sidebar.php&theme=Ebuy
                </div>
            </div>
        </div>
  </main>
</div>
 
<?php } ?>
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

На всякий случай уточню либо в index.php - либо в home.php(смотря как называется шаблон главной страницы)... Если стоит плагин кешировния, не забудьте его отключить - либо почистить кеш, после изменения файла...

@Elena7777 · 06.03.2018, 21:13 **[ТС]**

Сообщение от Fedor92

Elena7777, попробуйте так:

На всякий случай уточню либо в index.php - либо в home.php(смотря как называется шаблон главной страницы)... Если стоит плагин кешировния, не забудьте его отключить - либо почистить кеш, после изменения файла...

Там просто выходит текст на голом (розовом) фоне, а нужно чтобы в css как-то была обозначена белая ячейка.

@Fedor92 · 06.03.2018, 22:12

Сообщение от Elena7777

Там просто выходит текст на голом (розовом) фоне, а нужно чтобы в css как-то была обозначена белая ячейка.

Ну так стили для блока напишите то...

CSS
1
2
3
4
5
6
7
.description{
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 40px 25px;
  position: relative;
}

Для секции только класс description укажите

@Elena7777 · 06.03.2018, 23:08 **[ТС]**

Сообщение от Fedor92

Ну так стили для блока напишите то...

CSS
1
2
3
4
5
6
7
.description{
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 40px 25px;
  position: relative;
}

Для секции только класс description укажите

У меня ничего не вышло.
В индекс.пхп добавила

PHP
1
2
3
4
<section>
                <div class="description">
                            Новый блок с описанием
                        </section>

В css ваш код выше. Но все равно черный текст не в ячейке, а самой новой ячейки не появилось нигде.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.03.2018, 17:44
	Elena7777, битрих? Знаю, что битрих... Вставляйте включаемую область и верстайте, как Вам вздумается... 0