.

.

Урок № 14. Joomla - что такое шаблон сайта.

 

Урок № 14. Joomla – что такое шаблон сайта?


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

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


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

Если мы посмотрим на меню «расширения», то увидим такой интересный пункт – «менеджер шаблонов».

 

Заходим и смотрим, что находится в административной панели этого пункта меню.


 

 

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


 

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



 

 

 

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

Теперь совсем просто, надо нажать на значок лупы, около которого написано «Просмотр».

 



 

 

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

Именно здесь вы можете проверить, предусмотрены ли все нужные вам позиции или нет.





 

 

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

Конечно, продвинутый вебмастер может что-то переделать. Но мы будем работать как можно проще, чтобы не запутаться.

 


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

Давайте  внимательно их рассмотрим.


На самом верху  top; user 3 – там, где мы вывели верхнее меню. Почти рядом – user2. Слава и справа, соответственно, left и right.

В самом низу – footer и debug.


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

Чтобы отсюда выйти, нажимаем кнопку «Назад».


Есть еще один способ увидеть позиции для модулей. Для этого надо в строке браузера набрать следующее:    http://mysite/?tp=1

Нажимаем на enter, после чего открывается такая же страница.


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

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


 

 

 

Смотрим на  параметры справа: цветовая схема, фоновое оформление и ширина.

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

Все заголовки стали красного цвета.


Сделаем также фоновое оформление красным. Такой вариант тоже довольно интересный.

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


Иногда приходится редактировать HTML и CSS. Не будем пока в это углубляться, чтобы вы не испугались, итак достаточно новой информации. Просто откроем эти вкладки и посмотрим, что там такое.

А потом закроем, ничего при этом не меняем и никуда не нажимаем.


 

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

Давайте еще сделаем следующее: поставим по умолчанию второй шаблон и третий.


Нажимаем на кружок слева около названия, а потом вверху ищем кнопку «по умолчанию».

Как видим, внешний вид нашего сайта уже поменялся.


 

 

 

Вас, наверное, интересует вопрос: где конкретно взять другой шаблон и каким образом установить его на свой сайт? Потому что то, что есть сейчас, нас не устраивает.

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


Предположим, что это расширение мы нашли, скачали и установили.

Теперь перед нами стоит выбор: оставить так, как есть, или немного изменить дизайн, то есть переделать именно для себя?

Что конкретно вы сможете сделать, если пока ничего не знаете на эту тему? И зачем что-то менять, если вам и так все нравится?


Для сравнения можно представить, что вы нарядились как-то особенно, идете по улице и думаете, что вы уникальный. И вдруг смотрите, а вам навстречу идет «кадр», который одет, ну точно так же, как вы, один в один! Настроение сразу же испортится, и не важно, мужчина вы или женщина. Так происходит и в интернете, надо иметь что-то уникальное, отличающее вас от других.


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

Особенно такой одинаковый дизайн нравится  любителям «халявы».


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

И обнаружила одного вебмастера. Он слепил на ukoze сайтик, разместил там нашу статью, убрал ссылки на zuit.ru, поставил рекламу и думает, что он что-то выиграл.

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


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

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


Возвращаемся к теме этого урока.

Где хранятся все шаблоны, которые установлены на сайте?


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

Идем через «мой компьютер», диск Z и далее так же, как мы это делали в уроке №  3 .

Как видим, все  папки с файлами именно здесь.



 

 

Вы можете зайти и посмотреть, что там находится.

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



 

У каждой папки свое название, оно соответствует названию шаблонов.


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


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

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


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

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


Есть еще одна возможность  - купить или заказать у более опытных вебмастеров. Но мы сейчас разбираем, как сделать сайт самому и совершенно бесплатно. Поэтому вариант покупки не рассматриваем.

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


 

- Милая! Я заболел!

- Выпей отравы, тварь!

- ...?!!

- Оговорилась, прости. То есть, выпей отвара трав!


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

А сейчас идем на поиски в интернет, вводим в поисковике: шаблон для joomla, можно добавить слово «скачать» или «бесплатно».


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

Обязательно обращайте внимание на то, для какой версии joomla он сделан (если у вас joomla 1.5, то не надо скачивать для joomla 2.5).


Вы можете зайти на сайт, о котором я вам рассказывала, - joomlaportal.ru

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

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


Как выбрать то, что подойдет?

Заходите и просматриваете версию демо перед тем, как скачать. Просто нажимаете на demo и приглядываетесь, нравится вам или нет. Это как бы пробный сайт с текстом, картинками, меню и разной информацией.


Ваш ресурс  все равно будет другим, не таким, как на той картинке, которую вы в итоге выбрали.

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


Я зайду на сайт templatki.com

На примере образцов отсюда я вам покажу, что можно изменить самим.


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

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

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

А потом всегда есть возможность поменять, если что-то не так.


Обратите внимание на то, что вам надо скачивать именно для joomla 1.5

Когда вы найдете такой вариант, который вас устроит, нажимайте кнопку «скачать». Сохраните все файлы в специальную папку, например, на рабочем столе.


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


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

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

 


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


Создаем форму для контактов на своем сайте joomla

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

Создаем разделы и категории

Как автоматически заполнять сайт новостями?

Социальные сети через увеличительное стекло

 


Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка