Категории

Как поменять шапку сайта joomla

Урок 6 - Как изменить заголовки с H2 на H1 в Joomla - Плагин Header Tags

Как отредактировать (поменять) шапку (Header) в шаблоне Joomla 2.5

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

Готовим оружие

Прошу не плевать в меня гуру, ведь для многих из них это задача когда-то казалось тоже верхом технической сложности и только опыт сегодня позволяет им сделать эту работу с закрытыми глазами. Замена стандартной пабликовой шапки – это хороший шаг к уникализации шаблона сайта, что позволит с минимальными трудозатратами создать привлекательный вид ресурса в соответствии со своими взглядами на гармонию и требованиями ПС. Перед началом работы неплохо сделать резервную копию сайта, если Ваш хостинг не делает это автоматом.

Итак, для того чтобы поменять шапку сайта на Joomla нам не понадобится, как в прошлом уроке редактировать таблицу стилей CSS, а вполне достаточно иметь доступ к хостингу и строго следовать приведённым ниже этапам. Также в работе понадобится фоторедактор, в качестве которого отлично подойдёт Фотошоп, но можно ограничиться и встроенным в Windows редактором Paint (меню – программы – стандартные – Paint).

Ищем шапку и правим в редакторе

Устанавливаем ftp-соединение с хостингом и движемся по адресу public_html/templates/ваш шаблон/images, где надо найти картинку шапки (рис 1).

Задача это не сложная, так как можно просто банально открывать все подряд картинки, пока не попадётся нужная картинка, после чего её надо скопировать на компьютер и можно приступать к редактированию или созданию новой. В первую очередь, если решили шапку полностью поменять, надо запомнить её размер в пикселях, затем открыть редактор Paint и создать форму необходимого или близкого к этому размера.

Тут вступают в работу скрытые в каждом из нас задатки художника (Остапа Бендера и Кису Воробьянинова в расчёт не берём). Первым этапом создаём необходимый фон элемента, украшаем его фото или картинками и делаем надписи, выбрав для этого место их расположения, шрифт, цвет и размер текста (рис 2).

На многих сайтах в шапке из файла index.php прописывается заголовок h1, но это не правильно с точки зрения Seo, так как в этом случае у нас на всех страницах будет одинаковый заголовок. Санкций только за это не получить, но при совокупности факторов можно и попасть под фильтр, тем более, что такая неправильная структура ухудшает ранжирование страниц. Исходя из этого, лучше всего прописать главный девиз (высокопарно?) или слоган сайта в шапке (он не будет читаться роботами), а h1 выводить вручную или плагином на каждой странице в отдельности.

Сохраняем и заменяем шапку

После того, как элемент в редакторе готов, сохраняем его в формате 24-разрядного рисунка BMP. При этом слегка теряется его качество (незначительно), зато он имеет малый вес, что важно, ведь шапка будет загружаться на каждой странице и её значительный вес, например, в формате PHG замедлит загрузку. Не забываем сохранить созданную картинку под тем же именем для простоты её вставки, после чего копируем её на хостинг по тому же адресу public_html/templates/ваш шаблон/images и соглашаемся с предложением заменить файл.

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

Источник: http://www.zegeberg.ru/sobstven-sate/optimisaziya-joomla/288-pomehjat-schapku-saita.html

Шапка сайта

Урок joomla № 15. Меняем дизайн шаблона.

Здравствуйте, дорогие читатели блога zuit.ru! В этом уроке вы узнаете, как можно изменитьшаблон joomla . Мы с вами переделаем шапку сайта и поставим  в нее собственные картинки.

На данный момент этот новый шаблон у вас уже должен быть скачан с любого сайта, который вы нашли.

Желательно, чтобы их было несколько штук, чтобы появилась возможность выбирать. Где их искать, вы можете прочитать в прошлом уроке № 14. Проще всего сохранить все эти файлы в одну папку, чтобы потом не запутаться.

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

Запускаем на компьютере Denwer, чтобы начать работу.

Заходим в административной панели в меню «Расширения» - установить/удалить.

В строке «загрузить файл пакета» нас интересует кнопка «Обзор». Нажимаем на нее и теперь нам надо выбрать подготовленный для установки шаблон. Если он находится в отдельной папке, про которую я вам все время рассказываю, то вы его быстро найдете. Нажимаем на zip архив, выделяя шаблон, далее – открыть.

Вы можете выбирать файлы просто по порядку, чтобы посмотреть, что вам подойдет, а что нет.

