Tag Archives: дизайн

Как выглядит сайт на мобильных устройствах

Как выглядит сайт на мобильных устройствах

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

Загибающийся угол в WordPress

Загибающийся угол в WordPress

Чтобы получить эффект загибающегося уголка на блоге или сайте сделанного на движке Wordhress Вам понадобятся:

  • скрипт отгибающегося уголка (peel.js)
  • два изображения
  • два swf файла

За счет этого набора будет работать скрипт уголка.

Индивидуальные стили для постов (записей) WordPress

Индивидуальные стили для постов (записей) WordPress

CMS WordPress устроен так, что каждая статья, пост (запись) выглядят также как и остальные — одинаковый шрифт, фон и так далее. С помощью небольшого технического трюка вы сможете задать индивидуальный стиль, изменяя фон, цвет заголовков и текста, размер и семейство шрифтов и многое другое. Таким образом можно выделять важные, примечательные и оригинальные записи (посты) и страницы из общего стиля и привлекать внимание читателей.

Как поменять цвет заголовка (title) в WordPress

Как поменять цвет заголовка

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

А как сделать, например, заголовки в каждой рубрике WordPress определённого цвета, или просто сделать отдельный заголовок другого цвета от заданного в style.css, чтобы он отличался от других ?

Делается это вот так.