Как редактировать шаблон в Joomla 3

загрузка...

Идеального шаблона для Joomla не существует. Дизайн в Интернете постоянно развивается, потому со временем даже самый современный макет сайта устаревает и теряет актуальность. Кроме того, порой вебмастеру приходится корректировать внешнее оформление ресурса, дабы корректно реализовать свою задумку. Joomla позволяет это делать, но проблема в том, что реализовать подобное стандартными настройками через админку не получится — нужно знать особенности редактирования шаблона Joomla. Именно об этом и пойдет речь в данной статье.
https://www.youtube.com/watch?v=C_3dMNKn-KA

Каким образом можно редактировать шаблон

Настройка шаблона возможно классическим и старым, как Интернет, способом — посредством изменения CSS файла макета. После этих слов многие начинающие сайтостроители наверняка поджали уши и загрустили — ведь редактура CSS требует некоторых познаний. Но на деле редактировать основные свойства шаблона проще, чем кажется. Рассмотрим основные изменения, какие могут вам понадобится во время работы с сайтом.

Как редактировать задний фон шаблона

Для начала вам необходимо найти код, который отвечает именно за задний фон.

К счастью, современные интернет-браузеры учитывают потребности вебмастеров, потому многие из них позволяют просматривать код элементов на сайте. Один из лучших в этом плане — это Google Chrome.

Чтобы активировать режим просмотра кода, нажмите F12. Вы увидите как появятся разноцветные строки с кодом. Они разделены на блоки. Когда вы будете нажимать на отдельную строку, на сайте выделится эта часть — это чтобы вы понимали за что отвечает данный участок кода.

Настройка заднего фона шаблона в Joomla возможна в разделе кода под названием <body>. Тег, отвечающий за фон, называется background. Если вы найдете этот участок, то заметите, что параметр цвета в коде указан весьма странным образом — через решетку # и набор букв. Это нормально для CSS. Чтобы задать нужный параметр воспользуйтесь таблицей перевода цветов в CSS. А если хотите вместо цветного фона поместить в background изображение, тогда укажите путь к нему — оно должно быть загружено в папку images, принадлежащую директории шаблона Joomla.

загрузка...

Изменять CSS-файл шаблона можно и через админку в разделе «Менеджер Расширений» -> «Шаблоны». Но вы можете зайти на сервер и найти там каталог с файлами макета, среди которых найдете файл, ответственный за внешний вид шаблона. Только не забудьте после внесенных изменений обновить кэш сайта Joomla.
https://www.youtube.com/watch?v=dXLmr7sVzGU

Настройка логотипа сайта

Если вы установили стандартный шаблон Joomla, значит сейчас у вас дикое желание удалить логотип, который размещен на ресурсе. Не переживайте — удалить старый и добавить новый логотип очень просто. Вам снова понадобится помощь браузера с возможностью просматривать код элемента. Наведите курсор на логотип и нажмите «Просмотр кода элемента», если вы работаете с Google Chrome. Важно найти ссылку на файл логотипа. Вам нужно будет удалить старый файл, а вместо него добавить новый, который будет называться точно так же, как предыдущий.

Иногда удалить старый логотип и заменить его новым еще проще, чем описано выше. Некоторые шаблоны предлагают такую настройку изменять прямо через «Менеджер шаблонов» при помощи кнопки «Изменить логотип». Но если у вас установлен стандартный макет, скорее всего, такая кнопка отсутствует. И последний способ — это изменение пути к файлу логотипа. Он самый сложный, потому что легко ошибиться — вам нужно загрузить новый файл и скопировать его расположение, чтобы внести эти данные в CSS.
https://www.youtube.com/watch?v=qBUIi0cnEFg

Настройка ширины всего сайта и отдельных элементов

Регулировать этот параметр предельно просто. Вам нужно будет снова воспользоваться помощью браузера и отыскать привязку элемента макета к коду. Обычно ширина всего шаблона — это главный блок <div id= «all» >. Чтобы проверить это утверждение, нажмите на строку с таким кодом и посмотрите, что выделил на сайте браузер. Далее внутри блока найдите параметр width — это и есть искомая ширина. Измените параметр и ширина макета так же изменится. Но не забудьте прописать изменение в еще одном файле — position.css.

А чтобы изменить ширину конкретного элемента, наведите на него курсор и включите режим просмотра кода. Так вы сможете отредактировать любой блок, который есть в шаблоне и именно так изменяется размер модулей Joomla.

Как изменить цвет текста или ссылок

Все делается аналогично, как описано выше. Вам необходимо найти часть кода, которая отвечает за стиль текста и ссылок. Параметр цвета — это color. Не забудьте, что цвет вам нужно будет прописать в особом формате. Хотя вы можете указать название цвета и на английском языке, но тогда не сможете получить какой-нибудь особенный оттенок.

Редактировать код можете через любой доступный редактор. К примеру, можете воспользоваться стандартным редактором в OC Windows — WordPad. Но он не очень подходит именно для редактуры кода, так что можете изменять таблицы каскадных стилей прямиком из админки движка. Либо установите Notepad++, самый популярный редактор кода.

Как происходит русификация шаблонов в Joomla

Очень часто вебмастера сталкиваются с проблемой отсутствия нормальных шаблонов в Рунете. Потому они обращаются на зарубежные площадки — скачивают различные иностранные макеты. Такие темы оформления априори не настроены на поддержку русского языка. Но это можно изменить!
https://www.youtube.com/watch?v=GKIiVo36u-E
Русификация шаблона возможна ручным методом. Вам необходимо будет переименовать множество файлов и перевести их содержимое, чтобы создать полностью русифицированный макет. Вам необходимо пробраться в папку с языками — /language. Внутри нее вы найдете еще несколько директорий. Вам необходимо отыскать каталог, наподобие en-GB и переименовать его на ru-RU. Затем вам необходимо будет зайти в директорию и сделать аналогично со всеми ini-файлами. Для перевода на другой язык воспользуйтесь специальной переменной: TPL_WARP_EXAMPLE.

Как удалить шаблон

Удалить шаблон так же просто, как и установить его. Вам даже придется зайти в тот же раздел, в каком вы были во время инсталляции темы на сайт. Итак, откройте админку Джумла. Далее перейдите в «Расширения» и «Установить/Удалить». Выберете вкладку «Шаблоны». Далее перед вам откроется список всех шаблонов, имеющихся на хостинге. Желательно перед удалением текущего шаблона позаботится об его деактивации — установить на сайте другую тему оформления. После этого уже воспользуйтесь кнопкой «Удалить».
https://www.youtube.com/watch?v=6t3oPOBKUvU

Похожие статьи

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here