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

На вашем сайте есть боковая колонка (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.

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

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

Все готово!

Индивидуальный шаблон страницы – убираем сайдбар: 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. в этом файле вначале кода добавляем:

      &lt;?php
      /*
      Template Name: shirokii
      */
      ?&gt;
      

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

      &lt;div id=&quot;content&quot;&gt;
      

      После:

      &lt;div id=&quot;contentshirokii&quot;&gt;
      

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

      &lt;?php get_sidebar(); ?&gt;
      

      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(&quot;stylesheets/master.css&quot;);
      
      /* 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, достаточно перейти на нужную страничку или запись и окошке “Обсуждения” убрать галочку напротив “Разрешить обсуждение”, после этого форма комментариев исчезнет с данной записи или странички.
      Или можно воспользоваться другим способом:
      В шаблоне за вывод комментариев отвечает строчка:

      &lt;?php comments_template(); ?&gt;
      

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

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

      Ирина, зайдите в “Редактор нужной страницы” (панель управления – в левом меню пункт “Страницы” – выбираете нужную и попадаете в “Редактор”) и в адресной строке браузера, будет что-то наподобие следующего:
      http://xn--90adb5acghbc.xn--p1acf/wp-admin/post.php?post=457&action=edit (страница на моем блоге “Карта сайта”)
      457 – это и есть id страницы.
      или вот еще пример:
      http://xn--90adb5acghbc.xn--p1acf/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 и изменила по инструкции

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

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

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

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

  12. Григорий

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

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

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

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

      http://xn--90adb5acghbc.xn--p1acf/wp-content/uploads/2013/08/pagefull.zip

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

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

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

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

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

    &lt;?php
    /*
    Template Name: shirokii
    */
    ?&gt;
    
    &lt;?php get_header(); ?&gt;
    		
    		&lt;div id=&quot;subhead_container&quot;&gt;
                     
    		&lt;div id=&quot;subhead_wrapper&quot;&gt;		
    			&lt;div id=&quot;subhead&quot;&gt;
    		
    		&lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;
    			
    			&lt;/div&gt;
    			
    		&lt;div id=&quot;search-header&quot;&gt;&lt;?php get_search_form(); ?&gt;&lt;/div&gt;&lt;!--search header end--&gt;
    			
    				&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
    			
    		&lt;/div&gt;
    	&lt;/div&gt;		
    	
    		&lt;!--content--&gt;
    		&lt;div id=&quot;content_container&quot;&gt;
    		
    			 
    			 
    			
    		
    
    				&lt;?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?&gt;
    					
    					&lt;div id=&quot;post-entry-fullwidth&quot;&gt;
    
    						&lt;?php the_content(); ?&gt;
    						&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
    						&lt;?php wp_link_pages( array( 'before' =&gt; '' . __( 'Pages:', 'target' ), 'after' =&gt; '' ) ); ?&gt;
    						
    					&lt;/div&gt;&lt;!--post-entry end--&gt;
    					
    					&lt;?php if(of_get_option('comment_page') != &quot;off&quot;) { ?&gt;
    					&lt;?php comments_template( '', true ); ?&gt;
    					&lt;?php } ?&gt;
    
    &lt;?php endwhile; ?&gt;
    
    
    
    
    	
    &lt;/div&gt;
    &lt;!--content end--&gt;
    	
    &lt;/div&gt;
    &lt;!--wrapper end--&gt;
    &lt;?php get_footer(); ?&gt;
    
  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. Илья

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

  20. Василий

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

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

  21. Василий

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

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

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

  23. Альбина

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

  24. Артём

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

  25. Артём

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

  26. Валерий

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

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

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

    &lt;?php include (TEMPLATEPATH . '/sidebar2.php'); ?&gt;
    

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

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

  28. Владимир

    Опять тема 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 ещё один шаблон для постов.
    Не могли бы вы дать совет по устранению проблемы в списках записей.
    Спасибо.

  29. Юрий

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

  30. Мурат

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

  31. Максим

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

  32. Александр

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

  33. Александр

    Причину устранил:
    Заменил вместо этого (стайл.цсс)
    /* # 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;
    }

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

  34. %username%

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


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

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

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

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

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

     

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

  35. %username%

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

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

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

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

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

  36. Сергей

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

  37. Дмитрий

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

  38. Alexander

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

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

  39. Андрей

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

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