Урок 74. Корректировка (редактирование) шаблона WordPress

Последнее изменение поста: Декабрь 16, 2016

Корректировка (редактирование) шаблона WordPress

Урок 74. Корректировка шаблона WordPress

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

На многих блогах встречается мелкий шрифт, который читать затруднительно. Я на каком-то блоге видел, как один человек жаловался, что ему тяжело читать статьи с мелким шрифтом. Прочитав этот урок, Вы узнаете, как можно изменить размер шрифта и сделать его более контрастным.

Вы также узнаете: как изменить цвет шрифта или какую-нибудь часть шаблона, как сделать шрифт более контрастным и как изменить его размер. Если будет желание, то можете изменить цвет ссылок. Не буду перечислять, что я изменил в своем шаблоне, но поверьте, достаточно многое. За внешний вид шаблона отвечает файл стилей style.css.

Корректировка шаблона WordPress

Все эти манипуляции (изменения) можно делать через браузер Mozilla Firefox или Google Chrome. Щелкните в панели меню «Инструменты» -> «Дополнения«. Теперь в поисковой строке введите «Web Developer«. После поиска Вам нужно выбрать дополнение «Web Developer 1.2.1«. Web Developer — это дополнение к браузеру Mozilla Firefox. Если по каким-то причинам Вы не можете найти это дополнение, тогда скачайте и установите его с этого сайта.

Щелкните «Установить«. После того, как это дополнение установится, нужно щелкнуть по ссылке «Перезапустить сейчас«. Браузер Firefox должен перезагрузиться. Все, дополнение к браузеру мы установили. У Вас в браузере должна появиться дополнительная панель, под адресной строкой.

Урок 74. Корректировка шаблона WordPress

Теперь нужно скачать программу для определения HTML-цветов.

Скачайте программу HTML Colors 2000. Библиотеку msvbvm50.dll я уже добавил в архив. Что с этой библиотекой делать написано в архиве, файл Readme.txt. Теперь у нас все готово для корректировки шаблона.

Прежде чем начинать редактировать стиль шаблона, сделайте резервную копию файла style.css! Щелкните «CSS » -> «Display Style Information » на панели, которая находится под адресной строкой браузера.

Урок 74. Корректировка шаблона WordPress

У Вас появится дополнительное окно внизу экрана. Если Вы считаете, что окно внизу экрана не очень удобно, то Вы можете его переместить в другое место. Для этого нужно щелкнуть с левой стороны дополнительного окна по значку в виде таблички и выбрать: left (слева), right (справа) или top (сверху).

После того, как определитесь с расположением окна, щелкните по любому абзацу текста статьи. Часть текста при этом выделится красной рамкой.

Урок 74. Корректировка шаблона WordPress

После этого в дополнительном окне должно появиться приблизительно следуюшее.

Урок 74. Корректировка шаблона WordPress

Здесь видно, что за размер шрифта отвечает 57 линия. Теперь Вам нужно открыть файл style.css редактором Notepad++ и перейти на 57 линию, чтобы изменить размер шрифта. За размер шрифта отвечает строка font-size: 14px;

Но может случиться так, что вообще не покажет строку, отвечающую за размер шрифта. В моем файле стилей этой строки вообще не было. Мне пришлось ее самому вписывать. Если и у Вас ничего не покажет, тогда просто откройте файл стилей style.css и найдите примерно следующее:

Урок 74. Корректировка шаблона WordPress

Main Content переводится как — главное содержание

  1. Стрелка №1 указывает на строку, которая отвечает за цвет шрифта
  2. Стрелка под №2 указывает на строку, которая отвечает за размер шрифта в статьях (эту строку пришлось добавить, потому что ее вообще не было)
  3. Стрелка под №3 указывает на строку, которая отвечает за цвет фона в тексте.

Определять цвета можно с помощью программы HTML Colors 2000, которую мы скачивали с сайта. Работает она просто. Программа не требует инсталляции на компьютер. Кликайте на ярлык HTML Colors 2000 чтобы запустить программу. Появится следующее окно:

Урок 74. Корректировка шаблона WordPress

  1. В это поле нужно вписать HTML-код цвет.
  2. Передвигая ползунки слева, можно менять цвет.

Если щелкнуть по кнопке «More» – появится окошко с цветами.

Посмотрите видео, как можно быстро изменить цвет и размер шрифта.

Точно так же можно менять цвет ссылок и всего, что только захотите. Я в своем шаблоне сделал ближе друг к другу название страниц: О себе, рекомендую, карта блога и т.д. Если Вы посмотрите, то сразу заметите, что они достаточно близко друг к другу находятся. Шрифт в шаблоне у меня был очень мелкий, около 11-12px, так я его увеличил до 17px. :). Давайте теперь рассмотрим, как можно быстро сменить фон шаблона.

Быстрое изменение фона шаблона WordPress

Перейдите по этой ссылке. Вы увидите следующее окно

Урок 74. Корректировка шаблона WordPress

 В этом окне Вы можете выбрать рисунок для будущего фона в шаблоне WordPress. Рассмотрим настройки этого окна:

  1. Image opacity — настройка прозрачности рисунка. Если щелкнуть по цифре процентов — появится ползунок, который надо передвигать для изменения прозрачность рисунка.
  2. Image scale — Здесь можно изменить масштаб рисунка. Также появляется ползунок, который надо передвигать.
  3. Location — здесь можно изменить количество элементов в рисунке.
  4. Предварительный просмотр
  5. Скачать изображение на компьютер
  6. Изменяя разные параметры, меняется и сам вид рисунка в реальном времени.

Colors (цвет)

Урок 74. Корректировка шаблона WordPress

  1.  Foreground — цвет переднего плана
  2. HTML-код цвета
  3. Background — цвет фона
  4. Swap color — поменять цвета местами

Canvas (холст)

Урок 74. Корректировка шаблона WordPress

  1.  Значок в виде знака бесконечности закрепляет между собой горизонталь и вертикаль рисунка, за счет чего рисунок сохраняет свои пропорции, когда Вы изменяете его размеров. Если щелкнуть по этому значку — можно будет менять отдельно горизонталь или вертикаль рисунка.
  2. При щелчке появляется ползунок, с помощью которого можно изменять размер холста.
  3. Изменяет контрастность холста (непрозрачность)

Остался последний параметр — это вращение рисунка (Rotation)

Урок 74. Корректировка шаблона WordPress

Здесь все просто. Для вращения рисунка нужно щелкать по цифрам, которые означают градус вращения, или же передвигать ползунок по кругу.

Перед сохранением рисунка, щелкните «предварительный просмотр», и, если Вас все устраивает, жмите «Сохранить«.  Размер сохраненного файла 190х190 и расширение PNG. Если файл фона в Вашем шаблоне имеет другое расширение, тогда Вам нужно будет через Фотошоп изменить расширение файла на такое же, как в Вашем шаблоне.

Если из этого урока Вам ничего не понятно – спрашивайте в комментариях 🙂

На этом все.

____________________________________
К уроку 75. Эффективные способы для ускоренной индексации сайта

Получайте свежие статьи на свою почту

Форма подписки dvpress.ru
Поделиться статьей с друзьями


