Как отредактировать шаблон joomla?

2 ноября 2014 г. Просмотров: 556 Инструкции
Для придания индивидуальности сайту веб-мастером устанавливается оригинальный шаблон, ведь дизайн — это лицо сайта. Большое количество сверстанных макетов сегодня можно скачать из интернета, причем они будут иметь вполне приятный вид. Обычно шаблоны, которые были скопированы из сети, редактируют, чтобы сайт был уникальным.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - программа просмотра изображений;
  • - FileZilla;
  • - текстовый редактор Notepad++.

Инструкция

  • Для просмотра и редактирования файлов своего шаблона воспользуйтесь программой FileZilla. С ее помощью вы можете работать с конфигурационными файлами в online-режиме. Как правило, для изменения дизайна сайта обрабатывают 3 файла: index.php, template.css и templateDetails.xml.
  • «Шапкой» сайта называется элемент страницы, который идет от самого верха до начала контента, отсюда и такое название. Также его называют хедером (header). Как правило, в «шапке» сайта подлежит замене только логотип или любое другое изображение (logo.jpg). Расположение логотипа сайта находится в файле template.css. Откройте его при помощи Notepad++.
  • Для выполнения поиска какого-либо значения необходимо воспользоваться опцией «Поиск элемента»: нажмите сочетание клавиш Ctrl + F и в пустом поле введите искомое значение. Если вы хотите изменить ширину или высоту изображения в «шапке», введите в строке поиска слово header и нажмите клавишу Enter.
  • Ниже искомого слова вы увидите строки: Height (высота) и Width (ширина). Измените эти значения, затем нажмите сочетание клавиш Ctrl + S, чтобы сохранить изменения. В появившемся диалоговом окне FileZilla нажмите кнопку «Да».
  • Перейдите на сайт, чтобы просмотреть изменения. Если вас они не устраивают, вернитесь к файлу и введите новые значения.
  • Для изменения размера и наименования шрифта на главной странице сайта, воспользуйтесь поиском. Введите слово body и нажмите клавишу Enter. Ниже этого оператора есть строки font-family (наименование) и font-size (размер или кегль). Измените их значения, сохраните изменения и перейдите к сайту, чтобы их просмотреть.
  • Для изменения характера отображения ссылок необходимо в поисковой форме ввести поочередно значения a: link (стандартная ссылка), a: visited (посещенная ссылка) и a: hover (активная ссылка). Нажмите Enter, чтобы найти эти элементы в файле template.css.
  • Отредактируйте параметры font-size (размер шрифта) и color (цвет ссылки). После их изменения вы наверняка заметите, что не все ссылки приобрели другой цвет или размер шрифта. В этом случае вам необходимо искать альтернативные варианты размещения ссылок. К примеру, те, которые остались неизменны, располагаются в главном меню, следовательно, вам необходимо произвести поиск созвучного элемента.
  • Введите в поиск слово «Главное» и нажмите Enter. Скорее всего, вы окажетесь рядом с элементами left col link и left col current link, значение которых вам необходимо изменить. После их редактирования сохраните результат и перейдите к странице сайта, все ссылки, находящиеся на загруженной странице, должны внешне измениться.
  • Оцените статью!