Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > WordPress > Как растянуть страницу на всю ширину экрана?

Автор: yorkshir 28.12.2015, 11:09

Приветствую!

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

Тема "Minamaze". В файлах page.php, home.php и index.php нет html-кодов. А с CSS пока не дошли руки разобраться. Никак не получается добавить стиль в style.css с заданными и нужными мне параметрами.

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

В самом style.css нашёл части кода, при изменении которого (к примеру, на 1300 рх) растягивается ширина всех боксов (в том числе футера) на всём сайте, а мне нужно только на одной странице.

Код


#outroaction-core {
    display: block;
    max-width:990px;
    margin: 0 auto;
}

Код


#contentwidth .entry.page { 
  margin: 0;
  width: 990px;
}

Вот ссылка на style.css темы - http://s000.tinyupload.com/index.php?file_id=36754461134603275934

А вот код с page.php - стандартного шаблона страниц:

Код


<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 *
 * @package ThinkUpThemes
 */
 
get_header(); ?>
 
            <?php while ( have_posts() ) : the_post(); ?>
 
                <?php get_template_part( 'content', 'page' ); ?>
 
                <?php thinkup_input_allowcomments(); ?>
 
            <?php endwhile; wp_reset_query(); ?>
 
<?php get_footer(); ?>

Буду благодарен за советы.

Автор: yorkshir 30.12.2015, 15:41

Жаль, что в итоге никто не помог. Пришлось самому окольными путями пробовать. Решение нашёл в итоге. Может кому-то поможет. Как и писал выше, не удалось создать в существующем стиле задать новые классы с идентификаторами и подключить их. Зато придумал, как выйти из положения - создать новый шаблон страниц на примере стандартного page.php (например page-width - кто не в курсе, поищите в инете стандартный код), а в нём самом подключить второй файл стилей. Просто его продублируйте с другим названием (к примеру, style2.css), а затем в созданном шаблоне желательно после подключения хэдера добавьте следующий код:

Код


<?php if (is_page('1')) { ?>
<link rel="stylesheet" type="text/css" media="all" href="http://ВАШ-ДОМЕН/wp-content/themes/НАЗВАНИЕ-ВАШЕЙ-ТЕМЫ/style2.css" />
<?php ;} else { ?> 
<link rel="stylesheet" type="text/css" media="all" href="http://ВАШ-ДОМЕН/wp-content/themes/НАЗВАНИЕ-ВАШЕЙ-ТЕМЫ/style.css" />
<?php ;}?>

Где "1" - ID конкретной страницы. А в самом файле style2.css уже вносите необходимые правки. После метода проб и ошибок добился нужного мне результата.

В общем, мне способ этот помог. Результат в доказательство прилагаю в виде изображения. Дорогу осилит идущий. Пробуйте, экспериментируйте и не сдавайтесь!
Всех с наступающим!

Автор: Pangok 7.2.2016, 16:13

Ты вроде все правильно сделал, может ошибка в синтаксисе?