Индивидуальный шаблон страницы – убираем сайдбар

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

Скачать исходники для статьи можно ниже

О том, что такое индивидуальный шаблон страницы, для чего он нужен, как его использовать и редактировать, вы можете прочитать в предыдущей моей статье Индивидуальный шаблон страниц в WordPress: понятие, использование, создание, редактирование.

Данная инструкция состоит из 6 шагов.

Шаг 1. Создаем отдельный файл для шаблона страницы.

За отображение внешнего вида страниц отвечают следующие файлы шаблона вашей темы: page.php, index.php.

Поэтому чтобы не писать код индивидуального шаблона с нуля, просто скопируем файл page.php и будем исправлять в нем код, после переименуем его например в файл shirokiishablon.php (можно придумать и другое название данного файла).

Для этого заходим через программу FileZilla на FTP-cервер вашего сайта, далее входим в вашу текущую тему:

/public_html (или WWW)/wp-content/themes – в этой папке находится все установленные на вашем сайте темы.

В данном примере моя текущая тема будет называться iGames, поэтому я вхожу в папку /iGames.

Далее находим здесь файл page.php и перекидываем его на своей компьютер (в FileZilla просто перетащите его в левое окошко в нужную папку).

Далее открываем данный файл с помощью редактора кода, ну например: Notepad++ и в самом начале вставляем следующий код:

<?php
/*
Template Name: shirokii
*/
?>

Здесь строка “Template Name:” нужна, чтобы wordpress распознал файл как индивидуальный шаблон, “shirokii” – это название вашего будущего индивидуального шаблона.

Шаг 2. Убираем  сайдбар (sidebar, боковая колонка).

Sidebars подключаются в шаблоне вашей страницы с помощью следующего кода:

<PHP get_sidebar ();?>

Находим данную строчку в коде и удаляем ее. В большинстве тем она должна быть в конце кода.

В принципе можно пропустить шаг 3 и шаг 4 данной статьи, и вы получите страницу без сайдбара, но текст не будет заходить на область бывшей боковой колонки (sidebar), то есть это будет выглядеть как то так:

индивидуальный шаблон во всю ширину

Шаг 3. Изменение стиля страницы.

Чтобы текст отображался на всю ширину страницы, необходимо изменить его стиль оформления.

Для этого находим следующую строчку в коде:

<div id="content">

и меняем ее на:

<div id="contentshirokii">

То есть мы поменяли для блока div стиль оформления с  content на contentshirokii (можете использовать и другое имя).

Теперь нам нужно создать данный стиль (contentshirokii) на нашем сайте.

Шаг 4. Создание стиля contentshirokii.

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

После выбрать в правом меню из списка шаблонов файл style.css (в самом внизу списка) и открыть его.

Теперь у вас есть два пути:

1. либо создать стиль contentshirokii с “нуля”;

Для этого просто перейдите в конец кода файла style.css и вставьте следующий код:

#contentshirokii {
	padding: 10px 0px 30px 20px;
	float: left;
	width: 850px;
}

Разберем здесь, что за что отвечает.

Строка padding – задает отступ: слева, сверху, справа, снизу.

Строка float – задает выравнивание: left – слева.

Строка width – ширина содержимого страницы (текста): 850px – 850 пикселей, здесь опытным путем находите нужную ширину.

2. или же найти и скопировать существующий стиль оформления content , переименовать его в contentshirokii  и внести в него изменения – увеличив ширину отображения текста.

У меня он выглядел так:

#content {
	padding: 10px 0px 30px 20px;
	float: left;
	width: 585px;
	overflow: hidden;
}

Копируем его и вставляем в конце файла style.css, далее меняем его название на contentshirokii, а также изменяем в нем параметр width:585 px  на нужный вам (данный параметр ограничивает ширину вашего текста, благодаря которому текст статьи и не заходит на область бывшего нашего сайдбара). Параметр width можно установить опытным путем, я поменял его значение до 850 px.