Потом нам надо нажать на саму кнопку «загрузить файл/установить».

Должно появиться сообщение, что шаблон установлен удачно.


Иногда по какой-то причине может выдаваться ошибка, тогда попробуйте установить еще раз. Эта ошибка может появиться как при открытии файла перед установкой, так и после нее.

Не получилось – подбирайте для себя другой шаблон, а этот потом просто удалите.

Некоторые из них могут оказаться не очень хорошего качества, потому что они бесплатные.

Где посмотреть на новые шаблоны?

Они будут там же, где и все остальные.

Идем в менеджер расширений – шаблоны, и там находим все, что только что установили. Рядом с ними есть небольшие картинки, они всплывают при наведении на название.

Вот у меня на скриншоте так.


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

А потом нажимаем на кнопку «по умолчанию», после чего в строке рядом с названием будет желтая звездочка.


После этого внешний вид сайта изменится. Заходим в просмотр и проверяем.

Какие неожиданности могут вас подстерегать при смене шаблонов?

На примере этого скриншота вы сейчас все поймете.

После установки я сделала один из шаблонов по умолчанию. В предварительном просмотре видно, что верхнее меню куда-то пропало.

Почему так произошло, ведь у нас все было сделано правильно?

Если зайти и проверить позиции для модулей, как это мы делали в прошлом уроке, то понятно, что здесь вывести верхнее меню так, как нам надо, просто не получится.

Какой же выход? Переставлять верхнее меню или искать другой шаблон. Я выбрала второй вариант.

Сейчас все получилось именно так, как надо.


Некоторые позиции для модулей могут просто отсутствовать. Если верхнее меню сейчас стоит в позиции user3, то после установки шаблона, в котором нет такой позиции, верхнее меню пропадет. Вам придется его перемещать вправо или влево, или искать новый шаблон для себя. Попробуем проверить, какие есть позиции. Это вы уже умеете делать.

Заходим в «Менеджер шаблонов», выбираем название и далее – изменить.

Поэтому надо выбрать такую позицию, которая предусмотрена. Например, top или right.

Если вы покупаете шаблон за деньги, то вам сделают все, что вы захотите. Но мы пока ничего не тратим, потому что создаем сайт самостоятельно. Значит, придется немного постараться самим и методом перебора выбрать именно то, что подойдет.

Поэтому рекомендую скачивать не один шаблон, а больше. Торопиться не надо, главное – чтобы были все позиции для модулей, которые вам нужны. Смотрите, выбирайте, делайте по умолчанию разные шаблоны, пока вам не понравится что-то одно, самое красивое и удобное для всех пунктов меню.

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

zuit.ru - читайте: Тупик в отношениях. Как вернуть любовь?

Как изменить дизайн?

В готовом шаблоне есть логотип, который вам не нужен. Разные картинки в шапке вы обязательно захотите поменять на свои собственные.

Давайте разберем, где хранятся все эти готовые картинки.

Идем в «мой компьютер»- диск Z – home – mysite – www


Заходим в папку templates, здесь как раз и хранятся все шаблоны.

Вот у меня на данный момент их целых 13 штук.

Теперь вам надо найти по названию тот, который сейчас выбран по умолчанию.

Вернитесь в панель администратора и проверьте название, около которого стоит желтая звездочка, а потом найдите эту папку здесь.

Для примера у меня есть еще один шаблон, связанный с зубными врачами.

Вот так на данный момент выглядит шапка.

Она меня, естественно, не устраивает, картинку надо обязательно заменить.

А вот как же это сделать?

Просто так подставить любую фотографию не получится, нужна небольшая хитрость.

Хотите изменить картинку – сначала подготовьте новую.

Довольно сложная, на первый взгляд, задача, но мы-то с вами справимся!

Прочитайте, какой должен быть порядок, а потом просто повторите на своем сайте.

Заходим в папку того шаблона, который вы будете переделывать, через «Мой компьютер». Нас интересуют картинки, поэтому выбираем папку images.

Не торопитесь, чтобы не перепутать  папки.

Итак, как найти нужный файл, как он называется и что конкретно надо сделать?

Слово шапка вы здесь не найдете, даже если будете искать очень долго.

Придется немного поднапрячься и обратить свое внимание на файл, который называется header. После него может быть написано - .jpg или - .png или  - .gif

Такой файл может иметь разные названия, например, logo или даже banner.

