Создать сайт бесплатно

...проще простого

 
  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта

Урок 6 - разбираемся с модулями

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

Для начала давайте посмотрим, в каких местах (позициях) мы можем создать модули. Для этого в адресной строке браузера вводим:
имя-сайта?tp=1
В данном же случае у нас имя сайта звучит как http://localhost/project/ , поэтому переходим на страницу
http://localhost/project/?tp=1 и смотрим, что нам показывают. А показывают нам вот что - КАРТИНКА 1

Что же это означает?! А означает это то, что в данном случае наше главное меню находится в позиции left, но при желании мы можем переставить его в любую другую позицию, например, user3, top и т.д. Также это означает, что в любой из этих позиций мы можем создать еще по нескольку блоков, будь то меню, или что-либо другое.

Давайте для начала изменим положение нашего главного меню, например, на user3. Как это делается. Заходим в админпанель: "расширения" - "менеджер модулей", находим там наш единственный модуль - Main menu - КАРТИНКА2, и заходим в его свойства (кликаем на него).

Появляется окно редактирования его свойств. Помните, в одном из уроков, мы в этом окне выключали функцию показа заголовка. Рассмотрим и другое важное свойство - позиция модуля - КАРТИНКА 3. Видно, что она у нас пока что left.

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

Заходим на наш диск Х, и находим там наш шаблон, путь такой: X:\home\localhost\www\project\templates\siteground-j15-76\

Нас интересует тут файл templateDetails.xml - КАРТИНКА 4
Открываем его с помощью блокнота. Тут много страшных букв и символов, в них необязательно вникать. Единственное, что сразу бросается мне в глаза, что тут нигде не закрепляются наши пресловутые позиции для вывода модулей. Придется вписывать их вручную.

Копируем этот текст:

<positions>
      
      <position>left</position>
      <position>top</position>
      <position>user3</position>
      <position>user4</position>
      <position>debug</position>
      
   </positions>

И вставляем его где-нибудь здесь - КАРТИНКА 5, сохраняем файл. То есть мы посмотрели, какие позиции нам нужно вставить, те и вписали в templateDetails.xml

Таким образом мы только что "узаконили" позиции left, top, user3, user4, debug. Такие "поломки" встречаются не часто, и чаще всего в програмный код лезть не нужно.

А мы продолжаем. Перезагружаем в браузере наш сайт и админпанель и видим, что у нашего модуля появились нужные нам позиции. Выставляем позицию user3 и сохраняем - КАРТИНКА 6

Перезагружаем сайт, и видим, что главное меню переместилось в позицию user3, чего мы и добивались.

Идем дальше. Если Вы обратили внимание, у нас с Вами есть очень интересная позиция - top. Которая так и просит, что-нибудь в нее вписать. Давайте это сделаем.

Заходим в "расширения" - "менеджер модулей". Находим там в правом верхнем углу пункт "создать" - КАРТИНКА 7
Нажимаем на него. Появляется окно, в котором нас просят указать, за что будет отвечать данный модуль. Если просто навести мышкой на название, то появляется окошко с кратким описанием. Посмотрите, для общего развития, какие там есть варианты. Нас же интересует "Произвольный HTML-код" - КАРТИНКА 8, на него и нажимаем.

Выставляем свойства, как показано на рисунке - КАРТИНКА 9

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

Бла-бла-бла, какая у нас крутая гостинница, крутые номера и т.д., бла-бла-бла. А еще у нас есть кафе, и оно у нас тоже очень модное. Также у нас самые лучшие в мире номера, скоро поставим фотогаллерею, и тогда вообще отбоя от клиентов никогда не будет.

Отформатировали текст как понравится, я сделал, как показано на скрине - КАРТИНКА 10. И у меня получилось так - КАРТИНКА 11. Но это дело вкуса, можно сделать какой угодно цвет, шрифт и т.д.

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

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

Урок 7 - перенос сайта на хостинг

Комментарии
Добавить новый Поиск RSS
+/-
Оставить комментарий
Имя:
Email:
 
Тема:
UBB-Код:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Пожалуйста, введите проверочный код, который Вы видите на картинке.
Alexwolfenstein   |2010-11-01 17:47:46
Желаю крепкого здоровья, денег, счастья и творческих успехов))
Artem   |2010-11-01 17:48:46
Спасибо, и Вам также
Анонимно  - re:   |2010-11-09 12:49:27
Artem написано:
Спасибо, и Вам также