79 Comments

  1. Юрий, спасибо за статью. Давно хочу изменить параметры абзаца для записей – увеличить размер шрифта, увеличить отступ перед абзацем. Но не знала как.

    Вера
    • Надеюсь, Вера, у Вас все получится. Ничего сложного в редактировании шаблона нет. Пишите, если появятся какие-нибудь сложности.

      admin
  2. Ух…уж очень умно все вышло…можно ли следующие заметки писать более простым языком? Спасибо.

    Песок
    • Я вроде итак все просто написал. Я не знаю, как можно было этот урок написать проще. Буду стараться писать более доступно.

      admin
  3. Нет, проще уже некуда ! Написано действительно исключительно понятным языком, разжевано до такой степени, что и воды не осталось…Другое дело, что всё равно понять это всё можно после того, как рискнешь поэкспериментировать, пощупать руками,так сказать.
    Но я в легком шоке !
    Да нет, я просто в ШОКЕ! Я эти все знания выискивала по крупинкам в Интернете,на то, чтобы уверенно ковыряться в редакторе файлов у меня ушло два года и Бог знает сколько нервов (а сколько «запОротых» шаблонов !!!Потом приходилось скачивать по-новой и снова всё переделывать)
    Ей Богу, аж жаба давит — тут всё в одном флаконе !

    Mila
    • Я и в самом деле стараюсь все уроки писать простым и понятным языком. Я не знаю, как можно было этот урок написать проще. Я здесь не все написал, что хотел, но я думаю и этого вполне достаточно, чтобы можно было редактировать шаблоны. Правильно Вы написали, что нужно поэкспериментировать, пощупать, потрогать… Так оно и есть!
      А Ваш комментарий мне было весело читать %). Вы попробуйте изменить шаблон, и сами убедитесь, как это быстро и легко. Главное сделать резервную копию файла стилей style.css И вообще, лучше не экспериментировать на блоге, который на хостинге. Я установил еще один блог на Denwer. Для редактирования шаблонов да и вообще для вебмастеров хорошо подойдет дополнение — Firebug. Тоже очен хорошее расширение для браузера. Может потом напишу о нем статью.

      admin
      • Да уж,будьте добры , «колитесь по полной программе»- напишите и про этот Firebug…

        Mila
        • Хорошо, напишу приблизительно через неделю. Сейчас уже начал писать урок на другую тему, но тоже интересный и полезный. Вы же увидите, когда я буду анонсы подавать. Интересно, а как Ваша группа называется на Subscribe?

          admin
          • Называемся мы громко и звучно «Клуб компютеризированных пенсионеров». Организовала я этот клуб в прошлом году в конце февраля.Полагаю, если учесть то обстоятельство, что всётаки это группа не «про всё» и «не для всех», количество участников солидное….

            Mila
            • Я хорошо знаю эту группу, потому что постоянно подаю в нее анонсы. Да, я знаю, что в ней не мало людей. Может когда-нибудь и в моей группе столько соберется.

              admin
              • Более, чем уверена…Надеюсь, что и тогда Вы не откажете во внимании нам, «старым чайникам и самоварам»
                А то ведь как бывает- пока набирает ход молодой автор, вежлив с нами, стариками. А как расправил крылья,набрал базу подписчиков, выпустил свои пару продажников, и всё! Аукай, сколько влезет — в ответ только робот отписки присылает 🙂

                Mila
              • Анонсы я как подавал, так и буду подавать. С Subscribe идет нормальный трафик на сайт. А так как в Вашей группе не мало людей, то тем более никуда не уйду. Ну, только если забаните :). Меня в двух группах уже забанили, за не соблюдение правил

                admin
  4. Здравствуйте! Хороший и доступный урок,спасибо)До этого пользовалась Firebuh, Web Developer показался проще.
    Но,у меня не вышло поменять ни цвет,ни размер шрифта. В файле style.css изменения сохраняются,проверяла,права на файл 644.
    а на сайте как был шрифт 12,так и остался…
    Подскажите,пожалуйста,где ошибку искать?

    Екатерина
    • Здравствуйте! Тяжело сказать, где именно нужно изменять размер шрифта и его цвет. Это можно без проблем определить, если Вы пришлете весь шаблон.

      admin
      • admin-Юрий,рада знакомству)
        Мила-я рада знакомству)
        Благодарна за поддержку и предложение помощи)
        Ура! У меня все получилось!!!! Видимо был или не мой день или глюк компа…Почти отредактировала шаблон под себя))) чему очень рада!!! очень мне нравится копаться в коде,хотя много еще не понимаю,надеюсь осилить)))
        Мне очень понравился Web Developer))) Спасибо,Юрий,уже пользуюсь))) и,благодарю за предложение помощи) сейчас сама разобралась и почти подогнала шаблон под себя.
        Вопрос-может не в тему данной ветке,тогда,плз,переадресуйте,
        админка через какое-то время «виснет» и перестает откликаться на редактирование записей,т.е. не сохраняет изменения,хотя сама админка работает и я могу переходить в другие вкладки,добавлять плагины и т.д.
        С чем это может быть связано? на WP первый сайт делаю… Спасибо)))
        Мила,я не сильно секу с правами папок… меня когда-то научил опыт (был взломан сайт) на ФАЙЛЫ выставлять права 644-это все могут читать,я-редактировать,ПАПКИ- 750… 666-означает,что все пользователи могут читать и ВСЕ пользователи,которым не лень могут редактировать файлы Вашего сайта… проверьте права доступа файла wp-config.php они точно не должны быть 666… а 644… просто совет) из собственного опыта…
        спасибо еще раз за предложенную помощь)

        Екатерина
        • Рад, Екатерина, что у Вас получилось подредактировать шаблон. Я же и писал в уроке, что ничего сложного в этом нет. Помните, как в мультике: «глаза боятся, а руки делают». Главное все делать правильно. Обязательно нужно делать копию файлов, которые редактируются.
          А вот по-поводу админки я ничего не могу посоветовать, кроме, как если обновить WordPress. С такой проблемой я никогда не сталкивался, и вообще первый раз такое слышу.

          admin
    • Екатерина, но Вы должны поменять разрешение на 666 (или 644 -это просто описка ?).
      Лично я пробовала по очереди…Копировала код цвета, выносила его в Яндекс и смотрела-оно или не оно ? А когда цвет совпал, тогда уже и размер шрифта рискнула поменять…
      Админ правильно говорит-навскидку трудно ответить — программисты изгаляются, кто как может, а мы -новички, голову ломаем, кто и как обозвал нужный нам код 🙂

      Mila
  5. Юрий и снова здравствуйте 🙂 менять цвета и шрифты на своем сайте который с вашей помощью заработал я научился) спасибо еще раз! Но вот возникла проблема с дизайном на другом сайте который я начал делать, если в первом я разобрался и все вроде наладил то в новом дойдя до определенного этапа создания оказался в тупике, третьи сутки юзаю интернет и ни один человек не смог ответить на мои вопросы и как оказалось не я один столкнулся с проблемами дизайна шаблона для wordpress доска объявлений classipress 1.3.5 RU. От бессилия) снова обращаюсь к вам, Юрий, может вам известно, что нибудь пр этот шаблон? Я в нем ну ни как не могу найти, где например можно поменять нижнее меню сайта, в фале footer всего 5 строчек прописано но от них толку нет, второе ну ни как не хочет тема переключать страницы, открывая сайт все нормально но когда кликаешь на стр.2 или 3, выдает нет такой страницы?.. Хотя указатели есть, и третье не как не могу докумекать как же менять пользовательские поля для пользователей (там, где: Заголовок объявления, укажите страну, телефон и так далее) Их конечно можно создавать новые, но вот там есть уже установленные которые не удаляются и прописаны по английски например: City, State, price, Coyntry, что в переводе означает Город, цена, страна к примеру… Я понимаю, что это все в каких то файлах прописано но просидев несколько часов и просмотрев все файлы так и не понял, где это все меняется 🙁 На многих болгах много людей задают друг другу именно такие же вопросы по этой теме, но видимо там такие же как я 🙂 в общем ответы на эти вопросы ищу не только я один)

    Александр
    • Здравствуйте, Александр! С шаблоном classipress 1.3.5 RU я не знаком, но если вы мне его пришлете, попробую разобраться, когда будет время. Это возможно будет только в следующие выходные, а может и раньше. Я писал еще один урок по верстке шаблонов. Почитайте урок 78, если не читали, возможно там чего-нибудь найдете интересного.

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

    Модная Вика
  7. А я хотела растянуть границы шаблона, но только по частям получается, нужно же, чтобы шапка, меню и боди одного размера были, но тогда, когда увеличиваю, картинки-то не увеличишь. Это получается, что надо перекидывать и картинки другого размера.
    но мне это делать, естественно, лень.
    Может, кто-нибудь знает способ, чтоб все одним махом?

    Ольга Черныш
  8. Установил готовый шаблон http://wp-templates.ru/wallbase/
    Проблема в том, что я не знаю где и как редактировать поле для текста. Оно очень узкое и на широкоформатных мониторах смотрится некрасиво. И еще хотел бы сделать поле по центру экрана. Буду очень благодарен за помощь.

    Игорь
    • Даже не знаю, как я могу чем помочь? Я не вижу по ссылке ничего о чем вы пишите. Может легче в Dreamweaver-е отредактировать?

      admin
  9. Спасибо за уроки, все достаточно доступно написано. Может быть подскажете, как изменить цвет ссылок с синего на другой? Нашла где это, изменила на 255330, а они как синюшные были, так и остались. При наведении курсора и цвет посещенной ссылки стал другим, а вот цвет самой ссылки-нет.

    Оксана
    • Оксана, цвет ссылок или вообще шрифта очень легко сменить. Щелкните по ссылке, а потом смотрите, ищите цвет ссылок в окне справа. Жаль, что я не могу показать этого в реале. Это очень просто, поверьте. Ну хотите, я вам изменю цвет, если сами не сможете. Вы мне только напишите, какого цвета хотите чтобы были ссылки и я хоть сейчас изменю.

      admin
  10. Ну вот не меняется этот цвет и все тут, я задаю другой, но толку нет, прописан другой цвет, а в реальности все равно ссылки синие. Уж я так и эдак…, думала в файле html эти цвета прописаны, но index.html вообще на хостинге не нашла, нет там такого 🙁 Поверьте, мне это очень непросто, я цветовод и в программировании или веб-дизайне полный ноль. То, что смогла сделать, и так считаю почти подвигом, учитывая что сайту завтра будет лишь неделя отроду, а я по уму еще и терминологию не выучила.
    Хочу, чтобы Вы поменяли, но не знаю, что для этого нужно? Цвет ссылки чтобы был 255330. С цветом при наведении курсора и с пройденными я справлюсь, они меняются, я уже пробовала.

    Оксана
    • Оксана, цвета меняются в файле не index.php, а в файле стилей style.css. Кстати, я заходил на ваш блог и пробовал менять цвет ссылок. Все хорошо меняется. Я сейчас не через мозилу корректирую шаблон, если надо, а через Google Chrome. Через этот браузер удобнее и не надо никакой плагин устанавливать.
      А чтобы мне поменять цвет ссылок, мне понадобиться доступ к блогу через FTP, чтобы добраться до файла стилей.

      admin
  11. Да я не php искала, а html, прочитала, что цвета могут быть заданы там. В php я мало что меняла т.к. он для меня еще более непонятен, чем style.сss.
    В браузере цвета меняются, я во всех трех пробовала, но когда меняешь их в файле, эффекта ноль. Меняются только при наведении и посещенные. А вот синие не меняются никак, они как заколдованные или мне в блондинку перекраситься надо.
    Вам пароли куда отправить? Или могу сам файл style.css отослать. Его потом можно и из админ панели поменять. Моя наглая рожа так и делает. 🙂

    Оксана
    • Оксана, не надо мне никакие пароли, а пришлите шаблон и я все сделаю. Я думаю и у вас голова будет меньше болеть. Шлите весь шаблон обязательно. sleuthh@gmail.com

      admin
      • Отправила вчера поздно вечером. Не знаю, дошло ли?

        Оксана
        • Нет, Оксана, письма вашего я не видел. Даже спам смотрел.

          admin
          • Отправила еще раз. Яндекс сразу уведомил, что сообщение доставлено. А вот как на самом деле-не знаю 🙂

            Оксана
            • Оксана, письмо пришло, но вы мне опять прислали только один файл из темы блога. Я же просил, чтобы вы прислали всю тему. Я не смогу проверить свою работу. Знаете, дайте мне лучше доступ к блогу через FTP и я все сделаю сам. Вы наверное не знаете как выглядет тема блога 🙂

              admin
              • Отправила. Наверное, надо было не один css, а всю папку с файлами отправлять. Ну да ладно, надеюсь, хоть с паролями для входа не намудрила. Вы извините чайника со свистком, информации новой и совершенно незнакомой мне, очень много.

                Оксана
              • Да, мне нужна вся папка. Если можете прислать — пришлите, потому что вы не выслали ftp сервер. Я не смогу зайти.

                admin
  12. Спасибо дружище! Помог!!!

    Alexandertambow
    • Всегда рад помочь

      admin
  13. Здравствуйте!
    Подскажите пожалуйста, куда обратиться с такой проблемой:
    Выбрал себе шаблон StarStruck, у которого шапка страницы сайта визуально расширяется по горизонтали до краёв экрана за счёт позиционирования с помощю style.css в теге body фоновой картинки методами: top left repeat-x. Весь остальной фон приобретает цвет, присваеваемый соответствующим атрибутом. Итог: атрибут выбора картинки фона занят украшением шапки, остальной фон имеет просто цвет, но не оформлен изображением. Хотелось бы: вместо цвета замостить весь оставшийся фон какой-либо картинкой.

    Что пытался сделать: с помощю фокуса CSS3 применить в стилях мультифон таким способом —
    body{
    border:0;
    padding:0;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    text-align:center;
    background: orange url(images/bg_header.gif) top left repeat-x, url(images/background_wood.jpg);
    }

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

    Дмитрий
    • Здравствуйте!
      Я понял вашу проблему. Знаю я такие шаблоны, у которых горизонтальная полоса на всю ширину экрана.
      Попробовать можно было бы удалить эту полосу, но на это надо время.Не могу что либо подсказать в этой ситуации.

      admin
  14. Мне нужно обозначить границы вокруг самого body. К примеру, как на этом блоге. Здесь черный фон вокруг светлого.

    Nurlan
  15. Здравствуйте, Юрий.
    У меня на главной странице заголовки статей написаны каким-то непривлекательным маленьким шрифтом.
    Пробовала вносить изменения в стилях Css, не получается, так как заголовки являются ссылками. А стили для всех ссылок как-то закодированы. Можете ли что-то посоветовать?

    Ольга
    • Здравствуйте, Ольга.
      Я заходил на ваш сайт.
      Если пришлете мне тему вашего блога, то я попробую разобраться.
      Думаю, что ничего сложного.
      Пришлите мне на почту заархивированный шаблон.

      admin
  16. Здравствуйте! Юрий
    . поможете и мне
    . я хочу сделать свой блог привлекательней помогите мне и подскажите пожалуйста что зделать!!!яхочу изменить шаблон что бы остался тот же но как то его изменить!! вот адрес посмотрите если не затруднит http://nashipchelu.ru/

    николай
    • Николай, здравствуйте! Посмотрел я ваш сайт. Нормальный у вас установлен шаблон. А если вам чем-то шаблон не нравится, то можно создать свой уникальный шаблон с помощью специальной программы. Для этого не нужно быть каким-то профи

      Yuriy
  17. Делаю сайт для подруги. Она выбрала шаблон Greenday, Мне не понравились полоски, плохо видно меню, еще нужно было вставить логотип, я переделала картинки загрузила в папку, но при установке встает изначальный шаблон, хотя, когда открываешь папку на хостинге, все картинки мои. Где-то в шаблоне стоит что-то? Заранее благодарна за ответ.

    Наталья
    • Наталья, скорее всего в блоге установлен плагин кэширования, например, Wp Super Cache или аналогичный ему. Надо очистить кэш, который создает этот плагин, тогда будет все видно.

      Yuriy
  18. Спасибо огромное.я столько билось с этим. Действительно, очистила кэш и встали мои картинки.

    Наталья
    • Теперь будете знать. Но бывает иногда, что надо еще и кэш браузера чистить, чтобы увидеть изменения.

      Yuriy
  19. Николай здравствуйте, спасибо за статью. У меня вопрос такой, как сделать текст по ширине страницы как у вас?? я пробывал менять через style.css, получается что текст заходит за рубрики, может подскажите где посмотреть??

    Сергей
    • Приветствую, Сергей! Меня Юра зовут :). Чтобы выровнять шрифт по ширине, как у меня, надо найти в файле стилей строку, которая отвечает за выравнивание текста и поставить значение «justify». Вот часть кода из файла style.css

      .art-PostContent
      {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      letter-spacing: 0px;
      text-align: justify;
      line-height: 150%;
      color: #000000;
      }

      Yuriy
  20. Юрий здравствуйте! Помогите мне еще раз пожалуйста! Я хочу увеличить шырину шаблона. Подскажите как это сделать??

    николай
    • Приветствую, Николай!
      Как расширить шаблон, не получится написать в комментариях.
      Надо понимать, что изменив один параметр, шаблон не расширится. Надо будет изменить размер шапки, самой страницы и футера, но и этого видимо будет не достаточно.

      Yuriy
  21. Вот это я и хотел узнать, много ли менять прийдется!!

    николай
  22. Доброго времени суток Юрий!! спасибо за подсказку, не было времени отписаться. Успехов вашему проекту, походил у вас по рекламке в качестве благодарности)))

    Сергей
    • Спасибо, Сергей

      Yuriy
  23. Юрий, доброго времени суток!
    Может и мне подскажете? Скачала шаблон, который вроде бы мне наконец подходит (все не нравится:)
    Пытаюсь ставить другой цвет фона или фотографию в фон — в просмотре показывает что все ок, сохраняю, закрываю консоль — нет ничего…
    Если бы сам шаблон не предусматривал возможность смены фона — ведь и в консоли не было бы такой опции? И просмотр не показывал бы… так?

    Екатерина
    • Здравствуйте, Екатерина! Аналогичный вопрос мне уже задавали, только в другой статье. Скорее всего это происходит из-за того, что установлен в блоге плагин кэширования, типа WP Super Cache, или аналогичный ему. Очистите кэш этого плагина, тогда должны все изменения быть видны. Если и это не помогло, тогда пробуйте очистить кэш браузера.

      Yuriy
  24. еще б найти его, этот супер кеш:)
    Самое интересное, в другой теме (шаблоне) все цепляется, и просто смена цвета фона, и фотографию вместо фона
    Именно тут что-то мешает

    Екатерина
    • Тяжело сказать, что можете быть. Напишите адрес блога, где не получается изменить фон.

      Yuriy
  25. Главное почистить кэш блога, а не браузера. Напишите адрес своего блога

    Yuriy
  26. я ж вписала в данных, которые перед отправкой коммента заполняем:)
    http://www.samizachudesami.ru/

    Екатерина
    • Если фон не меняется и панели администратора, можно фон изменить вручную. Надо просто в самом шаблоне найти графический файл фона, и заменить его на свой. Делается это достаточно просто и быстро.

      Yuriy
  27. так… если я все правильно сделала (на хостинге в папке темы нашла в имаджес бэкграунд и заменила его свои рисунком, предварительно переименовав), то встало!:)) в ленинград через сахалин:) теперь с размерами повоевать, чтобы не было эффекта «замостить…

    Юрий, СПАСИБО! получилось таки:)

    Екатерина
    • Да не за что, Екатерина. Легче всего, чтобы не было видно швов в фоне, найти в интернете бесшовные фоны для сайтов. Но можно такой фон и самому сделать.

      Yuriy
  28. принципиально хочу только свои личные фотки:) но бесшовно не проблема сделать — поиграть с пикселями немножко и подогнать:)

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

    Анатолий
  30. Доброе время суток, подскажите есть сайт написан на ВП , цифры непонятным образом пляшут, замучился искать почему. Не поможите?

    Пётр
    • Цифры пляшут, потому что у вас шрифт в CSS прописан «Georgian». Если сменить его, например, на «Arial», то цифры перестают плясать.
      Могу помочь. Пишите на почту zmushko@dvpress.ru

      Yuriy
  31. 💡 А как бы придать цвет и морщинки пергамента страничкам блога? 😮 😐

    Виталий
  32. сллашай меняю цвет в шапке сохроняю а цвет не меняеться

    Витос
  33. Здравствуйте, Юрий, подскажите как сделать баннер в шапке как у вас на сайте?Какой код куда вставлять надо или что надо сделать?

    Lika
    • Приветствую, Лика!
      Могу объяснить, как это можно просто сделать. Пишите на почту — объясню

      Юрий
  34. Доброго времени суток)))
    Я удивилась, что наткнулась на такой живой отзывчивый сайт))) Прям радуюсь, что такое бывает. А можете мне помочь? А то я уже в расстройстве. Я вообще не программист) И этот сайт с одной стороны баловство, а с другой стороны я очень его люблю и хочется со временем довести до идеала. Он у меня первый и вообще единственный)
    В общем вот что я искала. В шапке есть СЕЗОНЫ, далее СЕРИИ в сезоне ОНХАРИОЛТ… И вот когда юзер заходит на сайт и читает серию, возможно ли, чтобы другим цветом сохранялась последняя прочитанная серия в этом списке вылезающем? Может уже есть про это статья? Но я в упор не знаю, как это может называться… Серий планируется много) И логично было бы юзеру, открыв сайт через неделю или того позже, не ковыряться в воспоминаниях о том, какую последнюю серию он прочел. А тут бах — смотрит цветом первые 10 раскрашены, значит на 10-ой он и остановился)будет читать 11-ую…
    Ох, я надеюсь, я вам объяснила понятно.
    С Уважением, Олеся

    Olesya
    • Олеся, приветствую! Я понял, что вы хотите сделать. Хорошо конечно, что вы думаете о своих посетителях. Но даже, если вы и сделаете эту функцию, то работать она будет наполовину. Достаточно человеку почистить куки в браузере, и это фишка ему уже не покажет, какую серию он последнюю смотрел.
      Лучше вам, Олеся, с таким вопросом обратиться на форум вебмастеров. Возможно там кто-то подскажет такую же фишку, но гораздо лучше. 🙂

      Юрий
  35. Интересное редактирование шаблона, установила себе расширение, будем пробовать, спс за статью

    марина
  36. Здравствуйте!
    Редактирую файл style.css , а сайт не реагирует. Редактирую через админку в WordPress: Внешний вид – Редактор. Может кто знает почему?
    P.S.
    Сайт не не хостинге, а на OpenServer на локальном компьютере, тема Twenty Fourteen, WordPress.

    Александр
    • Здравствуйте, Александр! У Вас наверное установлен плагин кэширования, наприме, WP Super Cache, поэтому сайт и не реагирует. Если есть такой плагин, тогда нужно просто почистить кэш, и все.

      Юрий
  37. Зравствуйте.
    Блог на WordPress на Openserver на локальном компьютере. Тема Twentyfourteen.
    При сужении окна текст левого сайдбара (белый шрифт на черном поле) начинает налазить на белое поле основного текста и сливаться с ним (когда меняешь цвет шрифта сайдбара текст становится виден и на белом фоне тоже). При этом область сайдбара с черным фоном остается, текст съезжает с нее вправо, постепенно оставляя пустой. При дальнейшем сужении окна черная область сайбара справа исчезает и он весь, с текстом, уходит в вниз, где нормально виден (там тоже черный фон). Но это все происходит только на страницах блога (в WordPress два вида страниц: собственно страницы и записи, где на первом месте самые свежие), а на страницах с записями такого не происходит – все нормально. Смотрел HTML код (в браузере, когда нажимаешь пункт исследовать элемент) сайдбар на обоих видах страниц идет под одним divом (с одним и тем же идентификатором id) divы основного содержания хоть и называются по- разному, но имеют одни и те же CSS свойства (там их видно). Непонятно почему сайдбар ведет себя по-разному на разных видах страниц.
    На обоих видах страниц сайдбар имеет отрицательное левое поле margin -100%. Когда это свойство убираешь сайдбар остается слева, но текст в нем уходит вниз до уровня где заканчивается текст основного содержания. Но перестает налазить на него, как было раньше.
    Может, кто знает, в чем дело и как это исправить?

    Александр
    • Вот прямо так на Ваш вопрос никто не ответит. Разобраться можно только при редактировании шаблона

      Юрий