HostKnox :: Joomla Banner Tutorial

В рамках HostKnox Хостинг Joomla услуги, мы предоставляем помощь с изменением или удалением вашего баннера Joomla. Все, что вам нужно, чтобы воспользоваться этим эксклюзивным предложением, - это активная учетная запись хостинга в HostKnox.

В этом уроке мы расширим урок о изменение или удаление логотипа Joomla , и мы покажем вам, как изменить или удалить весь верхний баннер. В качестве примера снова мы будем использовать шаблоны Beez2 и Beez5, которые входят в комплект поставки каждого установочного пакета Joomla (версия 1.7). Изменить или удалить верхний баннер немного сложнее, чем изменить логотип, потому что вы должны изменить код некоторых файлов шаблона.

Чтобы удалить баннер по умолчанию для шаблона Beez2, необходимо закомментировать некоторый код в файле index.php шаблона. Вы можете изменить изображение баннера, изменив некоторый код в файле personal.css . Папка Beez2 со всеми файлами шаблонов и папками находится внутри папки шаблонов в корневом каталоге Joomla на вашем компьютере. хостинг учетная запись. Если ваши файлы Joomla находятся в папке с именем joomla, путь к файлу index.php будет public_html / joomla / templates / beez_20 / index.php . Поскольку в шаблоне много файлов .css, у них есть отдельный каталог: например, public_html / joomla / templates / beez_20 / css . Внутри этой папки вы найдете personal.css .

Когда дело доходит до изменения кода файлов, у вас есть несколько вариантов. Клиенты HostKnox могут сделать это из раздела « Файлы » панели управления Pixie . Вы можете загрузить файл с помощью клиента FTP (например, FileZilla), затем изменить код с помощью текстового редактора (например, «Блокнот») и загрузить измененный файл обратно в ту же папку в учетной записи, перезаписав старый файл.

Вы также можете изменить код файлов шаблонов из внутреннего менеджера шаблонов сайта. Для этого войдите в свой бэкэнд, перейдите в Диспетчер шаблонов ( Расширения > Диспетчер шаблонов ), затем нажмите на вкладку Шаблоны в верхнем левом углу. Вы увидите список со всеми установленными вами шаблонами:

В рамках HostKnox   Хостинг Joomla   услуги, мы предоставляем помощь с изменением или удалением вашего баннера Joomla

Когда вы нажимаете на название шаблона, в нашем случае beez_20 Details , вы открываете страницу, с которой вы можете настроить все файлы шаблонов для конкретного шаблона. Слева находятся файл index.php (Изменить шаблон главной страницы), файл error.php (Изменить шаблон страницы ошибок) и файл component.php (Изменить шаблон представления печати). Справа находятся все файлы таблиц стилей ( .css ):

css ):

Вы можете удалить верхний баннер шаблона Beez2 из файла index.php . Нажмите на Редактировать шаблон главной страницы, и вы увидите код для файла. Вы можете удалить баннер (вместе с логотипом), закомментировав выделенный код, показанный на скриншоте ниже:

Вы можете удалить баннер (вместе с логотипом), закомментировав выделенный код, показанный на скриншоте ниже:

Вы можете прокомментировать код, добавив восклицательный знак и два дефиса (! -) после первого знака <для строки кода и два дефиса (-) перед последним> для той же строки выбранного кода.

После этого соответствующий код в диспетчере шаблонов изменит свой цвет на коричневый. Затем нажмите кнопку « Сохранить и закрыть» в правом верхнем углу, чтобы сохранить изменения. Обновите интерфейс сайта, чтобы увидеть результаты:

Если вы хотите изменить изображение баннера шаблона Beez2, вы можете сделать это из файла personal.css . На странице « Настройка шаблона» в Диспетчере шаблонов нажмите « Изменить css / personal.css» и найдите выделенный код, показанный на снимке экрана ниже:

css» и найдите выделенный код, показанный на снимке экрана ниже:

Не комментируйте ничего. Сначала загрузите изображение, которое вы хотите использовать, в соответствующую папку. В этом примере с шаблоном Beez2, если ваши файлы Joomla находятся в папке с именем joomla , путь будет public_html / joomla / templates / beez_20 / images / personal . Вы можете загрузить изображение с помощью FTP-клиента или, если вы являетесь клиентом HostKnox, через Панель управления Pixie ,

Имейте в виду, что если вы хотите, чтобы баннер был такого же размера, как и по умолчанию, сначала вам нужно обрезать и изменить размер изображения, которое вы хотите использовать, например, в таких приложениях, как Gimp или Microsoft Photo Editor. Баннер Beez2 по умолчанию имеет размеры 1060 x 288 пикселей (ширина x высота). После того, как вы загрузите изображение, в строке кода для фона просто измените имя изображения по умолчанию на имя нового изображения. Не забудьте добавить тип файла к имени: например, .jpg , .png , .gif и т. Д. В нашем примере мы загрузим файл с именем newbanner1.jpg и изменим фоновый URL, чтобы он указывает на изображение newbanner1.jpg вместо стандартного personal2.png :

После этого мы можем сохранить изменения и обновить внешний интерфейс сайта, чтобы увидеть результат:

После этого мы можем сохранить изменения и обновить внешний интерфейс сайта, чтобы увидеть результат:

Вы можете изменить или удалить верхний баннер из Beez5, другого шаблона, который поставляется в комплекте с Joomla, аналогичным образом. Вы можете сделать обе вещи из файла index.php для шаблона (например, public_html / joomla / templates / beez5 ). Итак, снова перейдите в Диспетчер шаблонов , перейдите на вкладку Шаблоны , затем нажмите Подробности beez5, чтобы открыть страницу с файлами шаблонов. После этого нажмите « Изменить шаблон главной страницы», чтобы настроить файл index.php . Конечно, вы также можете редактировать файл через панель управления Pixie или через FTP.

Внутри файла Beez5 index.php найдите следующий код:

Чтобы удалить изображение заголовка (верхний баннер), закомментируйте выделенный код, показанный на скриншоте выше.

Как только вы это сделаете и сохраните изменения, верхний баннер исчезнет с внешнего интерфейса вашего сайта.

Чтобы изменить изображение, загрузите новое изображение в соответствующую папку (например, public_html / joomla / templates / beez5 / images ), а затем в приведенной выше строке кода измените имя изображения по умолчанию ( fruits.jpg ) с именем новое изображение и сохранить изменения.

В зависимости от шаблона код, который нужно найти для изменения верхнего баннера, может находиться в разных файлах. Вы должны найти его либо в файле index.php шаблона, либо в одном из файлов .css (например, templates.css ; personal.css в случае с Beez2). Если вы используете браузер Mozilla Firefox, очень полезно расширение Firebug. С его помощью вы можете найти нужный код за считанные секунды.