В общем у меня получился следующий код:

#contentshirokii {
	padding: 10px 0px 30px 20px;
	float: left;
	width: 850px;
	overflow: hidden;
}

После изменений нажимаем на кнопку “Обновить файл”.

Шаг 5. Сохраняем редактируемый файл page.php под другим именем и закачиваем его на сайт.

Все теперь сохраняем наш редактируемый файл, но не как page.php, а как shirokiishablon.php

Далее закачиваем его с помощью программы FileZilla на FTP-cервер вашего сайта в папку вашей текущей темы, то есть в нашем примере: /public_html/wp-content/themes/iGames (так как текущая тема в данном примере называется iGames).

Шаг 6. Подключаем созданный нами индивидуальный шаблон shirokii.

Теперь нам нужно выбрать страничку, на которой мы собираемся скрыть сайдбар, и применить к ней шаблон shirokii.

Для этого входим в панель управления вашим сайтом, выбираем в левом меню пункт Странички, далее подпункт Все страницы, выбираем нужную нам страничку, нажимаем на нее.

Далее находим справа поле “Атрибуты страницы” (если его у вас нет, то нажмите в правом верхнем углу на кнопку “Настройки экрана” и поставьте галочку напротив “Атрибуты страницы”) и в пункте Шаблон выбираем shirokii.

широкий индивидуальный шаблон

Далее нажимаем на кнопку Обновить страничку.

