Создаем свой шаблон для joomla. пошаговое руководство

Выбор хостинга и регистрация домена

Прежде чем создавать сайт на Joomla, необходимо обзавестись хостингом и доменным именем. Особых требований к площадке для размещения движок не предъявляет. Но это не значит, что подойдёт вообще любой хостинг. Поскольку Joomla отлично масштабируется, велика вероятность, что сайт со временем и ростом популярности будет разрастаться. Если это информационный портал, то на нём будет всё больше материалов, если магазин — новые товары. Поэтому при выборе хостинга нужно смотреть и на качество услуг, и на возможности, которые он предлагает в целом — в виде виртуального хостинга, VPS, выделенного сервера.

Чтобы в будущем не встал ребром вопрос поиска нового хостинга, рекомендуем сразу брать проверенный. Bluehost предлагает хостинг, оптимизированный под разные CMS. Специальных тарифов для Joomla здесь нет, но это не имеет значения.

Достоинства хостинга Bluehost делают его отличным выбором для любого движка:

• Удобная тарифная сетка, которая позволяет начать с виртуального хостинга и расшириться до выделенного сервера.
• Доменное имя и SSL в подарок на большинстве тарифов.
• Поддержка быстрой установки большого количества приложений — в том числе CMS Joomla.
• Круглосуточная поддержка, доступная в онлайн-чате, по телефону, через тикеты.
• Высокие показатели производительности.

Стоимость виртуального хостинга на Bluehost — от $2.95 до $9.05 в месяц. Это решения для небольших сайтов. Сайты среднего размера, которым может потребоваться индивидуальная конфигурация, размещают на VPS. Стоимость тарифов — от $18.99 до $59.99 в месяц. Для крупных проектов можно арендовать выделенный сервер. Стоимость — от $79.99 до $119.99 в месяц.

Bluehost использует дата-центры по всему миру, поэтому ваш сайт будет быстро загружаться на устройствах пользователей из разных регионов. Для ускорения доставки контента хостер также предлагает подключение к CDN. Всё это приводит к тому, что в независимых тестах показатели скорости серверов Bluehost всегда держатся на уровне «очень быстро» и «быстро».

Проблем с доступностью хостинга Bluehost тоже нет. Показатели аптайма (времени бесперебойной работы) стабильно держатся около 100%. За 2019 год было зафиксировано несколько сбоев, однако их продолжительность не превышала 5 минут. С таким аптаймом бизнес не будет страдать из-за того, что клиенты не могут попасть на сайт — страницы всегда отвечают на запросы посетителей.

С безопасностью на Bluehost тоже всё в порядке. На тарифах виртуального хостинга работает защита от DDoS-атак, а также сканер SiteLock, который обнаруживает вредоносный код и предупреждает вебмастера об опасности. Резервные копии проекта создаются в автоматическом режиме каждый день. Это гарантия того, что информация с сайта никуда не пропадёт даже в случае серьёзного сбоя. Бэкапы на хостинге — страховка на тот случай, если вы не сделаете копию внутри самой CMS. Все перечисленные выше инструменты также доступны для установки на VPS и выделенные серверы.

Доменное имя тоже можно зарегистрировать на Bluehost. На большинстве тарифов вы получаете его на год в подарок — нужно только выбрать незанятое имя и прикрепить его к проекту в личном кабинете. Если в пакете услуг нет домена, то необходимо оплатить его на 12 месяцев. Стоимость зависит от зоны. Например, домен .COM стоит $11.99. Дополнительная защита доменного имени обойдётся примерно в такую же сумму.

Чистка Dropbox backup-storage по cron’у

Довелось мне сейчас настраивать Akeeba Backup Pro на удалённое хранение резервных копий в Dropbox. И по ходу процесса оказалось, что Akeeba умеет только захламлять тот самый Dropbox, а вот подчищать старьё после него придётся вручную. Но вручную — не комильфо, да и архивы по гигабайту с небольшим. Следовательно, нужно как-то избавляться от устаревших без помощи рук.
Итак, дано — полные бэкапы аплоадятся в папку «full» каждые три часа. Базы Mysql — в папку «mysql» каждые полчаса. Так хозяину сайта хочется, он под это дело Dropbox Pro оплатил.
Надо — удалить все старые полные архивы, оставив по одному за день (а чтоб был!), и все бэкапы Mysql, кроме сегодняшних.

