пособие для чайников
Как сделать шаблон для Joomla 2.5 |
УРОК 1Все течет и все меняется, вот уже разработчики Joomla заявили, что заканчивают поддерживать версию 1.5 и всем настоятельно рекомендуют обратить свое внимание на версию 2.5. В этой серии уроков мы будем разбирать как сделать шаблон для Joomla 2.5 Что такое шаблон для сайта вы можете узнать из статьи «Шаблон для Joomla сайта». В сети уже можно найти готовые шаблоны для Joomla 2.5. Как правило, они все достаточно сложные с большим количеством ненужных файлов с кодами и скриптами, и неопытному чайнику достаточно тяжело будет настроить подобные шаблоны под свои нужды. Я уже не говорю о возможности вносить исправления в код шаблона. Предлагаю вам создать собственный шаблон для Joomla 2.5. Я долго думала, как помочь чайникам освоить искусство верстки шаблонов, и мне пришла в голову мысль сделать универсальный шаблон и полностью его прокомментировать, чтобы было понятно даже деревянным чайникам, что от куда берется и куда выводится. Используя, мой шаблон вы сможете создать свой собственный с уникальным дизайном. Представляю вашему вниманию простой универсальный шаблон Likom25 с «чистым кодом». Содержимое шаблона и его представление полностью отделены друг от друга. Шаблон создан на основе каскадных таблиц стилей CSS, что является важнейшим критерием соответствия веб-сайта современным веб-стандартам. Подобного рода шаблоны хорошо воспринимаются поисковыми машинами. Для простоты кода шаблон имеет фиксированную ширину 950 px и трехколоночную схему размещения элементов с возможностью, сворачивания колонок при отсутствии в них контента.Likom25 родной брат шаблона Likom для Joomla 1.5. Вначале у меня была мысль написать статью о том, как можно переделать шаблон для версии 1.5 в шаблон для версии 2.5. Однако этот процесс столь кропотливый и требует большого внимания, что новичку достаточно легко запутаться и наделать кучу ошибок. Поэтому от этой мысли я отказалась и решила полностью описать уже готовый шаблон для Joomla 2.5. Это очень полезный шаблон, с его помощью вы сможете не только детально изучите процесс построения шаблонов Joomla 2.5, но и создадите полноценный сайт с уникальным дизайном. На следующем уроке вы узнаете из каких файлов состоит шаблон для Joomla 2.5 Прежде, чем приступить к обучению, вам необходимо скачать установочный пакет шаблона Likom25.
|
Комментарии
Вот как у меня:
А так должно быть:
Eсть один вариант выяснить - браузер мазила и приложение к нему Firebug, с его помощью Вы сможете проанализироват ь показ каждого DIVа. У Вас сворачивается div page, будто в нем нет контента, но он есть. Может Вы случайно поковырялись в файле index.php?
Да действительно помогло "overflow:hidden ",но не могу понять, что это даёт. Я сделал тестовый https://38monet.com/ сайт. Посмотрите пожалуйста, может так вы сможете определить в чём была ошибка.
Из админки ставится успешно, а вот в настройках шаблонов если зайти на редактирование html поле пустое. также и с css.
если зайти в директорию /templates - там открытые блокнотом файлы нормально содержат стили
Но все равно происходит ужас:
в стандартном шаблоне вот так: (модуль логина, меню с одним пунктом Home и материал на главной - все отображается)
Что вы там творите? Какой-то бред делаете! Что? Куда вы копируете?
Код спрятан, чтобы вам чайникам в голову не пришло редактировать его из админпанели. Запомните одно очень важное правило НИКОГДА, слышите НИКОГДА не редактируйте код шаблона из админпанели!!!! !!
Редактор кода в Joomla не дает возможность откатиться на несколько шагов назад, в случае ошибки при редактировании кода!!!
Все мастера вносят изменения в код только при помощи специальных редакторов, самый лучший это Dreamweaver, который не только покажет ошибки при редактировании, но и дает возможность откатиться далеко назад.
Если ваш сайт находится на локалке, то открываете нужный вам файл в редакторе, вносите изменения, нажимаете кнопку сохранить (файл не закрываете) и смотрите тут же результаты. Если они вас не устраивают, то откатываетесь назад.
Если сайт стоит на хостинге, то тем более НЕ НАДО КОВЫРЯТЬСЯ В КОДЕ ИЗ АДМИНПАНЕЛИ! Покосите сайт по своей глупости, потом будете рвать перья из попы!
Вы не совсем правы! Может "xSPiRiTx" и делал что-то лишнее, но ведь у него на сайте та же ошибка, что и у меня. Это значит, что в шаблоне чего-то не хватает. Может просто свойства overflow... Поправьте меня если я не прав.
Учиться, учиться и учиться. И все будет работать! Удачи!
Присоединяюсь.
Я специально создал тестовый сайт, чтобы вы могли увидеть воочию, что происходит с шаблоном(писал выше:https://38monet.com/). Лично я для себя решил проблему добавлением свойства "overflow:hidden ". Но хочется разобраться подробнее, что это даёт и почему через админку показывает правильно. Чтобы потом не возникало подобных проблем.
а можно подробнее что это и куда добавлять?
P.S.: А за шаблон огромное спасибо. Долго искал простую болванку, и нашёл вашу для j1.5. Думал как переделать и тут как раз вы сами добавили для j2.5.
Напишите как правильно его установить на сырую чистую Joomla 2.5.4 без демо-данных. может тут кроется секрет?
1) у меня отсутствует Поиск в шапке около хлебных крошек
2) использую стандартное вертикальное меню Main Menu - не можете подсказать как присвоить ей свой css?!
в опциях убираю показ автора, даты публикации, количество просмотров, категорию материала - а они как были так и остались.
CSS у вас от Joomla 1.5 и к версии 2.5 не подходит, потому что некоторые стили не работают!
а вот кодировка файлов и ваших комментариев в html и css это беда! У вас там виндовая кодировка cp1251, а у меня и на серверах юниксовая UTF-8.
Эту оплошность тоже возьмите на вооружение!
получается, что у вас шаблон не кроссплатформен ный. Там делов на несколько минут, но зато этих 30 комментариев бы не было. Вы нам помогаете, мы вам по мере возможностей тоже.
Вот кроссплатформен ность бы решили.
проблемы решил пересохраняя рабочие документы в кодировку UTF-8 без BOM.
Про кроссплатформен ность вы чушь несете... При чем здесь линукс и винда?!! Да вы хоть на телефоне через смс редактируйте- всё будет отлично работать! Главное кодировку правильную поставить: UTF-8 без BOM. А вы Светлана, вы действительно зря не в той кодировке сохраняли. Работать будет, но могут возникнуть проблемы, зависит от сервера. К примеру слоган сайта на русском языке не будет отображаться(в шапке), будут крякозябры. Поэтому все файлы в Joomla необходимо сохранять в UTF-8 без BOM,
Это аксиома.
Что касается кроссплатформен ности, то поддреживаю полностью Эдуарда, при чем тут операционная система. Страницы сайтов читает браузер. Но бывают такие случаи, когда разные браузеры по разному читают код HTML, вернее таблицы стилей, поэтому, что касается шаблонов разговор идет о кроссбраузернос ти.
я щас ваш шаблон поставлю на никсовый сервак и получу кракозябры пока сам вручную не укажу UTF-8
Да и сам уже несколько раз сталкивался с проблемами из-за неправильной кодировке. В частности в вашем файле index.php в шапке слоган отображался кракозябрами, пока не изменил кодировку.
У меня на линукс-сервере всё отображается корректно кроме русских букв. Если я поставлю на виндоус-сервер БУДЕТ ТОЖЕ САМОЕ! Вы сами себе противоречите:''браузер читает ту кодировку, которую ему указали''. Или вы думает, что поставив шаблон на виндоус-сервер у вас уйдут кракозябры?!
и как это понимать, что у тебя отображается все корректно, кроме русских букв 0_о мы о них как раз тут и рассуждаем, что они не отображаются корректно!
а о том и говорю, что поставив даже на виндовый сервер нужно кодировку utf-8 иметь! а не ту, в которой сохранены файлы шаблона через дримвейвер. С этого я и начал бучу!
Вы сами путаете и себя и других,пишите одно,а имеете в виду ДРУГОЕ.Я лично не вижу в комментах, что вас не устраивают русские буквы, зато вижу что не устраивают css стили. И лично я начал из-за css, а кодировку я сразу же поменял. Прошу заметить: ОТОБРАЖЕНИЕ РУССКИХ СЛОВ НЕ ЗАВИСИТ ОТ CSS СТИЛЕЙ! Это первое.
Если и там и там кодировку нужно менять, то причём тут ОС? Это второе. Я же говорю, вы сами себе противоречите.
Короче предлагаю поставить точку. Проблема неправильного отображения page, решается добавлением свойства "overflow:hidden ". Кодировку в файлах нужно ставить UTF-8 без BOM. Всё.
P.S.: Иначе мы так и будем тратить своё время.
добавлю тока, что css стили и хтмл главной страницы в файлах не устраивало тем, что там комменты на русском в кодировке, отличное от utf-8
Скажите будет ли работать этот шаблон на joomla 3? И что нужно изменить или адаптировать для joomla 3?
Посмотрите здесь https://likbez-net.ru/razrabotka-shablona-sajta-dlya-joomla-30/155-fajl-templatedetailsxml-urok-3.html