У нашій останній статті ми розглянемо трюки управління та створення шаблонів у Joomla 1.5. Якщо вас більше цікавить тема, настійно рекомендуємо відвідати цьогорічний день Joomla !, де ведучі також представлять нові функції, які очікуються у версії 1.6.
Особливістю систем управління веб-контентом є те, що вони розділяють дизайн вмісту та зображень, так що у випадку власника веб-сайту або великих порталів автори можуть створювати статті без знань про редагування веб-сайтів, а веб-дизайнери можуть розробляти професійні дизайни. Joomla! славиться більш красивими веб-шаблонами. Якщо ми встановимо кілька таких шаблонів, зміна зовнішнього вигляду нашого веб-сайту - це питання моментів.
Однак правда полягає в тому, що це не зовсім так, оскільки відображення сторінки в шаблонах залежить від розміщення вмісту та блоків (у Joomla! Jargon: модулі). Також можливо, що і як ми бачимо, використовуючи один шаблон, не бачимо або не бачимо при переході на інший шаблон.
Настільні програми (і деякі системи управління вмістом) використовують термін "тема" для проектування. Розробка шаблонів Joomla вже настільки просунута деякими дизайнерами, що вони розробляють десятки тем для шаблону, і ми, користувачі, просто повинні вибрати найбільш підходящу в налаштуваннях шаблону. Оскільки CMS має адміністративний інтерфейс (внутрішній), який видно лише вибраним і має сторону користувача (інтерфейсний), для кожного інтерфейсу потрібен окремий шаблон.
Joomla! Пакет 1.5 за замовчуванням включає внутрішній шаблон, і ми отримуємо три шаблони для відображення сторінки користувача. З них дозвольте мені виділити шаблон Beez, який, мабуть, вам не сподобається на перший погляд, але може стати гарною відправною точкою для створення веб-сайту без бар’єрів на основі CSS. Багатофункціональний шаблон JA Purity - це в’єтнамський (!) JoomlArt, розроблений Joomla! Проект Joomla! 1.5, а згодом увійшов до розподілу, оскільки JA Purity, який набрав найбільшу кількість голосів глядачів, забрав головний приз.
Якщо вам не подобаються ці шаблони, у нас є три шляхи: або ми створюємо власну роботу, переглядаємо пропозицію, або - на десятки тисяч форинтів - довіряємо реалізацію нашої ідеї професійному постачальнику послуг.
Моє власне творіння
Дизайн шаблону здається на перший погляд простим, хоча і не таким простим. Справою ускладнює той факт, що веб-браузери та їх версії не точно відповідають вимогам відповідних стандартів. Ось чому те, що добре виглядає у Firefox, наприклад, може виглядати по-різному в Internet Explorer. І ми не повинні забувати світ за вікнами, адже наш веб-сайт також можна відвідувати з браузерами під управлінням Linux або Mac.
Не заважає володіти PHP та HTML та володіти CSS, а також добре знати англійську, оскільки на цю тему існує безліч англомовної літератури. Joomla! навчальний посібник також доступний у документації, після чого ми можемо створити базовий шаблон. Кожен, хто прагне отримати більше знань, може придбати книгу "Joomla! 1.5 Template Design", видану минулого року видавництвом Packt.
Joomla! в каталозі/templates зберігає необхідні файли в каталозі шаблонів та його підкаталогах. Помістіть таблиці стилів у папку/css, завантажте графічні зображення до папки/images, що належать шаблону. Каталог, названий на честь шаблону, містить три необхідні файли:
- index.php: це основа всього, що Joomla! доставлено. По суті, ми створюємо сторінку (як якусь HTML-сторінку), але розміщуємо PHP-код там, де має йти вміст.
- component.php: Відображає версії сторінок, створених компонентом, у спливаючому вікні.
- templateDetails.xml: зберігає дані, пов’язані з шаблонами, такі як файли та позиції модулів - тому це важливий файл, без якого ви не зможете побачити Joomla! шаблон.
Стискайте файли шаблонів зі структурою каталогів у формат .zip або tar.gz для розповсюдження. Кінцеві користувачі можуть легко встановити цей пакет на екрані Менеджера плагінів.
Joomla! 1.5 широко використовує шаблон дизайну MVC (Model-View-Controller), суть якого, узагальнюючи чеську лаконічність, полягає в тому, що ми можемо застосовувати зміни, не вдаючись до основного коду системи. Це надає веб-дизайнерам надзвичайної потужності та гнучкості, оскільки їм не потрібно турбуватися про вихідний код, вони можуть сміливо зосередитися на розробці нових дизайнів. Наприклад, якщо ви хочете відобразити вміст у форматі, відмінному від базової системи, створіть підпапку/html у папці під шаблоном, включаючи підпапку відповідного розширення (наприклад,/com_contact), макет якої потрібно налаштувати та додати розширення до нього. модифіковані .php файли.
Офіційний веб-сайт володарки премії "Греммі" Глорії Естефан надає відвідувачам Joomla
Іншою ручкою.
Ті, хто знайомі з Joomla, запрошуються на веб-сайт bestofjoomla.com, яким керує член спільноти, який є раєм для розповсюдження шаблонів. Дизайнери шаблонів опублікують тут свої роботи, протестують їх із встановленою за замовчуванням установкою Joomla та негайно завантажать безкоштовні. Топ-списки, опубліковані на основі уподобань відвідувачів, кількості завантажень та інших критеріїв, можуть допомогти у виборі. За допомогою складної системи фільтрів ми можемо наблизитись до пошуку шаблону, до якого ми прагнемо.
За підрахунками, приблизно 2,5% веб-сайтів, розміщених у Всесвітній павутині, працюють на Joomla. Розробляючи Joomla! Templates - це прибутковий бізнес, який має мільйони користувачів - близько 3 десятків постачальників послуг, що ділять ринок. Деякі з них продають свої вироби за 30-50 доларів кожен, інші створили шаблонні клуби, члени яких можуть отримати доступ до всіх шаблонів та випусків, виданих під час членства, залежно від тривалості членства (3-6-12 місяців). Більш успішні, такі як RocketTheme, JoomlArt або YouJoomla, іноді пропонують модульні, але рясні, але якісні, якісні, безкоштовні шаблони.
Ми також можемо спробувати перефарбувати, переставити та налаштувати готові шаблони Joomla, якщо це дозволяє ліцензія на шаблон. Ніколи не змінюйте файли оригінального шаблону, а робіть копію. Першим кроком є створення нового підкаталогу в каталозі/templates, потім скопіюйте шаблон за замовчуванням у цей підкаталог, а потім відновіть дані у файлі templateDetails.xml.
Встановлюйте, налаштовуйте та керуйте шаблонами
Шаблони можна встановити після входу на сторінку сервера на екрані Менеджера додатків, який можна відкрити з меню Додавання/Видалення меню Додатки. Ви можете вказати файл пакету на своїй локальній машині, або, якщо це підтримується вашим сервером, ви можете встановити пакет шаблонів, до якого можна отримати доступ на віддаленому сервері, скопіювавши URL-адресу. Встановлення є величезною зручністю для користувачів, оскільки їм не потрібно турбуватися про створення вручну структури каталогів, завантаження файлів вручну через FTP.
Ви також можете переглянути встановлені шаблони на екрані, що відкриється, вибравши Диспетчер шаблонів у меню Розширення. За замовчуванням ви отримуєте список шаблонів сторінок користувача. Перейдіть за посиланням Адміністрація, щоб побачити список шаблонів сторінок сервера. Наводячи курсор миші на назви шаблонів, бульбашки, що спливають у спливаючій підказці, допоможуть зробити вибір. Можна подумати, що ці мініатюри потім будуть створені Joomla!, Хоча вони включені лише до набору шаблонів для встановлення.
Щоб перейти до іншого шаблону замість поточного, виберіть шаблон і натисніть кнопку За замовчуванням на панелі інструментів. У стовпці за замовчуванням таблиці маленька жовта зірочка перенесеться до нашого шаблону. Якщо ви ще не відкрили сторінку користувача веб-сторінки у своєму браузері, натисніть кнопку Попередній перегляд у розділі праворуч на панелі меню.
Ви можете повернутися на сторінку сервера, перейшовши за посиланням на назву шаблону, або натиснувши кнопку «Змінити» на панелі інструментів, щоб відкрити екран, де можна налаштувати параметри шаблону. Розділ Параметри дозволяє встановити параметри, які варіюються від шаблону до шаблону і вбудовані в шаблон розробником. Для шаблону чистоти JA ви можете, серед іншого, вказати ширину шаблону, тип меню, який використовуватиметься для навігації, або вибрати заголовок та фонову тему.
Натиснувши кнопку редактора HTML на панелі інструментів, ви можете відкрити файл index.php шаблону безпосередньо на сервері, щоб легко виправити помилки або внести зміни.
На панелі інструментів ми також бачимо кнопку, позначену редактором CSS. Після натискання Joomla! перераховує всі файли таблиць стилів для шаблону. Виберіть потрібну та натисніть Змінити. Подібно до згаданої вище функції редагування HTML, конкретний файл CSS відкривається для редагування, щоб відрегулювати стиль тексту або замінити кольори.
Як я можу дізнатись, які позиції модуля підтримує шаблон? На екрані, що змінює налаштування шаблону, натисніть кнопку Попередній перегляд. У Менеджері шаблонів шаблон буде завантажений із позначеними доступними позиціями. Це надзвичайно корисна функція: коли ви встановлюєте новий модуль, це полегшує визначення положення модуля. Для цього відкрийте менеджер модулів у меню Розширення та відкрийте екран модифікації конфігурації потрібного модуля. У розділі Подробиці у випадаючому списку Позиція ви можете вибрати позицію модуля. (На жаль, переклад назви цього елемента керування вводить в оману, оскільки те саме оригінальне слово "Position" використовується деінде в інтерфейсі.)
Чи можна знати, які модулі були призначені позиції модуля в шаблоні? У вже згаданому менеджері модулів ви знайдете розкривний список "- Вибрати позицію -". У цьому виберіть один із пунктів та Joomla! це вже звужує список до модулів, що належать до позиції модуля.
Чи можна додати нову позицію модуля? Joomla! Порівняно з 1.0, Joomla! За 1,5 це стало набагато простіше. Joomla! Через 1,0 макс. Було місце на 50 позицій, Joomla! За 1,5 їх кількість зросла до необмеженого. Додавання нової позиції в попередній серії було можливо на спеціальному екрані, Joomla! У 1.5, на екрані модифікатора конфігурації модуля, ви можете ввести назву позиції в поле Позиція і призначити її модулю. Після збереження ми марно шукаємо на стороні користувача наш модуль у новому положенні; це буде видно лише в тому випадку, якщо ми також додамо до нього код шаблону.
Позиції модулів можна переглянути не тільки в адмініструванні, але і з невеликою хитрістю на стороні користувача: після веб-адреси введіть параметр "? Tp = 1", наприклад:
http://www.sajatweblap.hu/?tp=1
Не дивуйтеся, якщо цей трюк не спрацює на тестовому веб-сайті, оскільки його, швидше за все, відключили, оскільки це також можливо.
Як і статичні сторінки, Joomla може допомогти вам мати різний макет та дизайн для кожної сторінки. Для цього встановіть новий шаблон і відкрийте екран модифікатора. У розділі Призначення пунктам меню поруч із Меню виберіть Вибрати зі списку. Як результат, пункти меню в полі нижче будуть активовані, і ви зможете вибрати ті, яким потрібно призначити шаблон. Після збереження перейдіть на сторінку користувача. Сторінки відповідного пункту меню відображатимуться із вибраним шаблоном.
Шаблони, які стали зайвими, можна легко видалити в диспетчері розширень. Клацніть на посилання Шаблони, виберіть шаблон, який потрібно видалити, а потім натисніть Видалити на панелі інструментів. Шаблон, який ви використовуєте зараз, Joomla не видалить; це вказується в таблиці тим, що він сірий, і ви не можете встановити його прапорець.
Joomla! Шаблони 1.5 (як для інтерфейсу адміністрування, так і для сайту) нарешті мають власні мовні файли. Це величезний крок уперед у створенні багатомовних веб-сайтів і є хорошим відображенням Joomla! Зусилля щодо інтернаціоналізації проекту (i18n). Joomla! В 1.0 ці тексти мали жорсткий код і залишались, наприклад, англійською мовою для англо-угорської веб-сторінки. Joomla! 1.5 шаблони також повністю підтримують використання письмових мов справа наліво (наприклад, арабська, іврит).
Дизайнери шаблонів, які щось собі подарували, усвідомили необхідність підготувати свої шаблони, щоб також підтримувати найпопулярніші компоненти Joomla. Спочатку були випущені шаблони, розроблені для успішного надбудови (наприклад, VirtueMart, Community Builder, RSGallery), але сьогодні ви не можете пропустити шаблон без підтримки K2, JomSocial, JComments та багатьох інших.
Каркасні системи
Joomla! - це набагато більше, ніж система управління вмістом: це також трирівневий фреймворк з верхнім шаром, розширенням, що містить розширення, включаючи шаблони. Це надихнуло деяких розробників шаблонів на розробку власних шаблонів, несвідомо прискорюючи дизайн гнучких та ефективних конструкцій. Спільне у них те, що вони підтримують різноманітні параметри макета, які можна налаштувати на стороні сервера, вибирати з різноманітних типів меню, розробляти зручні для пошуку шаблони і, нарешті, але не менш важливо, підтримувати відображення веб-вмісту на мобільні пристрої. Більшість із цих фреймворків зараз у вільному доступі під GNU GPL, щоб ми могли створити шаблон нашої мрії з базового шаблону. Рамковий фреймворк RocketTheme можна встановити як компонент Joomla, JoomlArt поширює фреймворк T3 як плагін.
Там питання може спонукати читача до того, чи повторення одних і тих же шаблонів на різних веб-сайтах не викликає у користувачів відчуття фаланги? Багатий світ кольорів, оригінальні ідеї та власний контент роблять це забутим відвідувачами нашого веб-сайту.
Joomla! Nap 2010
Місце проведення: конференц-центр CEU, Будапешт
Дата: 9 жовтня 2010 р.
Реєстрація та детальна програма: День Joomla! 2010