Denivi Resort – сайт агентства недвижимости

Dineviresort.ru – визитка риэлтора в современном адаптивном дизайне. Главная страница выполнена в удобном формате лендинга. Шапка слишком крупная, изображение с эффектом пикселизации смотрится неплохо, но видео в маленьком окошке на фоне неуместно. Лучше бы его поставили в хедер на весь экран. Цветовая схема подходящая – оттенок синего а-ля морская волна созвучен тематике. Логотип посредственный – буквы плохо читаются, они не чёткие. В целом, структура и размещение элементов в шапке неудачное. Зато всё остальное в порядке – сочные фото, красочные описания, красивый слайдер-гармошка, видеоролики и ссылки на аренду апартаментов.

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

Лучший хостинг для Joomla

Для размещения сайта требуется домен и хостинг. Для Joomla мы рекомендуем использовать Bluehost. Во мнении о том, что это один из лучших хостингов в мире, сходятся эксперты индустрии, вебмастера и даже разработчики CMS.

Преимущества хостинга Bluehost.com для Joomla:

• Автоматическая установка CMS Joomla на хостинг в один клик!
• Отличная производительность. Серверы работают на высокой скорости и доступны в 99,98% времени. Сбои если и случаются, то очень быстро устраняются, так что владельцы сайтов не успевают пострадать.
• Использование инфраструктуры в разных регионах мира и подключение к CDN для увеличения скорости доставки контента до посетителей сайтов.
• Неограниченное количество сайтов, безлимитное дисковое пространство и пропускная способность на старших тарифах виртуального хостинга.
• Гибкость в управлении тарифами. Вы можете начать с небольшого проекта на виртуальном хостинге и при его расширении постепенно переезжать на новые мощности, VPS, выделенный сервер (Dedicated). 
• Возможность установить любую панель управления на VPS и Dedicated.
• Известность бренда, которая гарантирует стабильное положение компании на рынке.

Хостинг-провайдер Bluehost предлагает стандартный набор услуг для размещения сайтов, созданных на разных CMS, в числе которых и Joomla:

• Виртуальный хостинг от 2,95 до 13,95 долларов в месяц.
• Виртуальный выделенный сервер от 18,99 до 59,99 долларов в месяц.
• Выделенный сервер от 79,99 до 119,99 долларов в месяц. 

На Bluetost нет тестового периода. Но в течение 30 дней после оплаты тарифа действует функция возврат денег за неиспользованные услуги. Все пакеты услуг включают:

• Менеджер управления доменами.
• Встроенные инструменты защиты ресурсов. На виртуальном хостинге они предустановлены, на VPS и Dedicated доступны для инсталляции.
• Возможности масштабирования — увеличения количества ресурсов при расширении проекта.
• Бесплатные SSL от  Let’s Encrypt.
• Маркетинговые кредиты на 100 долларов в Microsoft Advertising и Google Ads при условии вложения в каждую сеть не менее 25 долларов.

Сервис также предлагает зарегистрировать доменное имя в разных зонах. Минимальная стоимость домена — 1,99 долларов в год. За эти деньги вы получите сайт в зоне .SPACE. Регистрация в зоне .COM стоит 11,99 долларов в год, .NET — 12,99 долларов в год, .BLOG — 16,99 долларов в год. К сожалению, RU/РФ и другие национальные зоны на Bluehost не представлены. Но это тоже не проблема: вы просто регистрируете доменное имя на другой площадке, а затем в несколько кликов добавляете его своему проекту через панель управления.

Формат

Включаем кэширование для снятия нагрузки с сервера хостинга

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

А как же тогда быть с обновлением информации на ресурсе? Если все берется из кэша движка, то любые вносимые изменения, допустим, в статьи, не будут видны пользователям. Ведь они то получают статью из папки для кэша. Да, действительно, в случае применения кэширования в Joomla, внесенные изменения сразу видны не будут, но они обязательно появятся потом, чуть позже. А вот насколько позже — зависит от времени жизни кэша, которое вы сможете задать в админке.

Для включения и настройки кэширования в этой бесплатной системе управления контентом просто зайдите в админку и выполните следующие перемещения: «Общие настройки» — вкладка «Система» — область «Установки кэша». Поставьте галочку в позицию «Да» в строке «Включить кэширование» и выберите время жизни кэша. Не забудьте по окончании настройки нажать кнопку «Применить» или «Сохранить», в противном случае внесенные вами изменения не вступят в силу.

