Шаблон Twenty Eleven продолжения

Shablon                     Twenty Eleven30Здравствуйте, дорогие читатели.

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

Кстати, в шаблонах от Вордпресс очень редко встречается настройка слайдера, -вторая тема со слайдером на данный период времени это Twenty Fourteen.

Я не очень люблю черные цвета в шаблонах и поэтому темную цветовую схему испытала только для наглядности,

Shablon                     Twenty Eleven2

но даже в светлой цветовой схеме, если вы меняете фон и заголовок на собственные на соответствующих страничках  в категории настроек «Внешний вид», главное меню остается черного цвета

Shablon                     Twenty Eleven21 и выглядит не очень привлекательно, а точнее, просто не подходит к цветовой палитре вашего блога.

Shablon                     Twenty Eleven13

А поэтому мы просто зайдем в редакторе в файл таблица стилей style.css в раздел отвечающий за меню и на участке выделенный на фото ниже синим поменяем цвет на тот, который нам нужен. Не забывайте, что фото кликабельно для лучшего просмотра. Заменяем аккуратно только цвет, поэтому функциональные свойства основного меню изменится у вас не должны. Как видите на фото, используется  два цвета, каждый из которых повторяется по четыре раза.

Shablon                     Twenty Eleven23

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

Shablon                     Twenty Eleven25

На фото ниже я взяла два синих оттенка, но верхний более светлый, а

Shablon                     Twenty Eleven27

а здесь я выбрала самый светлый и темный оттенок зелёного из изображения в заголовке и «смешала» их в градиенте основного меню.

Shablon                     Twenty Eleven30

Если вы хотите изменить белый цвет для всего содержимого блога: основная колонка, боковой сайдбар и футер (виджеты) целиком, то нужно изменить цвет в строке выделенной на фото ниже в том же файле style.css, но в другом разделе.

Shablon                     Twenty Eleven14

Кстати, в процессе эксперимента изменила адрес картинки в скобках вот здесь (фото ниже, легко найти по расположению ползунка, раздел /* Forms */ (для быстроты можно в окошко поиска внести  input) Для тех, кто забыл: окошко поиска появляется при нажатии на клавиши Ctrl + F.

Shablon                     Twenty Eleven15

Эта картинка, адрес которой вы добавите из собственной медиабиблиотеки появится в поиске. Особенно интересно выглядят гифки. ;-)  Но картинка должна быть очень небольшой, порядка 28 пикселей.

Shablon                     Twenty Eleven16

Кроме положительных моментов от шаблона Twenty Eleven, у меня всегда возникало ощущение, что заголовок, точнее надпись сайта над картинкой занимает очень много места. Поэтому я просто зашла на страницу настройки заголовка и убрала галочку рядом с «Показать текст заголовка вместе с изображением».

Shablon                     Twenty Eleven20

Теперь вы просто готовите изображение шириной 1000 пикселей, высота любая (порядка 250-280 пикселей), подписываете в редакторе изображений и устанавливаете в качестве заголовка. Так как картинка заголовка кликабельна на главную страницу сайта, то текст заголовка в принципе не обязателен.

Shablon                     Twenty Eleven32

В шаблоне Twenty Eleven можно настраивать к постам картинки и миниатюры. Картинки будут просматриваться на главной, в архивах и рубриках, а миниатюры просматриваются в слайдере избранных статей, и в том случае, если для миниатюры взято крупное изображение (порядка 1000 пикселей), то оно будет просматриваться вместо картинки заголовка над статьей или страницей. То есть, если вам хочется закрепить определенное изображение в заголовке при открытии именно этой статьи, установите его в миниатюру данной записи.

Shablon                     Twenty Eleven31

Вот, пожалуй, и всё на сегодня. Если я что-то упустила, пишите в комментариях.  До новых встреч на блоге, с вами была Юлия. Удачи!

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: , . Закладка Постоянная ссылка.