Прикольно!!!)))))Нам всем успеха и побольше!!))
Рус   |2011-01-10 14:22:55
Спасибо большое за подробную и понятную инструкцию ..успеха и удачи Вам !!!
Надежда   |2011-02-22 18:26:45
Вы даже представить себе не можете, какое Вам огромное спасибо! Пусть жизнь Вас радует с каждым днем все больше и больше! И пусть вознаградит Вас щедро за Ваши очевидные таланты!!!
Artem   |2011-02-23 09:18:17
Ух, смотрите не перехвалите! Спасибо, очень приятно
Саша   |2011-03-30 16:45:17
Артем, спасибо Вам большое за такой сайт, но у меня есть один вопрос
Я хочу сделать сайт, на котором можно буде выложить свое резюме, но я не знаю как это сделать.
Не мошли бы Вы мне как-то с этим помочь?
Sasha  - сайт   |2011-03-30 16:53:27
Спасибо огромное Вам за работу! Очень просто все описываете)
Но у меня возник такой вот вопрос. Можно ли создать сайт, на котором можно выкладывать резюме, вакансии итд с помощью этой чудесной проги?
И как это возможно сделать. Буду очегнь благодарен!
Artem  - re:   |2011-03-31 10:12:30
Саша написано:
Артем, спасибо Вам большое за такой сайт, но у меня есть один вопрос
Я хочу сделать сайт, на котором можно буде выложить свое резюме, но я не знаю как это сделать.
Не мошли бы Вы мне как-то с этим помочь?

Спасибо огромное Вам за работу! Очень просто все описываете)
Но у меня возник такой вот вопрос. Можно ли создать сайт, на котором можно выкладывать резюме, вакансии итд с помощью этой чудесной проги?
И как это возможно сделать. Буду очегнь благодарен!


Пожалуйста
Чтобы самому создать - прежде всего это практика, практика и еще раз практика. Ну и не менее важно - четко представлять то, что хотите получить. Я, например, не совсем понял 
Sasha   |2011-03-31 15:53:35
Ну на сайт я хочу сделать три раздела типо:о нас, вакансии, резюме. В свою очередь вакансии делятся еще на несколько разделов, ну, например, програмисты, финансисты итд
ну и я хотел бы, чтобы любой пользователь , грубо говоря, мог оставить свой тест в раздел "вакансии" и "резюме" и чтобы все пользователи могли это все просмотреть
Можно ли такое сделать в джумле?
Вячеслав  - Joomla   |2011-04-01 22:48:27
Конечно можно сделать все что угодно на джумле, расширений очень много на данный момент. держи...http://joomtemp.org.ua/
Саша   |2011-04-01 23:35:41
Спасибо, но что отсюда качать?)
Саша   |2011-04-02 01:16:55
Вячеслав, спасибо, нашел что нужно!
Artem   |2011-04-02 01:24:45
Как приятно, когда за тебя отвечают))
Jarik  - mail   |2011-06-10 14:51:04
У меня к тибе вопрос который нынче меня очень беспокоит!!!! Я к примеру хотел бы сделать чтоб на моем сайте была рега как ето сделать??? И я хотел бы сделать почту как на соцыалках подскажи как знаток плиз))))
Artem   |2011-06-13 18:32:09
В менеджере модулей создаете новый модуль (называется "войти". Выставляете позицию, сохраняете. Все, регистрация есть.

По поводу почты не понял, что именно хотите.
Владимир  - Благодарность   |2011-10-04 13:30:32
Артём, спасибо за классные уроки - пошаговые инструкции для чайников!
Расписал ты всё очень толково и доходчиво. У меня не было ни одного збоя на учебном сайте, посмотрим, как получится свой... Сделаю - дам ссылку! Если возникнут у меня вопросы - прошу не бортовать...
Artem   |2011-10-05 17:06:59
Давайте конечно, посмотрю, может что подскажу
Да ну "бортовать", я всем стараюсь отвечать, правда не всегда сразу...
Виктор   |2011-10-18 18:36:23
А как создать каталог товара на сайте?
А в остальном красава, всё доходчиво объяснил.
sveta_skoda  - Слова благодарности   |2011-11-17 19:31:40
Доброе время суток! Хочу сказать Вам огромное спасибо за Ваш труд!!!
Я - абсолютно далекий человек от программирования и т.д. и т.п, но обладающая БОЛЬШИМ желанием научиться, за один день прошла 6 уроков!!!!!.
Здорово!!! Спасибо!!!
Artem   |2011-11-23 00:33:52
Спасибо, даже не представляете, как приятно получать такие сообщения
Даниил   |2011-12-20 15:16:19
Artem, у меня к вам вопрос. После того, как я перенес Меню в user3, текст на главной, отредактированный по центру, получился немного сдвинутым влево. Получается, что ни по левому краю ни по центру.
Screen
Artem   |2011-12-20 17:57:59
Это шаблон такой. Добавьте правое или левое меню, и все станет на свои места.
Мария   |2012-02-01 00:04:37
Огромнейшее Вам спасибо!!!! Вы даже не представляете как выручили!
Спасибо!
Алексей   |2012-02-07 22:49:42
Спасибо!!!!!!)))) огромное
Марина   |2012-02-12 23:07:10
Добрый вечер, подскажите пожалуйста когда ввела текст и отформатировала его, получилось что на белом фоне текст. как исправить его на основной голубой фон?
Марина   |2012-02-13 09:32:51
Чуть полазила и додумалась, извините за беспокойство
Artem   |2012-02-14 08:45:21
Как иногда полезно полазить самому
Людмила  - сохранение параметров сайта   |2012-02-23 00:35:26
Здравствуйте, Артем, может сейчас задам глупый вопрос, скажите, пожалуйста, мне "чайнику", после того, как сайт будет оформлен на локальном диске, картинки, статьи, контакты и т.д., после переноса на хостинг эти изменения будут сохранены и видны в интернете, и если потом что-то менять, менять нужно будет у себя на локальном диске, а в интернете все поменяется автоматически или как? спасибо.
Artem   |2012-02-23 10:29:41
Вы все перенесете на хостинг, и дальше все изменения будете делать через админпанель сайта.
Все, что осталось на компьютере, можно будет удалить.
Ольга  - ссылка   |2012-03-03 17:04:01
Подскажите, пожалуйста, как в хедере, например, нашего сайта сделать ссылку. Я имею ввиду на картинке сверху сделать ссылку на какую-нибудь информацию.
Ольга  - ссылка   |2012-03-03 17:23:54
можно ли это сделать с помощью джумлы, а не через html ?
Людмила  - правый модуль   |2012-03-17 00:06:31
Подскажите, пожалуйста, как вывести модуль в правую позицию, right - там где надо указала, а вот с index.php проблема - везде вставляла - пробовала - но все равно справа редактирует. Помогите, плиз
Анонимно  - re: правый модуль   |2012-03-29 15:31:52
Людмила написано:
Подскажите, пожалуйста, как вывести модуль в правую позицию, right - там где надо указала, а вот с index.php проблема - везде вставляла - пробовала - но все равно справа редактирует. Помогите, плиз

