Перенос joomla на хостинг без ошибок — пошаговый план

Почему стоит обратить внимание на cms joomla!

«Джумла» — система управления контентом, распространяющаяся по лицензии GNU GPL. Проще говоря, это бесплатный движок, на котором можно делать любые сайты. CMS Joomla! функциональна и относительно проста в управлении. Выше уже сказано, что «Джумла» занимает второе место по популярности после CMS WordPress.

Владельцы сайтов выбирают эту систему управления контентом благодаря таким достоинствам:

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

Как создать сайт на:

• OpenCart • WordPress • BeSeller

Шаг № 1. начинаем работать с joomla!

Начните работу с «Джумлой» с регистрации домена и выбора хостинга. Вот рацпредложение: выбирайте хостинг с установленной CMS Joomla!, чтобы не тратить время на самостоятельное решение этой проблемы.

Если читаете выгодным предложения без установленного движка, придется загрузить и установить «Джумлу» самостоятельно. Поможет описание установки WordPress, а о нюансах почитайте на сайте поддержки российского сообщества Joomla.

После регистрации домена и покупки хостинга с установленной CMS или самостоятельной установки «Джумлы» вы получили доступ к административной панели сайта.

Интерфейс административной панели Joomla!

«получение поддержки»

Выбираем хостинг для Joomla». В зависимости от выбранного вами хостера могут отличаться определенные моменты в процессе переноса сайта на хостинг. В данном случае, перенос сайта Joomla на хостинг, я буду показывать на примере хостинга HostLand.

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

Кстати, оплатив данный хостинг на год, вы получите домен в подарок и вам не придется регистрировать его отдельно. А если при заказе хостинга укажете промокод — 4edc1eb4, то получите целый месяц хостинга абсолютно бесплатно.

Коротко рассмотрю процесс приобретения хостинга.

Заходим на сайт хостера HostLand. Выбираем тарифный план, для начала вам будет достаточно тарифа «Сенсация» и кликаем по кнопке «Заказать».

После этого загрузится форма, в которую вам необходимо будет вписать свой E-mail, промокод — 4edc1eb4 и нажать на кнопку «Заказать». После этого практически сразу к вам на E-mail, указанный при регистрации, придет письмо с очень важными данными, касаемо вашего хостинга. Эти данные необходимы вам для дальнейших действий.

При заполнении формы в поле  «Домены» можете указать один или несколько доменов которые вы хотите зарегистрировать или прикрепить (если они зарегистрированы у другого регистратора), к вашему аккаунту на хостинге HostLand.

Админка сайта

Изменение логотипа сайта

Изменять логотип очень легко и для этого есть несколько способов.

Способ 1:

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

Способ 2:

Этот способ самый легкий, но встречается не во всех шаблонах. Идем в: Менеджер шаблонов — Beez5 (стиль) — Указываем логотип.

Способ 3:

Делаем все так же, только заменяем не файл, а путь к логотипу. Как видно на картинке, картинка вставлена через html, а не через css. Поэтому нужно изменять исходный код шаблона. Делается это легко:

Менеджер шаблонов — Beez5 — Изменить шаблон главной страницы.

Ищем строчку с <h1 id=»logo»> и изменяем путь к логотипу на нужный. В данном шаблоне путь прописан на php, так как есть вариант №2. Поэтому лучше воспользоваться вариантом №1 или №2.

Как добавить микроразметку на сайт поду управлением joomla!

Структурированные данные интересны благодаря расширенным описаниям страниц в поисковой выдаче.

Установите и активируйте расширение Google Structured Data Markup. После активации бесплатная версия добавляет микроразметку Schema.org Breadcrumblist, Organization и Website.

Плагин сразу после установки добавляет микроразметку Website, Organization и Breadcrumblist

С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».

Добавляем микроразметку

В открывшемся окне с помощью кнопки Select Item выберите статью, к которой планируете добавить разметку. Укажите название и описание. Сохраните изменения.

Заполняем данные для микроразметки

Проверьте корректность микроразметки с помощью инструмента Google.

Микроразметка Article добавлена корректно

Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.

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

Как добавить сайт на «джумле» в google analytics

Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания, который необходимо вставить на все страницы сайта.

Код отслеживания

Задачу можно решить с помощью следующих расширений:

• Advanced Google Analytics.
• Asynchronous Google Analytics.
• Google Analytics Dashboard.

После установки плагина Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.

Настройки плагина

Отслеживание установлено

Как добавить форму обратной связи

Форму обратной связи можно сделать с помощью таких расширений:

• Form Maker Lite.
• Prestige Contact Forms.
• Creative Contact Form.

После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.

Создаем контактную форму

С помощью кнопки Form Options перейдите на страницу настройки формы. На вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.

Настраиваем форму

Добавляйте новые поля с помощью кнопки Add New Field.