Более подробно про кэширование в Джумле вы можете почитать в этой статье — .

Чем отличаются действия кнопок «Применить» и «Сохранить»

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

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

Т.е. кнопку «Применить» нужно нажимать, если вы еще планируете работать в этом окне, а кнопку «Сохранить» — если работу в этом окне вы уже закончили.

Afalina – сайт компании по производству санитарно-гигиенической продукции

Afalina-spb.ru – сайт-визитка компании, которая производит полотенца, салфетки, губки и прочее в таком духе. Дизайн уместный для тематики – спокойные оттенки фиолетового и розового цветов придают лёгкость всей конструкции. Увы, шаблон не адаптивный. Структура классическая – слайдер с продукцией в шапке, под ним общие сведения, далее идут категории продукции, ротатор брендов клиентов и футер самого обычного оформления. Логотип удачный, под его цвет и шрифт выстроен остальной дизайн сайта.

Шрифты используются самые простые, есть некоторые претензии к форматированию текста в материалах – сплошная простыня, картинки разного размера, прайс в виде таблицы отображается кривовато. Кроме того, сайт ощутимо лагает – явно проблемы на хостинге. Есть страницы с контактами, вакансиями, FAQ. Раздел с отзывами пустует. Сайт разработала сторонняя компании (в футере видно эту информацию) и, видимо, не довела дело до ума. Оптимизация хромает, хостинг дешёвый, оформление материалов посредственное. В плане информативности сайт нормальный, но недоработки видны невооружённым глазом.

Пример: Общая емкость соединенных последовательно конденсаторов емкостью 300нанофарад и 360нанофарад

Этап №4 — Инсталляция и настройка расширений для Joomla!

Стандартный набор функций и модулей CMS может быть очень полезен в работе. Однако зачастую бывает так, что чего-то не хватает. Ликвидировать проблему нехватки функционала помогут сторонние расширения, устанавливаемые в систему. Они позволяют решать ряд важных задач:

• расширение доступных функций и упрощение работы с меню;
• обеспечение дополнительного уровня безопасности;
• оптимизация работы вебсайта (SEO);
• добавление новых функций для пользователей и так далее.

Резервное копирование

Первое и самое главное расширение, которое вы должны установить — это функция резервного копирования. Благодаря ей в определенные промежутки времени система будет сохранять в архив все файлы вебсайта. И если с ним что-то произойдет, например, вирус удалит статьи, то вы сможете все это восстановить из резервной копии. Профессиональное создание сайтов Joomla в обязательном порядке предполагает настройку данного функционала. Для работы вы можете использовать следующие продукты:

• Akeeba;
• Easy Joomla.

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

Возьмем для примера Akeeba Backup. После инсталляции вы сразу можете создать резервную копию или настроить модуль.

Для создания бэкапа нажмите кнопку «Backup Now». 

Кнопка View Log откроет вам доступ к журналу обновлений, из которого можно узнать, когда создавались резервные копии. Нажав Mange backups, вы перейдете в меню, из которого сможете управлять бэкапами: сортировать, удалять и пр.

Что касается автоматической работы, то в бесплатной версии расширения такой функции не предусмотрено. Поэтому расписание создания копий нужно создавать самому. Сделать это можно из панели администратора, используя пункт меню «Backup is up-to-date». В новом меню вы можете выбрать частоту создания копий, учитывая активность на сайте.

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

Безопасность

Взлом вебсайта — ситуация крайне распространенная. Думая над тем, как создать сайт на Joomla, нужно сразу же позаботиться и о безопасности. В этом вам помогут такие расширения: Brute Force Stop; JU BlockIP; SecSign.

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

Защита от спама

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

• CAPTCHA;

• CleanTalk;

• iAkismet;

• R Antispam.

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

Функциональные возможности

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

Управление пользователями

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

Управление контентом

Добавлять контент Joomla можно через WYSIWYG-редактор, в буквальном смысле перетаскивая элементы интерфейса на страницы. Работать с кодом не придётся. Это делает визуальный редактор оптимальным выбором для начинающих пользователей. Все теги и стили прописываются автоматически, без участия контент-менеджера.

Управлять отображением добавленных постов можно с помощью предустановленных модулей. Они позволяют настроить показ последних статей и связанных тем. Для редактирования контента не обязательно переходить в панель администратора. Ошибки в тексте можно исправлять через пользовательскую часть сайта — для администраторов в ней доступна кнопка «Редактировать», которая переключает страницу в режим визуального редактирования.