Чтобы не ошибиться, смотрим на левую колонку, в ней при нажатии на название будут появляться соответствующие картинки.

На этом скриншоте видно, что меня интересует файл banner1.jpg


(В следующем уроке  вы сможете прочитать небольшой обзор в область языка HTML, потому что вам надо иметь об этом хотя бы небольшое понятие, чтобы не тонуть среди этих странных символов).

Если вы собираетесь изменить шапку сайта, а точнее, файл header, то вам придется сделать такой же. У него должно быть это название, размер и расширение. Если в исходном файле - png, то вам надо сделать точно такой же файл, например, в фотошопе.

И новым файлом заменить старый файл. После такой ловкой подмены изменится и шапка вашего сайта.

Порядок работы с файлом следующий.

1) Сначала его надо скопировать и сохранить куда-нибудь, на всякий случай. Вдруг у вас ничего не получится, и придется вернуть его обратно?

2) В любом графическом редакторе надо создать свою картинку. У нее должно быть точно такое же название, размер в пикселях и расширение.

Говорят, что в будущем в Морфлот будут брать только неумеющих плавать. Они намного лучше защищают свой корабль!!!

Показываю на конкретном примере.

У меня файл называется так: banner1.jpg (размер у него 979х354).

В программе CorelDraw я сделала простую картинку, она точно такого же размера, называется banner1, и сохранила я ее в формате - jpg

Потом снова заходим в папку с этим шаблоном, выбираем в ней папку images и вставляем сюда новый файл со своей картинкой.

У вас обязательно спросят: «Заменить файл?»

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


Посмотрите, что получилось, на этом скриншоте.

Принцип замены простой, делайте все по порядку и не торопитесь.


Точно таким же образом можно изменить логотип и поменять цвет каждой кнопки.

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


Если изменить название или размер, то ничего не получится.

Иногда после замены все равно подгружается старая картинка, хотя ее уже нет. Это происходит из-за того, что старая картинка грузится из кэша.

В этом случае надо обновить сайт (кнопка F5 ).

Если вы хотите изменить размер шапки и вместо формата -jpeg поставить –gif, можно делать правку через HTML и CSS, но для новичков это слишком сложно. Поэтому рекомендуется для начала просто заменять файлы на свои собственные. Это самый простой вариант изменения дизайна.

Желательно картинки рисовать в векторной графике, потому что при увеличении они не теряют своего качества.

Но если вы никогда не работали в программе CorelDraw, рисуйте в фотошопе. Даже после того, как ваш ресурс будет в интернете, все можно будет поменять.

Сегодня вы узнали, как можно изменить шаблон joomla.

В следующем уроке мы поговорим о таком странном языке, как HTML. Вы узнаете, как создавать специальный модуль, который вам обязательно пригодится.

P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

Советуем вам прочитать другие интересные статьи:

Выводим стандартные модули

Как создать комментарии на сайте

Заполняем главную страницу

Раскрутка ресурса. Зачем нужны эмоции?

Деньги, часть 2. Как стать богатым?

Гадкий утенок – нелюбимый ребенок.

Источник: http://www.zuit.ru/sait-s-nula/178-izmenit-shablon-joomla.html

Как поменять шапку сайта на Joomla


Добавить тему »
Авторизация:

Темы по разделам
Новости Сахалина
Авто, Мото
Афиша
Животные
Закон, Право
Ищу человека
Карьера, бизнес
Компьютеры, софт
Красота, здоровье
Кулинарная книга
Литература
Медицина
Музыка
Наука, техника
Недвижимость
Ночная жизнь
Отношения полов
Переезд на ПМЖ
Подворье
Политика, власть
Природные явления
Религия, философия
Рыбалка, охота
Семья, дети
Сетевые раскопки
Спорт
ТВ, видео, фото
Творчество
Телекоммуникации
Товары, услуги
Туризм, отдых
Учеба, вузы
Флирт
Форумская тусовка
Хобби
Юмор, анекдоты
Sakh.com
Корзина





On-line 348 (788)

Всего тем: 1656594
Всего ответов: 54203837
Тем вчера: 197
Ответов вчера: 11869

Помогите пожалуйста! Сделали мне сайт на Джумле... как поменять шапку (картинку)? Саму картинку загрузила, а где в меню ее искать чтоб ту которая сейчас на сайте стоит - поменять?
[анонимная 49424] 16 сент. 2013 07:27, обновлено:     Тема в архиве 
Источник: https://forum.sakh.com/?sub=1204104
Интересное