Добавляем новые поля

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

Редактируем поля

Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.

Копируем код

Если вы все сделали верно, на страницах сайта появится созданная форма.

Форма опубликована

Как на joomla сделать интернет-магазин?

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

Чтобы создать интернет магазин необходимо установить и настроить саму CMS, а затем установить и настроить одно из подходящих расширений.

В настоящее время наиболее популярными решениями для Джумла являются:

• Virtuemart.
• JoomShoping.
• JBZoo.
• HikaShop.

Обратите внимание, у нас есть Windows-приложение для управления товарным каталогом для сайтов, работающих на Joomla!

Как обеспечить удобное управление мета-данными

https://www.youtube.com/watch?v=J2GwZkkKR4o

По умолчанию можно добавлять и редактировать мета-данные для каждого материала отдельно на вкладке «Параметры публикации». Перечисленные ниже инструменты упрощают решение этой задачи:

• iSEO. Платное решение: мощный SEO-плагин, решающий комплекс задач.
• EFSEO.
• SEOBoss. Используйте этот бесплатный плагин осторожно, так как некоторые его функции относятся к олдскульному SEO.

Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. На вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.

Включаем функцию Collet URL’s

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

Блок контроля мета-данных страницы

Щелкните по блоку и отредактируйте мета-данные страницы.

Окно редактирования мета-данных страницы

Повторите действие на каждой странице сайта.

Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует мета-данные для страниц. Функцию можно включить на вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как мета-данные лучше создавать вручную.

Меню настроек автоматической генерации мета-данных

Как создать карту сайта

https://www.youtube.com/watch?v=HK7sU25NeIA

Эту задачу можно решить с помощью следующих инструментов:

• Sitemap Generator.
• PWT Sitemap.
• OSMap.

После установки Sitemap Generator перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – Sitemap Generator».

Входим в меню создания карты сайта

Нажмите кнопку «Generate your sitemap».

Создаем карту сайта

Дождитесь сообщения об успешном создании карты сайта. Чтобы просмотреть карту, воспользуйтесь кнопкой «Show the sitemap».

Карта сайта создана

Обратите внимание, расширение Sitemap Generator можно бесплатно использовать на сайтах с количеством URL меньше 500. Стоимость использования модуля для сайтов с 500 URL и больше составляет от 40 евро в год.

Как создать категории и меню категорий

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

Входим в менеджер категорий

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

Указываем название и описание раздела

На вкладке «Публикация» укажите мета-данные категории, при необходимости укажите автора.

Указываем мета-данные категории

Не меняйте дефолтные настройки на вкладке «Права доступа». На вкладке «Параметры» выберите макет страницы категории и добавьте изображение. Например, для информационного ресурса подойдет макет «Блог». Сохраните изменения.

Теперь создайте подкатегории. Для этого во время создания категории укажите родительский раздел.

Создаем дочерний раздел или подкатегорию

Теперь создайте модуль отображения категорий. Для этого перейдите в менеджер модулей. Воспользуйтесь опцией «Создать» и выберите тип модуля «Категории».

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

Создаем модуль отображения категорий

Если все сделано верно, на сайте будет отображаться меню навигации по категориям.

Меню категорий

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

Выбираем тип модуля «Навигатор сайта»

Укажите название модуля, выберите подходящие настройки и позицию элемента на сайте. Сохраните изменения.

Настраиваем модуль

Теперь хлебные крошки будут отображаться в верхней части страниц сайта.

Хлебные крошки над контентом добавлены

Вы настроили CMS и создали меню сайта. Теперь необходимо решить практические задачи с помощью расширений.

Как создать меню сайта на cms joomla!

Чтобы создать меню, воспользуйтесь менеджером меню в панели управления «Джумлы».

Входим в менеджер меню

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

Создаем меню

Чтобы создать пункты меню, необходимо сначала опубликовать соответствующие им страницы сайта.

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

Выбираем тип меню

Для выбора конкретного материала воспользуйтесь опцией «Выбрать».

Выбираем конкретный материал

Нажмите кнопку «Сохранить и создать», чтобы сохранить пункт меню.

Таким же способом создайте остальные пункты меню. Например, чтобы добавить в меню ссылку на блог, выберите тип меню «Блог категории».

Создаем пункт меню «Блог»

Теперь нужно создать модуль отображения меню на сайте. Для этого перейдите в менеджер модулей.

Переходим в менеджер модулей

Нажмите кнопку «Создать» в левом верхнем углу экрана.

Создаем новый модуль

На открывшейся странице выберите вариант модуля «Меню».

Выбираем вариант модуля

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

Создаем модуль отображения меню

Какая cms лучше: joomla! или wordpress?

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