Менеджер медиа-файлов

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

Встроенный поиск

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

Управление рекламой

Рекламные баннеры — важная часть монетизации любого сайта. На Джумле для управления ими есть простые инструменты. Они позволяют создавать рекламные кампании и добавлять столько баннеров, сколько потребуется. В системе есть также инструменты аналитики, позволяющие отслеживать клики и другие действия посетителей с рекламой.

Многоязычность

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

Встроенная справочная система

При работе с Джумлой не нужно держать в соседней вкладке открытую документацию. В большинстве разделов панели администратора есть кнопка для перехода к справочным материалам, которые относятся к настройкам, доступным на текущей странице. Это очень удобно — у вас появился вопрос, вы тут же нашли на него ответ. Если после изучения справочных материалов проблема не решена, можно обратиться к сторонним источникам информации: форумам пользователей, гайдам, курсам.

Простое обновление

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

Удобное управление контентом Расширение функциональности Простое обновление движка

ПОПРОБОВАТЬ

Что вы можете сделать с Joomla?

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

Блоги (веб-журналы)

Блоги – это платформы для обсуждений или информационные сайты, состоящие из статей (сообщений, записей). Самые последние статьи появляются первыми.

Пример: http://www.joomlablogger.net/

Рисунок 4: joomlablogger.net

Сайты посвященные бренду

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

Пример: http://www.ihop.com/

Рисунок 5: ihop.com

Сайты-визитки

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

Пример: http://www.solesolutions.no/

Рисунок 6: solesolutions.no

Сайты знаменитостей

Веб-сайты, содержащие информацию о каких-либо знаменитостях. Подобные сайты могут быть официальными или созданными фанатами.

Пример: http://www.deep-purple.com/

Рисунок 7: deep-purple.com

Сообщества

Сайты, где общаются люди со схожими интересами.

Пример: http://www.starvmax.com/community

Рисунок 8: starvmax.com / сообщества

Интернет магазины

Сайты, предлагающие товары и услуги для онлайн продаж.

Пример: http://regalosdecocina.com/

Рисунок 9: regalosdecocina.com

Сайт, где люди обсуждают различные темы.

Пример: http://www.sol.dk/debat/kategorier

Рисунок 10: sol.dk / Деба / kategorier

Сайты — галереи

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

Пример: http://www.mb-photography.com/

Рисунок 11: MB-photography.com

Правительственные сайты

Более 3000 правительственных веб-сайтов по всему миру создаются на CMS Joomla.

Примеры: http://joomlagov.info/

Рисунок 12: joomlagov.info

Новостные сайты

Схожи с  информационными сайтами, но ориентированы на новости, политику и комментарии.

Пример: http://www.aa.com.tr/

Рисунок 13: aa.com.tr

Персональные сайты

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

Пример: http://www.ilnono.it/it/

Рисунок 14: ilnono.it

Как формируются (генерируются) страницы в CMS Джумла

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

Все дело в том, что браузеры работают только со страничками в формате HTML (язык гипертекстовой разметки) и напрочь не понимают язык PHP на котором, собственно, и написана Joomla. Поэтому система управления контентом (ЦМС), после того как пользователь обратится к той или иной вебстранице вашего проекта, должна успеть сгенерировать эту страничку, опираясь на алгоритм, прописанный в ее коде на языке PHP.

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

Этот момент в работе CMS под названием Joomla особенно сложно понять тем, кто хоть немного представляет создание классического вебсайта, состоящего только из статичных страничек с расширением HTML. Все вебстраницы, в этом случае, реально существуют и находятся на сервере вашего хостинга.

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

В случае же с Джумлой, да, собственно, и любой другой CMS, базирующейся на PHP, странички в формате HTML генерятся непосредственно на сервере хостинга в момент обращения к ним. Каким образом они генерятся?

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

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

Если запросов на создание страниц будет очень много (высокая посещаемость или же какой-то бот начнет генерить кучу запросов), то это может нагнуть сервер хостинга, т.е. существенно замедлить его работу. Даже если предположить, что все посетители, находящиеся в данный момент на вашем ресурсе, запросили одну и ту же вебстраницу, она все равно будет создаваться движком заново столько раз, сколько посетителей нажали по соответствующей ей ссылке. О как!