Создаем свой сайт на WordPress. ( PDFDrive ). Г78 Создаем свой сайт на WordPress быстро, легко и бесплатно. 2е изд. Спб
 Скачать 4.92 Mb.
|
|
228 Глава 7 Дизайн сайта Рис. 7.27. HTML-редактор тем Основную часть страницы занимает сам текстовый редактор с кодом (этот код выглядел бы точно так же, как если бы вы открыли служебный файл на своем компьютере, в программе UnicEdit) В правой колонке приведен весь перечень служебных файлов темы, доступных для редактирова- ния Кроме того, вверху этой колонки, в раскрывающемся списке можно выбрать для редактирования любую другую тему из установленных на сайте Но, само собой, вы не заметите никаких изменений на сайте, пока не активируете новую тему По умолчанию в редакторе открыт один из файлов стилевой разметки (CSS, мы поговорим о ней ниже), имя файла выводится над окном редак- тора, на рис 7 27 это editor-style-rtl.css Не нужно начинать с редактирова- ния того кода, который отобразится у вас на экране, в первую очередь, необходимо выбрать нужный нам файл и загрузить его в редактор В правой колонке рядом с именами файлов приводятся подсказки, кото- рые помогут быстро сориентироваться в именах файлов и их предназна- чении Причем в большинстве случаев эти имена типичны для всех тем WordPress, поэтому вы быстро разберетесь с ними 229 Редактирование дизайн-темы в HTML-режиме ВНИМАНИЕ! Если вы не уверены в предназначении того или иного файла — не меняйте его! В крайнем случае, перед тем как начать править код, выделите его, скопируйте в отдельный текстовый документ и только потом меняйте исходный код и обновляйте его В этом случае всегда можно быстро вернуть изначальные параметры служебного файла Напомню, что мы собирались убрать из подвала фразу с названием сайта Для этого нужно открыть в редакторе файл, отвечающий за формирование подвала Это файл footer.php , и после клика на его названии исходный код будет загружен в окне редактора (рис 7 28) Рис. 7.28. Редактирование кода файла footer.php Далее, в коде нужно найти фрагмент, отвечающий за вывод имени сайта В данном случае сложно дать какие-то конкретные рекомендации, потому что код нужно научиться читать, быстро определяя, какие его фрагменты 230 Глава 7 Дизайн сайта за что отвечают Для этого сперва стоит бегло ознакомиться с азами веб- программирования и языками HTML и PHP Либо можно положиться на здравый смысл и логику и сделать предположение, что таковым фрагмен- том могут являться строки, содержащие фразы site-info и bloginfo Предположение это верное, а весь фрагмент кода, подлежащий удалению, выглядит следующим образом (листинг 7 1) Листинг 7.1. Код вывода названия сайта в подвале " title=" get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> Когда мы рассматривали создание записей в режиме HTML-редактора, то обращали внимание на необходимость закрывать теги Это правило справедливо и в случае с редактированием исходного кода служебных файлов — обратите внимание, что листинг 7 1 содержит открывающий тег id="site-info"> и закрывающий тег #site-info --> Просто удалите фрагмент кода, приведенный в листинге 7 1, и нажмите кнопку Обновить файл Теперь название вашего сайта не будет отобра- жаться в подвале ПРИМЕЧАНИЕ Между прочим, код для счетчика статистики можно было до- бавить в подвал и через HTML-редактор, точно так же отредак- тировав файл footer.php и добавив в него новый фрагмент кода Аналогичным образом можно видоизменять и другие служебные файлы темы, но в рамках данной книги перед нами не стоит задача освоить веб- программирование (а его в любом случае придется освоить, если только ваши изменения не будут носить тот же характер минимального вмеша- тельства, который мы только что рассмотрели) Но даже самостоятельно экспериментируя с редактированием кода различных служебных файлов, 231 Редактирование дизайн-темы в HTML-режиме вы быстро разберетесь в логике работы кода, научитесь его понимать и вносить некоторые изменения Другой тип служебных файлов, которые можно менять через HTML- редактор, — это файлы стилевой разметки CSS В отличие от основного набора файлов, имеющих формат .php и отвечающих за вывод на странице того или иного структурного элемента, файлы стилевой разметки (с рас- ширением .css ) определяют внешний вид и оформление этих элементов Например, именно в файлах CSS указываются шрифты, используемые на сайте, цветовая разметка различных элементов и т д ПРИМЕЧАНИЕ Кстати, когда мы меняли фоновое изображение для сайта ( Внешний вид Фон ), то изменения записывались именно в файл CSS, отвечающий за настройку этого параметра В качестве примера произведем следующее изменение В теме Twenty Ten присутствует довольно странное для современных сайтов оформле- ние гиперссылок Те ссылки, которые вами уже посещались, выделяются не обычным для темы цветом, а фиолетовым В результате постоянные посетители сайта будут наблюдать довольно пеструю массу ссылок, по- ловина которых будет черной, а вторая половина — фиолетовой Для того чтобы устранить этот ненужный эффект, выберите для ре- дактирования файл Список стилей ( style.css ) и найдите в нем следующий фрагмент кода: a:link { color:#0066CC; } a:visited { color:#743399; } СОВЕТ Файл style.css очень объемный и искать фрагмент лучше обыч- ным поиском, с помощью сочетаний клавиш Ctrl+F |