Как сделать шапку в данном шаблоне

@zorrro · Регистрация: 17.05.2015

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

Всем доброго времени суток,подскажите пожалуйста,как в данном шаблоне вставить правильно шапку? в самом шаблоне предусмотрен заголовок,но он только на главной странице,а мне надо на каждой и желательно хочу слайдер поставить https://wordpress.org/themes/luminescence-lite/.
Заранее спасибо.

@Pepeka · 23.05.2015, 00:58

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

как в данном шаблоне вставить правильно шапку?

Смотря какую - размер, местоположение.
На всю ширину сайта нужна шапка?

@zorrro · 23.05.2015, 00:59 **[ТС]**

Да на всю

@Pepeka · 23.05.2015, 13:20

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

Да на всю

Значит смотрите, в Style.css поставьте этот стиль для нового класса:

CSS
1
2
3
4
5
6
7
8
9
10
11
.toppest-head {
position:relative;
z-index:1001;
max-width:1200px;
min-height:200px;
margin:auto;
height:200px;
margin-bottom:10px;
font-size: 13px;
border:1px solid red;
}

а в файле header.php поставьте ПОСЛЕ этого кода:

HTML5
1
2
3
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

Блок с этим классом, чтобы стало вот так:

HTML5
1
2
3
4
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="toppest-head">Тут содержимое шапки сайта</div>

Ну вроде всё, если я правильно понял Ваш вопрос

Добавлено через 43 минуты
Ну а внутри уже там курочьте пространство под себя, в т.ч. и слайдер подставляйте. Высоту подгоняйте. Показатели ширины взяты такие же, как у остального центрального блока (от 200 до 1200 точек). Но тут надо учитывать, что сайт, похоже, оптимизирован под мобильные устройства, и блок меню с блоком контента заданы "плавающими" с помощью свойства "float", чтобы становиться друг под друга в случае маленького размера экрана. Как будете решать этот вопрос? )

@zorrro · 23.05.2015, 18:53 **[ТС]**

благодарю,буду разбираться.А еще хотел спросить-а перенести подвал сайта на шапку можно как нибудь?

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

Добавлено через 3 часа 44 минуты
Вот такой код вставил в css,скорей тут есть и лишнее,но в разных браузерах проверил и на мобиле норм шапка отображается

HTML5
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
header {
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
z-index:1001;
max-width:1200px;
min-height:100%;
margin:auto;
margin-bottom:0px;
font-size: 13px;
border:1px solid red;
}
 
 
header nav,
header div {
  display: table-cell;
  vertical-align: middle;
  height: 8em;
}
 
header nav {
  text-align: right;
  white-space: nowrap;
}
 
@media screen and (max-width: 720px){
    header {
        height: auto;
    }
    
    header > div,
    header > div h1,
    header nav {
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
}
 
header > div h1 {
    font-size: 3em;
    font-style: italic;
}
 
header nav a {
    padding: 0 0.6em;
    white-space: nowrap;
}

Добавлено через 14 минут
да и @media screen and (max-width: 720px) тут лучше побольше ставить

@Pepeka · 24.05.2015, 11:28

вы... огонь )) сделайте то что хотели, потом разберем

Добавлено через 14 часов 4 минуты
Ну а шапку-то (и подвал) сжимать можно, главное чтобы там не было "несжимаемых" больших блоков типа слайдера фиксированной ширины.

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@zorrro 0 / 0 / 0 Регистрация: 17.05.2015 Сообщений: 11

	Как сделать шапку в данном шаблоне 22.05.2015, 23:47. Показов 1911. Ответов 5 Метки нет (Все метки) Всем доброго времени суток,подскажите пожалуйста,как в данном шаблоне вставить правильно шапку? в самом шаблоне предусмотрен заголовок,но он только на главной странице,а мне надо на каждой и желательно хочу слайдер поставить https://wordpress.org/themes/luminescence-lite/. Заранее спасибо. 0

@zorrro 0 / 0 / 0 Регистрация: 17.05.2015 Сообщений: 11
	23.05.2015, 00:59 [ТС]
	Да на всю 0

@Pepeka 171 / 170 / 36 Регистрация: 15.01.2014 Сообщений: 1,010
	24.05.2015, 11:28
	вы... огонь )) сделайте то что хотели, потом разберем Добавлено через 14 часов 4 минуты Ну а шапку-то (и подвал) сжимать можно, главное чтобы там не было "несжимаемых" больших блоков типа слайдера фиксированной ширины. 0