«Джумла» не так проста, логична и интуитивно понятна, как «Вордпресс». Поэтому новичку будет проще разобраться с WordPress. А Joomla! имеет больше встроенных возможностей, с помощью которых можно решать практические задачи без установки дополнительных компонентов.

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

К преимуществам Joomla! перед WordPress можно отнести:

В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.

К недостаткам Joomla! можно отнести:

• Меньшее по сравнению с WordPress количество бесплатных шаблонов и плагинов. Например, для Joomla! нет бесплатного плагина для реализации турбо-страниц.
• Нежелание некоторых расширений работать сразу после установки.
• Более сложное управление сайтом. Возможно, еще один субъективный недостаток.

Стоит ли выбирать CMS Joomla!, если вы не занимаетесь разработкой сайтов профессионально? Почему бы и нет. С помощью этого движка можно быстро создать блог или небольшой контент-проект. Возможно, придется обратиться к профессионалам, чтобы создать масштабный ресурс. Кстати, это справедливо для любой CMS.

Перенос joomla на хостинг

Для переноса сайта на хостинг вам потребуется:

1. Доступ к панели управления хостингом;
2. Учетная запись и пароль к SQL вашего хостинга. Созданная на хостинге, пуста база MySQL;
3. Настроенное FTP подключение или файловый менеджер панели управления хостингом;
4. Скаченный компонент Akeeba Backup и скрипт kickstart, этого же разработчика;
5. Зарегистрированное доменное имя или техническое доменное имя, предоставляемое хостинговой компанией. На хостинге должен быть создан каталог. Каталог должен быть связан с доменным именем и быть доступен в сети интернет;

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

Перенос сайта на joomla для нетерпеливых —

Статьи по теме

• 10 лучших WAMP платформ для CMS Joomla под Windows, урок 3
• 12 Правил оптимизации Joomla сайта, урок 28
• 2 программы FTP клиент для создания Joomla сайта – FilleZilla, WinSCP, урок 4
• 33 первых расширения Joomla сайта — плагины и компоненты для расширения функционала сайта, урок 29
• 5 Программ для работы с изображениями Joomla, урок 6
• Favicon сайта Joomla – как создать и установить favicon на сайт Joomla, урок 13
• Joomla модуль Обёртка (Wrapper)
• Joomla на XAMPP — управление Joomla в автономном режиме на локальной машине, урок 7
• reCAPTCHA версия 2.0 на сайте Joomla — капча на Joomla сайте
• URL Joomla: SEF, ЧПУ, убрать index урок 59

Шаг #3. настройка нового хостинга

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

В ней нужно перейти в раздел Domains (Домены) и выбрать команду Addon Domain (Добавить домен). Далее укажите информацию о домене – доменное имя (в поле New Domain Name) и путь к корневому каталогу документов (Document Root). При наличии одного сайта путь можно не изменять, в противном случае лучше создать отдельные папки для отдельных сайтов. Если возникли сложности, обратитесь в службу поддержки.

Рис. 2. Добавляем домен

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

Шаг № 4. устанавливаем и настраиваем базовый набор расширений для joomla!

C помощью базового набора расширений для Joomla! можно решить следующие практические задачи:

• Обеспечить безопасность сайта. С помощью расширений настройте резервное копирование, уменьшите вероятность несанкционированного доступа к сайту и защитите пользователей и администраторов от спама.
• Обеспечить соответствие ресурса техническим требованиям поисковых систем. Создайте карту сайта, обеспечьте возможность легко управлять мета-данными страниц.
• Расширить функциональность и повысить юзабилити сайта. Добавьте на сайт кнопки шеринга социальных сетей, форму обратной связи, ускоренные страницы. Также обеспечьте отображение в поисковой выдаче расширенных сниппетов с помощью микроразметки Schema.org.

Шаг № 5. как добавить код аналитических сервисов на сайт под управлением joomla!

Чтобы отслеживать эффективность, добавьте сайт под управлением CMS Joomla! в сервисы аналитики «Метрика» и Google Analytics, а также в Search Console Google и «Яндекс.Вебмастер».

Шаг № 6. как публиковать контент

Чтобы опубликовать заметку на сайте под управлением CMS Joomla!, воспользуйтесь меню «Создать материал» в административной панели.

Создаем материал

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

Добавляем текст и изображение

В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.

Настраиваем отображение

На вкладке «Публикация» добавьте описание и по желанию ключевые слова страницы.

Указываем описание

На вкладке «Изображения и ссылки» можно добавлять и редактировать изображения для превью и основного материала, а также добавлять ссылки для перенаправления пользователей. На вкладках «Отображение», «Параметры редактирования» и «Права доступа» можно изменять соответствующие настройки.

Публикация готова

В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.

Интерфейс менеджера материалов

В разделе «Категории» можно создавать и редактировать категории публикаций.

Интерфейс менеджера категорий