1. а разве в етом шаблоне есть позиция right?
2. а к чему сдесь index.php?
3. что значит "справа редактирует"?
Юрій   |2012-04-12 10:45:57
Ну добавить нифига не проблема ) И вроди была
В индекс.пхп собственно и вставляетса модуль

Что значит редактировать справа сам не понял )

воще класно помогает для того, что б узнать куда вставить плагин для огнелиса Firebug

Сам вставлял в некий шаблон позицию top после лого. Суть такая. Прописиваете сначала позицию в templateDetails.xml

потом в индекс пхп - в нужную позицию например как я






вставил то что правее, то что левее било.
потом в файле template.css прописал позицию для класа постлого

div.postlogo
{
display: block;
position: absolute;
top: 5px;
left: 535px;
height: 210px;
width: 1050px;
}

но или как то так по аналогии к лефту делаете райт )
Юрій  - re:   |2012-05-05 12:33:53
что б снять уведомление
alesia   |2012-06-21 21:14:35
Артём! Огромное Вам спасибо. Понемножку - шаг за шагом изучаю. Но пока не всё получается. Кто-то уже писал, что не мог убрать белый фон на надписи. У меня так и не получилось. Подскажите, пожалуйста, как это сделать. Заранее благодарна
Игорь  - Jamala   |2013-05-03 13:20:27
Подскажите плиз у :
1 у миня не работает почемуто панель текаста тоисть отображается все: смайлеки, подчеркнуто, выделить жирным, виды текста но при этом ничего не работает как исправить ?
2 в шаблонах Не могу изменить надпись Jamala тоисть там написан заголовок один а отображает сиравно Jamala и подпись также как здеть чтобы можно было зменять ?
Аня   |2013-06-03 15:05:13
Ха-ха! Артём, у тебя сайт лучше получился, чем у гостиницы)
Валерий  - Рамка вокруг текста   |2015-02-04 02:55:51
Доброй ночи, подскажите, как убрать рамку вокруг текста в "ТОП" ? Обратите внимание на вашу "картинка 11" вокруг текста есть прозрачная рамка, как её сделать польностью прозрачной?
Наталья  - в шаблоне не могу добавить позицию   |2015-09-07 23:36:34
Здравствуйте! я пытаюсь сделать сайт, выбрала шаблон siteground-j15-23, уже дошла до урока 6, и столкнулась с описываемой в нем проблемой ("Так, только что я попробовал изменить позицию (выбрать другую из выпадающего списка), и увидел, что других позиций-то и нет... ", всё сделала как Вы описали ниже, а выпадающий список так и не появился. подскажите пожалуйста что делать?
Елена  - спасибо!   |2016-01-05 21:13:41
Спасибо большое за Ваш труд! Всё настолько подробно, что только совсем тупица не поймет! Спасибо!!!
Назар   |2016-02-12 19:11:59
Привет. Пожалуста помогите!!! Ищу модуль вопрос ответ, как в mail.ru. Пожалуста, посоветуйте чтото или подскажите ссилочку, буду очень благодарен.

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 

Понравился сайт?

ВНИМАНИЕ!

Если у Вас что-то не получается, или что-нибудь Вам не понятно, задавайте свои вопросы в комментариях, или через форму обратной связи. Я с удовольствием на них отвечу!

Внимание, розыск !

Разыскивается спонсор! Желание и умение разбрасываться деньгами направо и налево приветствуется.
Подробнее...


Produced by: Artem (c). Все права защищены:-) site - Как создать сайт бесплатно ?!
Rambler's Top100