Создаем свой сайт на WordPress. ( PDFDrive ). Г78 Создаем свой сайт на WordPress быстро, легко и бесплатно. 2е изд. Спб
![]()
|
208 Глава 7 Дизайн сайта На странице редактирования заголовка присутствует еще две команды (рис 7 9) Рис. 7.9. Изменение изображения-заголовка (окончание) Кнопка Удалить изображение заголовка удаляет с сервера картинку, которая на данный момент используется в качестве заголовка Удалять изобра- жение стоит в том случае, если загруженный вами файл не подходит для данной дизайн-темы Кнопка Восстановить исходное изображение заголовка возвращает перво- начальные настройки темы, в случае с шаблоном Twenty Ten в качестве заголовка будет вновь задействована картинка с аллеей Настройка фонового изображения Помимо картинки-заголовка через панель управления WordPress можно также заменить фоновое изображение, используемое в текущей теме Фоновое изображение — это картинка-подложка, фон дополнительной области, отображаемой за границами основного каркаса сайта Для темы Twenty Ten используется фон белого цвета, вы можете поменять его, вы- брав пункт панели управления Внешний вид Фон (рис 7 10) Во-первых, вы можете изменить цвет фона, для этого используйте поле Цвет в блоке Настройки отображения Нажмите ссылку Выбрать цвет и в от- крывшейся палитре (она показана на рис 7 10) подберите подходящий оттенок После выбора цвета с помощью палитры в поле Цвет появится набор символов, представляющих собой код для его вывода на сайте (в на- шем примере этот код выглядит как #f1f1f1 ) При этом в поле Просмотреть появится предварительный вид нового фонового изображения 209 Настройка дизайн-темы Twenty Ten Рис. 7.10. Изменение фонового изображения Таблица 7.1. Значения HTML-кодов для основных цветов Цвет Код Цвет Код Цвет Код Морская волна #00ffff Черный #000000 Синий #0000ff Серый #808080 Зеленый #008000 Лайм #00ff00 Темно- бордовый #800000 Темно- синий #000080 Оливковый #808000 Пурпурный #800080 Красный #ff0000 Серебряный #c0c0c0 Бирюзовый #008080 Белый #ffffff Желтый #ffff00 Если вы знаете точный код для нужного вам цвета, его можно ввести в поле Цвет , без использования визуальной палитры Такой подход обыч- но используется профессиональными веб-дизайнерами, для которых 210 Глава 7 Дизайн сайта принципиально точное «попадание» в цвет Аналогичным образом нужно поступить, если фон будет строиться на цветах корпоративного стиля, отступать от которого нельзя В качестве примера приведем таблицу с кодами базовых цветов Полный перечень цветов, рекомендуемых к использованию в веб-графике, и кодов к ним можно посмотреть в справочнике, созданном студией Ар- темия Лебедева: http://www.artlebedev.ru/tools/colors СОВЕТ Для быстрого подбора цветовой гаммы сайта можно использо- вать один из онлайн-серверов, генерирующих цвета и коды на основе существующего изображения (например, картинки-за- головка или логотипа) Один из таких сервисов расположен по адресу http://www.colorhunter.com Второй способ замены фонового изображение — загрузка на сервер спе- циального графического файла и использование его в качестве фона Для этого используйте функцию Выберите изображение Можно загрузить новый файл, который будет использоваться в качестве фона, либо выбрать из имеющихся, уже загруженных ранее в библиотеку медиафайлов Загру- жаемая картинка не обязательно должна быть большой, так как WordPress автоматически размножит изображение, заполнив им всю площадь фона Пример такого «размножения» можно наблюдать на рис 7 11, где был за- гружен простой логотип небольшого размера Рис. 7.11. Фон, созданный на основе небольшого логотипа Вместе с тем использовать в качестве фона подобные изображения не рекомендуется Фоновая иллюстрация должна быть нейтральной, не отвлекающей внимание от основной части сайта Для этих целей лучше 211 Настройка дизайн-темы Twenty Ten подходят графические текстуры спокойных тонов, которые вы можете легко найти в Интернете или даже создать самостоятельно ПРИМЕЧАНИЕ В последней версии WordPress появилась возможность бы- строй настройки текущей темы, для этого надо воспользоваться ссылкой Настроить , которую можно найти рядом с описанием активной темы на странице управления темами (см рис 7 2) Открывшееся окно дублирует функции настройки тем, рас- смотренные выше Несколько слов об источниках изображений Вопрос с исходными графическими материалами для сайта является очень насущным Существует три основных источника иллюстраций: 1. Собственные изображения, на которые вы обладаете полными ав- торскими правами Это могут быть личные фотографии, рисунки, логотипы, коллажи, созданные вашим собственным трудом К этой же категории можно отнести и материалы ваших родственников и друзей, которые совершенно точно не предъявят вам претензий о незаконном использовании их работ 2. Законно приобретенные материалы, например купленные фотогра- фии или сделанные специально для вас коллажи К этой категории относятся и изображения, приобретаемые в платных интернет- фотобанках ВНИМАНИЕ! Стоит заметить, что, если вы купили в ближайшем ларьке компакт-диск с коллекцией клипартов (графических коллажей и фотографий), это, как правило, не будет считаться законным приобретением, поскольку в подавляющем большинстве слу- чаев подобная продукция является контрафактной |