Как изменить размер header и Footer в wordpress в ширину тема twenty twelve ?

@marik023 · Регистрация: 03.07.2015

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

@Pepeka · 03.07.2015, 12:44

Эммм... Задать ширину темы ) Что там, пикселей скока-то, или просто 100% от родителя...

@marik023 · 03.07.2015, 12:47 **[ТС]**

мне бы в коде все это показать. конкретно в этой теме https://wordpress.org/themes/twentytwelve/ что где менять, что прописывать

@Pepeka · 03.07.2015, 13:05

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

мне бы в коде все это показать. конкретно в этой теме

да а что там не так? Хидер и футер есть, растянуты на ширину темы... Отступы только стоят у хидера смотрю, но это пара десятков пихелей, грубо говоря... Подвал тоже самое - центрирован, на всю ширину, и есть отступы от краев... Моя твоя не понимай )

@marik023 · 03.07.2015, 13:10 **[ТС]**

можете сказать какой стиль, класс поменять. кооооод! мне нужен коооод!!!)))

@Pepeka · 04.07.2015, 14:53

Ну вот шапка пошла, id и class заданы, ищите-смотрите в CSS файле:

HTML5
1
2
3
4
<header id="masthead" class="site-header" role="banner">
        <hgroup>
            <h1 class="site-title"><a href="https://wp-themes.com/" title="Theme Preview" rel="home">Theme Preview</a></h1>
...  т.п.

а вот и футер, тоже стили заданы:

HTML5
1
2
3
4
5
<footer id="colophon" role="contentinfo">
        <div class="site-info">
                        <a href="http://wordpress.org/" title="Semantic Personal Publishing Platform">Proudly powered by WordPress</a>
        </div><!-- .site-info -->
    </footer>

@marik023 · 07.07.2015, 08:27 **[ТС]**

А куда мне вставлять эти строчки? Что на что менять?

@Pepeka · 07.07.2015, 09:38

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

А куда мне вставлять эти строчки? Что на что менять?

Ну если у вас и тут вопросы... То выкладывайте сюда свою именно тему, что на сайте, архивом, и говорите, что надо поменять - ширину (и какой её сделать), и т.п.

@marik023 · 07.07.2015, 09:46 **[ТС]**

Вот прикрепил тему. Заранее спасибо!

@marik023 · 07.07.2015, 10:03 **[ТС]**

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

Ну если у вас и тут вопросы... То выкладывайте сюда свою именно тему, что на сайте, архивом, и говорите, что надо поменять - ширину (и какой её сделать), и т.п.

Мне бы ширину header ( только название сайта, меню и картинку оставить в центре) и footer на весь экран. все остальное оставить так же по центру

Добавлено через 1 минуту

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

Мне бы ширину header ( только название сайта, меню и картинку оставить в центре) и footer на весь экран. все остальное оставить так же по центру

только область названия сайта растянуть

@Pepeka · 07.07.2015, 13:05

ну это не просто изменение ширины тогда... шаблон тут надо слегка переделать - вынести блок с названием сайта вне блока header, и задать новому блоку ширину экрана...

А, кстати, вы уверены, что визуально это будет нормальный вариант?

@marik023 · 07.07.2015, 13:18 **[ТС]**

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

А, кстати, вы уверены, что визуально это будет нормальный вариант?

Мне бы header и footer чтобы был вот так примерно
http://portals.nis.edu.kz/

@Pepeka · 07.07.2015, 14:11

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

http://portals.nis.edu.kz/

А чото не коннектится...

Страница недоступна
Невозможно выполнить поиск на portals.nis.edu.kz.

@marik023 · 07.07.2015, 14:12 **[ТС]**

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

А чото не коннектится...
Страница недоступна
Невозможно выполнить поиск на portals.nis.edu.kz.

Как изменить размер header и Footer в wordpress в ширину тема twenty twelve ?

Комментарий администратора TaatshiЗагружайте изображения и файлы на форум и прикрепляйте к сообщению.
Обновленная Памятка «Как работать в редакторе сообщений»

@Pepeka · 07.07.2015, 19:38

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

Мне бы header и footer чтобы был вот так примерно