Все готово!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Индивидуальный шаблон страницы – убираем сайдбар: 70 комментариев

  1. Михаил

    Изучил полсотни инструкций – и ничего не получилось (у меня css=0). С Вашей помощью за 15 минут сделал то, чего не мог два дня при помощи всего остального интернета вместе взятого! Спасибо огромное!!

  2. Евгений

    К сожалению ничего не получилось.. В частности я хотел растянуть форум и чат сайта на всю страничку, удаляется только сайдбар, ширина форума не меняется и гуляет слева на право при увеличении или уменьшении странички при помощи мышь+ ctrl. Видно что то в коде шаблона заблокировано создателем. Мне всего лишь нужно было растянуть форум на всю страничку.

    1. Константин

      Евгений, прочитайте комментарии по следующей ссылке:
      “bloginblog.ru/plaginy/forum-na-bloge-s-plaginom-mingle-forum.html”
      Здесь как раз рассказано про решение данной проблемы с растяжение форума на страничке через css.

  3. Константин

    Перелопатил весь интернет, а помощь получил только у Вас. Причем, не тупо повторяя действия, а поняв, что делаешь.
    И сайд бар удалил и текст растянул с первого раза.
    Спасибо за Ваш урок.

  4. Вадим

    Добрый день, у меня сайт на WooThemes, Контент описан только так #content{padding:40px 75px;} и все… Вставка кода с Вашего сайта в коней css не помогает. Сайдбар пропадает, но текст по всей ширине не растягивается..

    1. Константин

      Для индивидуального шаблона можете использовать файл index.php, в теме “seven-seas” сайдбар подключается с помощью кода:
      <?php include (TEMPLATEPATH . “/sidebar-left.php”); ?> – левый сайдбар, данный код находится в файле header.php
      <?php include (TEMPLATEPATH . “/sidebar-right.php”); ?> – правый сайдбар, данный код находится в файле index.php
      Для того, чтобы убрать в индивидуальном шаблоне (на основе index.php) правый сайдбар уберите код, отвечающий за его вставку. Для удаления левого сайдбаром – придется создать еще один шаблон, например header1.php, копия файла header.php, но в котором не будет кода для вставки левого сайдбара.

  5. Liudmila

    Подробная инструкция, спасибо, но у меня возникли проблемы: сайдбар исчез, но не отображается содержимое страницы, подскажите что не так. Код странички выглядит так:


    Заранее спасибо.

  6. Ирина

    Скопировала page.php, начитавшись разных вариантов, удалила их него больше половины кода. Сайдбар стоит как вкопанный, не могу ничего изменить. В чем загвоздка? Может быть еще где-то нужно изменения вносить?

    1. Константин

      Ирина, если на основе файла page.php вашей темы (Traction) создавать индивидуальный шаблон, то
      1. в этом файле вначале кода добавляем:

      <?php
      /*
      Template Name: shirokii
      */
      ?>
      

      2. После меняем блок с именем “content” на “contentshirokii”:
      До:

      <div id="content">
      

      После:

      <div id="contentshirokii">
      

      3. Далее удаляем код подключения сайдбара (предпоследняя строчка):

      <?php get_sidebar(); ?>
      

      4. Далее добавляем в файл стилей (style.css) вашей темы следующий код:

      #contentshirokii .entry.page { 
        margin: 0;
        width: 900px;
      }
      
      #contentshirokii { 
        float: left; 
        width: 920px;
        padding: 20px 20px 15px 20px; 
        background: #EEEEEE;
      }
      

      Вот так должен выглядеть ваш файл стилей (style.css):

      /* Import Stylesheets
      -----------------------------------------------------------*/
      @import url("stylesheets/master.css");
      
      /* Required WordPress Classes, don't remove these.
      -----------------------------------------------------------*/
      #contentshirokii .entry.page { 
        margin: 0;
        width: 900px;
      }
      
      #contentshirokii { 
        float: left; 
        width: 920px;
        padding: 20px 20px 15px 20px; 
        background: #EEEEEE;
      }
      .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
      .alignleft { float: left; }
      .alignright { float: right; }
      
      
      
      /* Make all custom CSS changes in a Child Theme. Any custom 
      changes you make here will not be overidden when you upgrade the theme.
      -----------------------------------------------------------*/
      

      Можете посмотреть на сайте что получилось:к странице Simple page – применен шаблон “shirokii”, а страница “Страница 2” – в обычном шаблоне с сайдбаром.

  7. Ирина

    Сайдбар не отключается, вчера я его убрала с этой страницы плагином Display widgets. Тема мне очень нравится, но похоже придется ее менять. У людей как у людей, а у меня, как только касается скриптов или изменений в коде, сразу облом, не найдешь где и что.

  8. Юлия

    Спасибо! Очень помогла ваша статья. Действительно, 15 минут – и все готово. А до это битые два часа рылась в интернете и без толку. Успехов вам и побольше посетителей!

  9. Ирина

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

    1. Константин

      Ирина, я так понимаю, для отображения кнопок соц. сетей вы пользуетесь плагином – Social Share Buttons for WordPress, если да, то в его настройках можно исключить показ кнопок на определенных страницах или записях (постах) – Share Buttons → Main Settings – пункт Exclude pages and posts with IDs – и вводите ID нужной страницы или записи, на которой кнопки не должны показываться.
      По поводу комментариев – форму комментариев можно убрать через админку wordpress, достаточно перейти на нужную страничку или запись и окошке “Обсуждения” убрать галочку напротив “Разрешить обсуждение”, после этого форма комментариев исчезнет с данной записи или странички.
      Или можно воспользоваться другим способом:
      В шаблоне за вывод комментариев отвечает строчка:

      <?php comments_template(); ?>
      

      Удалите ее и форма комментариев исчезнет.

    1. Константин

      Ирина, зайдите в “Редактор нужной страницы” (панель управления – в левом меню пункт “Страницы” – выбираете нужную и попадаете в “Редактор”) и в адресной строке браузера, будет что-то наподобие следующего:
      https://mnogoblog.ru/wp-admin/post.php?post=457&action=edit (страница на моем блоге “Карта сайта”)
      457 – это и есть id страницы.
      или вот еще пример:
      https://mnogoblog.ru/wp-admin/post.php?post=2654&action=edit (страница на моем блоге “Услуги”)
      2654 – это и есть id для данной страницы.

  10. анастасия

    создала копию файла page, назвала pager и изменила по инструкции

     

     
    <h2 class="title main" id="title-“>Blog – where we write stuff

    comments for post: "<a href="” class=”post_link”>"

    “main” ) ); ?>

     


    в style.css в свою очередь:
    #contentpager {
    padding: 10px 0px 30px 20px;
    float: left;
    width: 968px;

    в шаблонах при изменении сообщения, он не выпадает. помогите, пожалуйста

  11. анастасия

    создала копию файла page, назвала pager и изменила по инструкции

     
    <?php
    /*
    Template Name: pager
    */
    ?>
    
    <?php get_header(); ?>
    		<!-- coda slider -->
            <div id="slider" class="blog">
                <div class="scroll blog">
    				<div id="blog_header_top">&nbsp;</div>
                    <div class="scrollContainer blog">
    					<div class="panel" id="panel_01">
    						<div id="blog_header_midtop">&nbsp;</div>
    						<h2 class="title main" id="title-<?= i_get_postname(); ?>">Blog - where we write stuff</h2>
    						<hr />
    						<div class="panel_left">
    							<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    							<div class="post">
    								<h3> <em><?php comments_popup_link('0', '1', '%'); ?><span> comments for post:</span></em> <strong>&quot;</strong><a href="<? the_permalink() ?>" class="post_link"><?php the_title(); ?></a><strong>&quot;</strong>  </h3>
    								<div class="contentpager">
    	<?php the_post_thumbnail( 'blog-thumbnail', array('class' => "main" ) ); ?>					<?php the_content('', true); ?>	
    							</div>
    								<?php comments_template(); ?>
    							</div>
    							<?php endwhile; endif; ?>
    						</div>
    			</div>
            </div>
            <div class="scrollBottom round">&nbsp;</div>
    		<!-- / coda slider -->
    		<!-- bottom container -->
    		<!-- / bottom container -->
    <?php get_footer(); ?>
    

    в style.css в свою очередь:

     
    #contentpager {
     padding: 10px 0px 30px 20px;
     float: left;
    width: 968px;
    

    при изменении сообщения, в шаблонах не появляется pager . помогите, пожалуйста

  12. Григорий

    Доброго времени! Все сделал как описано, в итоге все получилось кроме одного – не могу растянуть страницу на весь экран ( у меня не модуль и не форум. Создаю страничку, применяю тему и все – она нешироким блоком идет по середине, могу двигать блок по странице, но не расширить (

    1. Константин

      Григорий, ответ на ваш вопрос:

      – Индивидуальный шаблон страницы в полную ширину – скачать можете по следующему url:

      https://mnogoblog.ru/wp-content/uploads/2013/08/pagefull.zip

      – В файле стилей (style.css) пропишите следующее:

      #post-entry-fullwidth {
      padding: 20px 10px;
      width: 954px;
      float: left;
      z-index: 1;
      }
      
  13. Григорий

    прописал – не помогло (
    По запросу Индивидуальный шаблон страницы в полную ширину – скачать – толком найти путное не удалось – находит лишь похожие советы или темы с двумя сайд барами, которые как бы можно отключить и все будет ок, но люди пишут что у кого то это не решает проблемы. Может я косяк внес случайно куда то? Или стоит переставить тему с ноля?

  14. Константин

    Григорий, вот у меня на тестовом сайте все получилось.
    Код индивидуального шаблона:

    <?php
    /*
    Template Name: shirokii
    */
    ?>
    
    <?php get_header(); ?>
    		
    		<div id="subhead_container">
                     
    		<div id="subhead_wrapper">		
    			<div id="subhead">
    		
    		<h1><?php the_title(); ?></h1>
    			
    			</div>
    			
    		<div id="search-header"><?php get_search_form(); ?></div><!--search header end-->
    			
    				<div class="clear"></div>
    			
    		</div>
    	</div>		
    	
    		<!--content-->
    		<div id="content_container">
    		
    			 
    			 
    			
    		
    
    				<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    					
    					<div id="post-entry-fullwidth">
    
    						<?php the_content(); ?>
    						<div class="clear"></div>
    						<?php wp_link_pages( array( 'before' => '' . __( 'Pages:', 'target' ), 'after' => '' ) ); ?>
    						
    					</div><!--post-entry end-->
    					
    					<?php if(of_get_option('comment_page') != "off") { ?>
    					<?php comments_template( '', true ); ?>
    					<?php } ?>
    
    <?php endwhile; ?>
    
    
    
    
    	
    </div>
    <!--content end-->
    	
    </div>
    <!--wrapper end-->
    <?php get_footer(); ?>
    
  15. Оксана

    Не осилила! К огромному сожалению. :( Тема F2 не реагирует на указанные манипуляции, уже прописывала ширину стилем, как показывал Бернацкий, и все без толку. Контент не растягивается на всю ширину, сайдбара нет, а место его стоит свято! Счастье было близко, но… было! Тему менять никак не хочется, придется пока мириться с сайдбаром и измываться над темой и собой дальше.

  16. Константин

    Оксана, чтобы убрать сайдбар вам нужно поменять 3 стиля оформления в вашей теме F2:
    – content
    – wrapper
    – container

    При этом два из них (wrapper и container) находятся в файле header.php, а другой в page.php, поэтому чтобы убрать сайдбар вышеуказанным методом придется создать два индивидуальных шаблона для header.php и page.php, в них поменяйте 3 вышеуказанных контейнера (content, wrapper, container) например на следующие: content2, wrapper2, container2, а после пропишите стили оформления для них:

    #content2{
    padding:20px 4%;
    overflow:hidden;
    background:#fff;
    }

    #wrapper2{
    float:left;
    width:100%;
    background-color:#fff;
    display:inline;
    }

    #container2{
    margin:0;
    }

    Демо пример можете посмотреть тут – “mnogoblog4.p.ht/sample-page”

  17. Оксана

    Поверить не могу! Все, как в тумане, но ведь получилось!!! Мне оставалось поменять только wrapper и container, все остальное уже ведь было сделано ранее. Я предполагала, что эти параметры и нужно менять, но не знала, где именно, в каком файле? Теперь надо быстренько законспектировать пока еще хоть что-то помню, а то в голове полная каша.
    Все таки счастье есть :)
    Кудесник Константин, огромное Вам спасибо!

  18. Елена

    Здравствуйте Константин! Действительно первое и единственное место, где написано все четко и понятно! Спасибо большое, правда у меня возникли проблемы (( Шаблон у меня простенький, менять не хочется, потому что готова уже новая шапка на смену, красивая ). Так вот в моем шаблоне нет файла page… есть single и index и там и там есть get sidebar… не знаю что править, боюсь что-то не то сделать.

  19. Василий

    Здравствуйте,у меня, что то не получается.Страницу создал, а ка удалить сайдбар?У меня нет таких файлов. У меня вот такие:

    <a href="” rel=”bookmark” title=””>
    и как тут удалять. И в стилях всё по другому.Если можно подскажите пожалуйста.

  20. Василий

    Голова уже кругом,забыл закрывающий тег.

    <?php get_header(); ?>
    <div class="art-contentLayout">
    <?php include (TEMPLATEPATH . '/sidebar1.php'); ?><div class="art-content">
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
    <div class="art-Post">
        <div class="art-Post-tl"></div>
        <div class="art-Post-tr"></div>
        <div class="art-Post-bl"></div>
        <div class="art-Post-br"></div>
        <div class="art-Post-tc"></div>
        <div class="art-Post-bc"></div>
        <div class="art-Post-cl"></div>
        <div class="art-Post-cr"></div>
        <div class="art-Post-cc"></div>
        <div class="art-Post-body">
    <div class="art-Post-inner art-article">
    <h2 class="art-PostHeader">
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Постоянная ссылка на %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
  21. Альбина

    Здравствуйте!Очень нужна ваша помощь. Я новичок в этой сфере и для меня все это темный лес). Так что заранее прошу прощения если задала глупый вопрос) Я застряла на пункте “Сохраняем редактируемый файл page.php под другим именем и закачиваем его на сайт” . У меня блог пока на Денвере.Подскажите как осуществить этот шаг? Заранее благодарю.

  22. Альбина

    Разобралась я с этим вопросом. Просто подустала) Только все равно что то где то напутала. После всех действий . Страница с обновленным шаблоном показывается пустой .Видимо что то напортачила.

  23. Артём

    У меня находится не в page.php а в header.php
    Что в данном случае делать? Если я произвожу действия, описанные в 3 пункте в хэйдере, шаблон кривится сразу для всех страниц.

  24. Артём

    У меня сайтбар находится слева от текста, а не справа. Тем самым, у меня контент на 100% проходит вправо, но текст не сдвигается влево ( на место, где был сайтбар). Что делать в данном случае? Тег float не помогает(

  25. Валерий

    Здравствуйте Константин! У меня в шаблоне, в правом сайдбаре две колонки. Что нужно сделать, чтобы одну колонку убрать в правом сайдбаре, при этом сделать левый сайдбар и там одну колонку? Спасибо!

  26. Константин

    Валерий, действия следующие:
    1. в файле index.php убираете следующий код:

    <?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
    

    2. в файле style.css меняете следующие параметры:
    находим строчку
    .art-contentLayout .art-content
    {
    и в данном классе меняете:
    float: left;
    на
    float: right;
    Здесь же параметр width: 529px; – можете увеличить до нужных размеров.

    Далее ищем строчку .art-contentLayout .art-sidebar1
    {
    и убираем отступ сверху для сайдбара, то есть удаляем параметр:
    margin: -50px 0 0 0;

  27. Владимир

    Опять тема F2.
    Со страницами без сайдбара проблем нет, а с записями есть.
    Создал дополнительный шаблон для записей без сайдбара.
    Сделал для того чтобы выводить в этих записях фотогалереи, которые лучше смотрятся без сайдбара. Однако, если в списке записей эта запись оказывается первой то и страница списка выводится без сайдбара
    Пример:
    “santa.besaba.com/”
    Здесь, если на нажать “Назад”, то в предыдущем списке первой будет запись без сайдбара, соответственно получится и страница со списком без сайдбара.
    Как сделать так чтобы все страницы списка были только с сайдбаром?
    По умолчанию тема с сайдбаром.
    Немного поясню. Файербагом нашёл препятствющий расширению элемент.
    Им оказался, находящийся в header.php
    div id=”main” class=”site-main”
    с атрибутами
    narrow-sidebar.one-sidebar-left #main, .narrow-sidebar.two-sidebars #main {
    padding: 0 0 0 20rem;
    }
    Именно этот padding препятствовал расширению. Полагаю что это из-за того что тема с резиновым контентом и фиксированным по ширине сайдбаром.
    В редактор внедрил плагин Specific CSS/JS for Posts and Pages позволяющий проводить правку CSS отдельных страниц или постов и в нём убрал этот padding.
    Плагин сработал только когда я создал отдельный файл css и привёл к нему абсолютную ссылку.
    Затем установил ещё один плагин Post Template, позволяющий отображать щаблоны в редакторе записей. Создал из single.php ещё один шаблон для постов.
    Не могли бы вы дать совет по устранению проблемы в списках записей.
    Спасибо.

  28. Юрий

    Понравился вариант, у знакомого такая тема уже. Очень удобно. Но я что то пробовал, сайтбары убрал, а со стилями что то неполучается. Буду еще пробовать может что то где то упустил

  29. Мурат

    Все сделал быстро, спасибо за статью, но в конечном итоге не получилось. При изменении “Шаблона” на новой странице окошко не открывается, показывает “базовый шаблон”. Что делать? Помогайте до конца, буду признателен. С уважением.

  30. Максим

    здравствуйте! я новичок. у меня такая ситуация. у меня была тема с одним боковым меню(сайдбаром), вчера я скачал красивую тему с двумя боковыми меню но такая проблема, боковые меню отображаются только на страницах а в категориях и на странице товара нет. например захожу в категорию “велосипеды” (у меня интернет-магазин) а там только товары, боковые меню пропали (пусто). уже пробовал решить это плагинами которые управляют сайдбарами, устанавливал в настройках что бы отобрались на всех страницах но ничего не получилось, всё равно в категориях пусто. как это можно решить? в кодах я не силён, у меня всё построено на плагинах, так что если подскажите что и куда вписать что бы боковые меню отображались на всех страницах одинаково буду вам бесконечно благодарен. у меня движок wordpress и плагин магазина woocommerce.

  31. Александр

    Доброго времени суток, Константин! Удалил 2 сайдбара путём создания нового шаблона через page. Не получается растянуть форум. “1morskoy.ru/forum” Вышеизложенные действия не помогли. Тема WP – SilverMag.

  32. Александр

    Причину устранил:
    Заменил вместо этого (стайл.цсс)
    /* # single Post/ Page styles */
    .post-content {
    background: white;
    margin:0px ;
    }
    .post-title { position: relative;}
    .post-title h1 { color:#333; margin-top: 10px;font-size: 30px;margin-bottom: 0;line-height: 1.2;word-break:normal;word-wrap: break-word; }
    .page .post-title {border-bottom: 1px solid whiteSmoke;}

    сменил на это и подвинул форум шириной (линия сайдбара осталась!)
    /* # single Post/ Page styles */
    .post-content {
    background: white;
    margin:0px ;
    width:1100px;
    float:none;
    }

    Как теперь мне удалить линию, она осталась за форумом. Её нужно убрать именно на данной странице.

  33. %username%

    Оп, это я удачно зашёл. А если тут ещё и отвечают страждущим, так я тут жить останусь ))
    Очередной новенький, и очередной ламерский\нубовский вопрос.
    Форум вставить в страницу шаблона, “шоб красиво”.
    Код в файле page.php:


    <div class="box" id="post-“>

    ‘ Страницы:’, ‘after’ => ” ) ); ?>

    Куда смотреть, чтоб убрать сайдбар, и туда ли смотреть?
    Есть неожиданное продолжение…
    Нашёл автора шаблона, и скачал у него тот же шаблон, там код этой же страницы другой:

    <div class="post_title" id="”><a href="” rel=”bookmark” title=”Permanent Link to “>

    Извините, ни одна запись не подошла под Ваши критерии.

     

    Связался с автором шаблона, но пока тишина.

  34. %username%

    Ой блиииин, это я там код красиво вписал, ага.
    Дубль два.
    Код фала page.php в шаблоне

     &lt;?php 
    	get_header();	
    	if (have_posts()) {
    		while (have_posts()) : the_post(); ?&gt;
    		&lt;!-- Box --&gt;
    			&lt;div class=&quot;box&quot; id=&quot;post-&lt;?php the_ID(); ?&gt;&quot;&gt;
    				&lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt; 
    				&lt;div class=&quot;entry&quot;&gt;				
    					&lt;?php the_content(); ?&gt;
    					&lt;p class=&quot;meta&quot;&gt;
    						&lt;?php edit_post_link('[Редактировать]', '' , ''); ?&gt;
    						&lt;?php comments_popup_link('Комментариев: 0.', 'Комментариев: 1.', 'Комментариев: %.', 'comments', 'Обсуждение закрыто.'); ?&gt;
    					&lt;/p&gt;
    					&lt;?php autoportal_in_page_links( array( 'before' =&gt; '&lt;div class=&quot;cl&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;page-numbers&quot;&gt;Страницы:', 'after' =&gt; '&lt;/div&gt;' ) ); ?&gt;					
    				&lt;/div&gt;
    			&lt;/div&gt;
    			&lt;!-- /Box --&gt;			
    			&lt;?php comments_template();
    		endwhile;
    	}
    	get_footer(); 
    ?&gt;  

    Неожиданное продолжение: Нашёл автора шаблона и скачал шаблон с его сайта.
    Код того же файла, того же шаблона, но авторский.

     &lt;?php get_header(); ?&gt;	
    	
    	&lt;!-- Content --&gt;
    	&lt;div id=&quot;content&quot;&gt;
    		
    		&lt;?php get_sidebar(); ?&gt;
    		
    		
    		&lt;!-- Main --&gt;
    		&lt;div id=&quot;main&quot;&gt;
    			&lt;div class=&quot;box&quot;&gt;
    			&lt;div class=&quot;info&quot;&gt;
    			&lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;
    					&lt;h2&gt;&lt;div class=&quot;post_title&quot; id=&quot;&lt;?php the_ID(); ?&gt;&quot;&gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot; rel=&quot;bookmark&quot; title=&quot;Permanent Link to &lt;?php the_title(); ?&gt;&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;
    					&lt;/div&gt; &lt;!– close post title –&gt;
    										
    					&lt;div class=&quot;post_content&quot; style=&quot;padding:10px;&quot;&gt;
    						&lt;p&gt;&lt;?php the_content(__('Подробнее…')); ?&gt;&lt;/p&gt;
    					&lt;/div&gt; &lt;!– close post content –&gt;
    					&lt;div style=&quot;padding-left:20px;&quot;&gt;
    					&lt;?php the_time('jS F Y') ?&gt;
    					&lt;/div&gt;
    					
    			&lt;?php endwhile; else: ?&gt;
    
    						&lt;p&gt;Извините, ни одна запись не подошла под Ваши критерии.&lt;/p&gt;
    
    			&lt;?php endif; ?&gt;
    			&lt;/div&gt;
    			&lt;/div&gt;
    		&lt;!-- End Main --&gt;
    		
    		&lt;div class=&quot;cl&quot;&gt;&amp;nbsp;&lt;/div&gt;
    	&lt;/div&gt;
    	&lt;!-- End Content --&gt;
    	
    &lt;?php get_footer(); ?&gt;

    – нужно вставить форум в страницу, убрав сайдбары.
    Да и вообще – что с этой находкой делать? Там, в авторском шаблоне, кроме изменённого кода есть и встроенные плагины, и слайдер, и прочие вкусности.

  35. Сергей

    Давно хотел найти подходящий шаблон с широкими страницами. Оказывается можно свой изменить…
    Только не получается у меня. Сайдбар исчез, а страница шире не стала.
    Видимо в моем шаблоне нужно еще что-то изменить.
    Третий день наугад пытаюсь это сделать.
    Константин, не поможете?

  36. Дмитрий

    Здравствуйте, помогите пожалуйста, вс сделал по инструкции вроде правильно но в редакторе страницы в атрибутах нет раздела “шаблон” только порядок и родительская, что мне делать в этом случае?

  37. Alexander

    Здравствуйте!

    Использую тему ColorWay. Сделал все действия, описанные в статье. В файле page.php и в файле shirokii.php соответственно, нет кода , в итоге, я только удалил сайдбар, а растянуть текст на всю страницу не получилось. Может быть, другой какой то параметр надо менять в этой теме, не подскажете?..

  38. Андрей

    Спасибо огромное! Действительно перечитал много статей и пересмотрел видео, перепробовал тоже много, но проще всего оказалось у Вас! И все работает!
    Вот теперь бы еще научили делать шаблон страницы с какой-нибудь рамкой. Для сайта мне бы очень пригодилось!
    Расскажете – будет замечательно! Нет – все равно СПАСИБО!)

Добавить комментарий