34 комментария: Шаблон Twenty Eleven продолжения

  1. Александр Викторович пишет:

    Интересные рекомендации. А сам принцип таких корректировок стилей, может подойти для других шаблонов?

    • Юлия пишет:

      Лучше рассматривать конкретный шаблон, потому что могут быть отличия и способ просто не сработает…

      • Александр Викторович пишет:

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

  2. Ольга пишет:

    Привет, Юль! После предыдущей статьи все хожу и вспоминаю — откуда мне это шаблон так знаком (знаешь, что я не знаток:-)). По-моему, именно он у меня и был одним из первых — еще до темы с ангелочками Рафаэля (застала ты тот или нет? дааавно было дело).

    А недавно думала о создании второго блога, анонимного — перерыла кучу тем тут у тебя — нашла несколько. Мне нужен был максимальный минимализм =) Не показываю пальцем по понятным причинам)

  3. Вера пишет:

    Давно хотела так поменять в шаблоне на свои цвета, но не знала как, спасибо большое Юлечка, побольше пожалуйста пишите об этом шаблоне. :good: :rose:

  4. Юрий пишет:

    Добрый вечер !Случайно нашел плагин _http://wordpress.org/plugins/styles-twentyeleven/ для изменения стиля сайта и текста. Может кому то пригодится.

  5. Юрий пишет:

    Вечер добрый! Есть подобный плагин и для twenty twelve.

  6. Юрий пишет:

    Спасибо ! Обязательно посмотрю. И спасибо Вам за Ваши обзоры ! Мне очень помогло продвинуться ,так как я еще «не очень» . Но просматривая в css шаблоны у меня получается использовать стили шаблонов ,как примеры, и на примерах эксперементировать с темой twenty eleven.Да, есть плагин для создания дочерних тем.One-Click Child Theme. Хотя он и не обновлялся,но я попробовал, работает.Мне понравился,хотя можно и без него, но действительно за 5сек. «дочка» готова.

  7. Ильфат пишет:

    Юля, добрый день! Не могли бы вы подсказать как можно сделать слайд-шоу из картинок в заголовке на основе темы Twenty Eleven. Заранее спасибо.

  8. Ильфат пишет:

    к примеру как на данном сайте. _http://zaza-gruming.ru/

  9. Ильфат пишет:

    Извините, что отвлек, но нашел плагин для решения моего вопроса. Называется Header Image Slider. Вдруг кому понадобится :)

    • Юлия пишет:

      Ильфат, спасибо огромное за плагин- это действительно замечательная находка, и очень хорошо, что Вы о ней рассказали. Я ведь до сих пор не встречала такого плагина, хотя, признаться, даже сейчас рада, что такой существует Who-s-the-man

  10. Ильфат пишет:

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

  11. Ильфат пишет:

    Юлия, доброе утро! С шириной шаблона разобрался, в файле style.css нужно найти строчку со словом page и выставить значение width нужное вам. У меня следующий вопрос, Вы продвижением сайта занимаетесь? Если да, не могли бы посоветовать или дать ссылочку на ресурс, уже месяц ищу материалы, ничего толкового найти не смог. Заранее спасибо.

  12. Ильфат пишет:

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

    • Юлия пишет:

      Ссылку на сайт конечно дам, просто это настолько популярный человек среди блогеров, что не подумала, что Вы его не знаете-)http://isif-life.ru/

  13. Ильфат пишет:

    спасибо, Юлия. Знаю данный сайт, в подписке нахожусь даже)

  14. Сергей пишет:

    Рассмотрел кучу шаблонов, решил переделать стандартный. Спасибо за статью. Посмотрите мой сайт,что получилось из этой темы Вордпресс.

  15. Onisifor пишет:

    Юля, может Вы подскажете, как можно редактировать мобильный вариант Twenty Eleven?

    • Юлия пишет:

      В шаблоне Twenty Eleven адаптивный дизайн. Зачем какая-то редакция? Я честно говоря, не поняла вопрос…

      • Onisifor пишет:

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)