ну вот так... примерно... twentytwelve.zip

@marik023 · 08.07.2015, 06:25 **[ТС]**

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

ну вот так... примерно... twentytwelve.zip

Круто!!! Спасибо! То что нужно! Только можете подсказать, как footer сделать статичным, чтобы он всегда был внизу и не зависел от длины ленты? куда что прописать?

@Pepeka · 08.07.2015, 09:18

ну это из другой оперы... или position:fixed должно быть, но тогда надо перекроить шаблон, чтобы футер всегда "искал" нижнюю часть сайта, и за счет этого свойства там всегда и оставался. Либо JQ скрипт писать, который бы "сканировал" футер на факт смещения, и возвращал его мгновенно обратно

Для первого варианта попробуйте класс bottom-line сделать таким, 3 строчки добавились в самом низу:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.bottom-line {
width:100%;
height:50px;
font-size:24px;
background-color:#000000;
color:#FFFFFF;
text-align:center;
padding-top:20px;
top:100%;
margin-top:-70px;
position:fixed;
}

но на кроссбраузерность и прочее не проверял ) Скорее всего, как минимум, надо блок контента на больше чем на 70 пикселей поднимать внизу, т.к. там будет торчать всегда футер.

@marik023 · 08.07.2015, 09:34 **[ТС]**

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

ну это из другой оперы... или position:fixed должно быть, но тогда надо перекроить шаблон, чтобы футер всегда "искал" нижнюю часть сайта, и за счет этого свойства там всегда и оставался. Либо JQ скрипт писать, который бы "сканировал" футер на факт смещения, и возвращал его мгновенно обратно

Вообще чето все! Спасибо вам огромное! Только вот сейчас сижу и думаю, чем наш с вами header забить? хочется туда вставить лого, поиск по сайту и т д

@Pepeka · 08.07.2015, 10:43

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

чем наш с вами header забить?

Ну если так вопрос стоит... То забейте его фотками миньонов, они просто стёбные такие... ) А поверх - и лого, и поиск... ))

@ЛеонидКон · 24.04.2022, 14:43

Приветствую всех!
В этой же теме, помогите пожалуйста изменить высоту хэдера на высоту страницы браузера!

Новые блоги и статьи Все статьи Все блоги /
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .	PowerShell Snippets iNNOKENTIY21 11.11.2025 Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .

@marik023 0 / 0 / 0 Регистрация: 03.07.2015 Сообщений: 10

	Как изменить размер header и Footer в wordpress в ширину тема twenty twelve ? 03.07.2015, 12:26. Показов 19313. Ответов 19 Метки нет (Все метки) Как изменить размер header и Footer в wordpress в ширину тема twenty twelve ? 0

@Pepeka 171 / 170 / 36 Регистрация: 15.01.2014 Сообщений: 1,010
	03.07.2015, 12:44
	Эммм... Задать ширину темы ) Что там, пикселей скока-то, или просто 100% от родителя... 0

@marik023 0 / 0 / 0 Регистрация: 03.07.2015 Сообщений: 10
	03.07.2015, 12:47 [ТС]
	мне бы в коде все это показать. конкретно в этой теме https://wordpress.org/themes/twentytwelve/ что где менять, что прописывать 0

@marik023 0 / 0 / 0 Регистрация: 03.07.2015 Сообщений: 10
	03.07.2015, 13:10 [ТС]
	можете сказать какой стиль, класс поменять. кооооод! мне нужен коооод!!!))) 0

@marik023 0 / 0 / 0 Регистрация: 03.07.2015 Сообщений: 10
	07.07.2015, 08:27 [ТС]
	А куда мне вставлять эти строчки? Что на что менять? 0

@Pepeka 171 / 170 / 36 Регистрация: 15.01.2014 Сообщений: 1,010
	07.07.2015, 13:05
	ну это не просто изменение ширины тогда... шаблон тут надо слегка переделать - вынести блок с названием сайта вне блока header, и задать новому блоку ширину экрана... А, кстати, вы уверены, что визуально это будет нормальный вариант? 0

Как изменить размер header и Footer в wordpress в ширину тема twenty twelve ?

Решение