Создаем свой сайт на WordPress. ( PDFDrive ). Г78 Создаем свой сайт на WordPress быстро, легко и бесплатно. 2е изд. Спб
![]()
|
203 Настройка дизайн-темы Twenty Ten локализованными) темами, неудобной структурой и многочисленной ре- кламой Этому способствует два фактора: растущая популярность CMS WordPress (и, соответственно, потребность в разнообразных темах) и, как уже отмечалось выше, относительная простота локализации англо- язычных шаблонов Поэтому в Сети появляется все больше наскоро сде- ланных проектов, распространяющих плохо локализованные темы для WordPress, — их создатели понимают, что основной поток посетителей и так придет к ним из поисковых систем, так зачем же затруднять себя качеством контента? Потратив некоторое время на поиск хороших ресурсов с качественными темами, вы наверняка накопите собственную подборку избранных сайтов В качестве одного из таких проектов можем порекомендовать сайт www. wpbot.ru , на котором регулярно публикуются как локализованные, так и авторские темы Другой путь — заказать специалисту по WordPress локализацию опре- деленной иностранной темы либо разработку уникального шаблона, специально созданного для вашего сайта Если вы обратитесь с подобным заказом на одну из крупных интернет-бирж фрилансеров (например, www. free-lance.ru ), то без труда найдете исполнителя за вполне скромные деньги Далее мы поговорим об изменениях, которые можно осуществить с теку- щей активной темой — Twenty Ten ВНИМАНИЕ! Как уже отмечалось в главе 5, в версиях старше WordPress 3 0 активной по умолчанию является тема Twenty Eleven и Twenty Twelve Поэтому рекомендуем переключиться на тему Twenty Ten, поскольку рассказывать о настройках дизайна в этой главе мы будем именно на ее примере Настройка дизайн-темы Twenty Ten Начиная с версии 3 5, WordPress поставляется с тремя встроенными темами — Twenty Ten, Twenty Eleven и Twenty Twelve Это очень ка- чественные и современные шаблоны, которые можно легко настраивать 204 Глава 7 Дизайн сайта Также можно легко менять их внешний вид По большому счету, если к дизайну сайта у вас нет повышенных требований, то вполне можно оста- вить в качестве основной одну из встроенных тем, тем более что можно с минимальными усилиями персонифицировать ее, чтобы отличить ваш сайт от других проектов, использующих данный шаблон В этом плане предыдущая встроенная тема WordPress — WordPress Default (рис 7 6) — значительно проигрывала как по дизайну, так и по возможностям для видоизменения Рис. 7.6. Вид сайта, использующего тему WordPress Default 205 Настройка дизайн-темы Twenty Ten По этой причине большинство разработчиков первым делом меняли эту тему на более интересную по внешнему виду Шаблон Twenty Ten (рис 7 7) смотрится намного более выигрышно Рис. 7.7. Вид сайта, использующего тему Twenty Ten Настройка заголовка Для изменения дизайна этой темы можно использовать встроенные в па- нель инструментов WordPress функции Прежде всего поменяем изобра- жение, которое находится в верхней части сайта, под его названием (на рис 7 7 это картинка с аллеей) Для этого выберите пункт панели управ- ления Внешний вид Заголовок Открывшаяся странице (рис 7 8) позволяет изменить картинку-заголовок сайта 206 Глава 7 Дизайн сайта Во-первых, вы можете заменить картинку, используемую по умолчанию, на один из семи дополнительных вариантов Просто отметьте понравив- шееся вам изображение и нажмите кнопку Сохранить изменения внизу страницы Обновив страницу сайта в браузере (клавиша F5), можно оценить полученный результат и при необходимости выбрать новую картинку Рис. 7.8. Изменение изображения-заголовка Во-вторых, существует возможность использовать собственное изо- бражение в качестве графического заголовка сайта Для этого в разделе Загрузить изображение нажмите кнопку Обзор и выберите нужный файл Он должен быть графического формата и иметь расширение jpg, gif, png или tif и т д 207 Настройка дизайн-темы Twenty Ten ПРИМЕЧАНИЕ Если вы разрабатываете корпоративный сайт, очевидно, что в качестве заголовка необходимо использовать изображение, выполненное в фирменном стиле компании (с соответствующими цветовыми оттенками и шрифтами), содержащее официальный логотип организации и ее рыночное название Если же интернет- проект не привязан к конкретной компании, то можно исполь- зовать любой коллаж или фотографию, подходящую по теме Вместе с тем для того, чтобы сайт был узнаваемым, желательно даже для некоммерческого проекта разработать и использовать в дизайне собственный логотип В принципе, его роль может выполнять доменное имя или название проекта, выполненное интересным, привлекательным шрифтом Перед загрузкой на сервер настоятельно рекомендуется подготовить файл к загрузке, масштабировав его и «подогнав» под нужные размеры Размеры эти указаны в разделе Загрузить изображение — 940 ×198 пиксе- лов Если размеры картинки будут больше указанных, то после загрузки файла WordPress откроет страницу, на которой можно будет обрезать ее Но гораздо удобнее сделать это заранее, средствами любого графического редактора При работе с сайтом вам постоянно придется обращаться к графическим редакторам для того, чтобы масштабировать, обрезать или кадрировать картинки Обычно большинство публикуемых материалов сопровождается иллюстрациями, и для каждой новой записи нужно будет подбирать изо- бражения и редактировать их По этой причине вам необходимо овладеть навыками выполнения базовых операций в любом графическом редакторе ПРИМЕЧАНИЕ Программ для работы с графикой существует множество, хотя чаще всего для этих целей используют Adobe Photoshop С дру- гой стороны, если перечень выполняемых операций будет огра- ничиваться масштабированием и кадрированием рисунков, нет никакого смысла использовать для этого такой мощный (и гро- моздкий) редактор, как Photoshop Для простейших операций с файлами я рекомендую использовать бесплатную программу XnView, которую можно загрузить с сайта www.wordpressbook. ru , найдя ее в разделе «Файлы» |