Динамический веб-сайт Bootstrap с использованием BackOffice Joomla

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

Исходный шаблон: http://startbootstrap.com/template-overviews/agency/.

Вот что я сделал, я начал работать с файлами CSS и PHP/Javascript и закончил свой шаблон. Теперь я хочу реализовать это на Joomla, чтобы они могли получить доступ через BackOffice и изменить все, что хотят, добавить/изменить/удалить новости и т. д. Но я не знаю, как это сделать правильно. Я уже видел видео (https://www.youtube.com/watch?v=6O0XDelA2DE), где парень создал XML-файл со всеми папками, файлами и позициями, но когда я пытаюсь, например, изменить логотип, он приходит с div, и я не могу его снять. Что-то вроде этого:

Мой шаблон без модулей Joomla, статический сайт:

http://s28.postimg.org/5oz476nwt/image.png Мой шаблон без модулей Joomla, статический сайт

Мой шаблон после изменения логотипа через бэк-офис Joomla с использованием модуля навигации Bootstrap:

http://s28.postimg.org/vl1osq07h/image.png Мой шаблон после модификации

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

http://s17.postimg.org/3ugt26evj/image.png что я сделал, чтобы изменить логотип

И что мне нужно сделать, чтобы сохранить, например, этот стиль меню, и как я могу динамически добавить систему новостей на свой веб-сайт с помощью BackOffice Joomla?

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

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

Пожалуйста, очень нужна помощь, буду очень благодарна!

Береги себя, Витор Коэльо.


module twitter-bootstrap joomla templates
person Vítor Coelho    schedule 07.10.2014    source источник
comment
Пожалуйста, не используйте тег начальной загрузки, используйте twitter-bootstrap, так как это означает что-то еще   -  person Daniel Cheung    schedule 12.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны начать с: создания базового шаблона Joomla! шаблон. В этом руководстве содержится вся основная информация, необходимая для реализации вашего шаблона в Joomla.

Этапы:

  1. Вам необходимо создать файл templateDetails.xml, в котором вы будете определять структуру файла и доступные позиции модулей.
  2. Переименуйте страницу шаблона в index.php и добавьте соответствующие блоки кода в раздел заголовка для библиотек css и js.
  3. Добавьте соответствующий код Module Position в места, которым вы хотите назначить динамическое содержимое (модули).

Как только вы закончите, вам нужно заархивировать файлы, установить их в Extensions -> Extension Manager и включить в Extensions -> Template manager.

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

JHtml::_('bootstrap.framework');

Существуют и другие варианты для библиотек Jquery и Mootools.

Надеюсь это поможет

person emmanuel    schedule 07.10.2014
comment
В этом шаблоне используется BootStrap 3.2, поэтому OP необходимо будет реализовать его, поскольку включенная версия Joomla относится только к эпохе 2.1. - person Craig; 08.10.2014
comment
@cppl действительно, но это не было разъяснено в деталях вопроса. - person emmanuel; 08.10.2014