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

Создание сайта на joomla

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

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

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

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

А значит, для того что бы создать сайт на джумла с нуля, необходимо перейти на главную страницу сервиса Joomla.com и пройти простейшую регистрацию.

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

То есть указываем желаемый поддомен будущего сайта, адрес электронный почты и пароль Вашего акаунта. Далее кликаем по кнопке “Launch your website” и переходим на страницу защиты от спам регистраций, то есть на данной странице достаточно подтвердить, что Вы не “робот”, активировав каптчу.

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

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

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

После этого Вы можете перейти в личный кабинет, используя ссылку “Customer Area”.

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

Личный кабинет пользователя очень прост и удобен в работе.

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

При этом сайт для Вас уже создан, а значит CMS Joomla установлена и готова к работе. Для перехода в пользовательскую часть сайта используем ссылку “forlesson.joomla.com” (в качестве заголовка ссылки будет указан Ваш поддомен).

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

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

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

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

Теперь давайте изменим дизайн нашего сайта, установив один из доступных шаблонов. Для этого переходим по ссылке “Change Template”.

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

На следующей странице открывается список доступных к установке шаблонов.

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

Выбрав понравившийся шаблон кликаем по ссылке “Select”. При этом вместе с шаблоном Вы можете установить тестовые дополнительные данные, которые в полной мере покажут функционал шаблона, либо установить только шаблон и уже самостоятельно наполнить его контентом.

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

Обратите внимание, что установка тестовых данных полностью удалит контент Вашего сайта!!!

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

Я выбираю установку шаблона вместе с тестовыми данными. Соответственно, после установки давайте перейдем в пользовательскую часть сайта и посмотрим, как изменился внешний вид.

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

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

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

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

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

Теперь, перейдя в пользовательскую часть, мы увидим новую статью.

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

Далее, необходимо удалить тестовые материалы, наполнить будущий сайт контентом и соответственно он будет готов к работе.

Теперь Вы знаете, как создать сайт на джумле. Для тех, кто хочет изучить систему управления контентом Joomla и научиться создавать сайты на профессиональном уровне – будет полезен курс Joomla-Мастер. С нуля до премиум шаблона.

Всего Вам доброго и удачного кодирования!!!

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

webformyself.com

Введение в Joomla

http://joomla.org/3/ru/ —   площадка для изучения нашей CMS и место где вы можете скачать самую свежую версию движка.

На этом сайте есть видео уроки и много самой классной информации о функциях Joomla. Вы увидите, что Джумла поддерживает Bootstrap, LESS (усовершенствованный CSS), Jquery в ней есть также поддержка баз данных таких как PostgreSQL.

Хотите увидеть ее в работе, тогда нажмите на большую оранжевую кнопку «Live Demo»

Чтобы создать сайт на Joomla вам нужно будет нажать на зеленую кнопку «Download» (Скачать).Введение в создание сайта на Джумла

http://www.joomla.org/download.html — по этой ссылке можете скачать последнюю версию системы.

Третья версия рекомендуется для новых сайтов, но также подойдет версия 2.5 и старше. Нажимайте на синюю кнопочку «Download Joomla 3.3»

Здесь можно скачать официальную версию сайта Joomla

Установка сайта на Джумла

Это можно сделать двумя способами – в обоих случаях вам нужен будет хостинг и доменное имя. Так как это переводная статья, то автор предлагает использовать хостинг IPage.com, как наиболее дешевый вариант.

В этой статье мы воспользуемся ручным вариантом, он займет не более 20-30 минут вашего времени.

Итак, мы уже определились, что нам нужен домен и хостинг.

После скачивания вы получите следующий файл — Joomla_3.3.6-Stable-Full_Package.zip.

Распакуйте файлы архива и убедитесь, что вы видите те же файлы и папки, что на скриншоте ниже. Загрузите эти файлы к себе на выделенный сервер хостинга или на локальный (читайте – как установить локальный сервер Denwer).

Установочные файлы Джумлы

После установки файлов, в браузере вы увидите экран установщика. Это первый из 3-х шагов процесса.

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

Установка CMS Joomla

Как мы уже говорили раннее Joomla имеет поддержку баз данных таких как MySQLi и PostgreSQL.

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

Настройка конфигураций базы данных

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

Окончание процесса установки

Далее идет процесс установки и сообщение с поздравлением.

Из соображений безопасности после установки мы должны будем удалить папку с установщиком.

Нажмите на ссылку «Site», чтобы увидеть главную страницу сайта на joomla.

Успешное окончание установки сайта

Создание нового сайта на Joomla

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

 

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

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

Мобильная версия сайта Joomla

Вход в ваш сайт

Теперь давайте взглянем внутрь административной панели на интерфейс движка. Добавьте после названия вашего сайта в адресной строки слово — /administrator/. Будет примерно так – http://vash-site.ru/administrator/

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

Вход в админку сайта

Главная панель инструментов, располагающаяся в самом верху содержит все самое необходимое для управления сайтом.

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

Контрольная панель управления сайтом

Давайте напишем нашу первую статью на сайт. На главной панели перейдите в раздел Контент, а затем в Управление статьями (Article Manager).

Там будут три поля, которые нужны для написания и публикации:

  • Название: Моя первая статья
  • Категория: Блог
  • Основной текст: Я публикуюсь в Joomla первый раз.

Или что-то свое.

Панель текстового редактора

Нажимайте на «Сохранить», чтобы опубликовать вашу заметку. Нажмите на Имя сайта («Site name») в левом верхнем углу экрана.

Теперь вы будете видеть свою статью, в верхней части главной страницы.

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

Первая статья на новом сайте

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

Вы можете также найти свою запись в секции «Недавно добавленные статьи» или нажав на Content («Содержание»), затем Article Manager («Управление статьями») на главной панели инструментов.

Управление недавно добавленными статьями

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

Нажмете на изображение и увидите всплывающее pop-up окно с существующими картинками на вашем сайте.

Чтобы использовать конкретное изображение, просто кликните на него, а затем нажмите на «Вставить» (Insert)

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

Секция загрузки новых изображений на сайт

Боковая панель (Сайдбар) содержим самые важные параметры для каждой статьи.

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

Выставление параметров для каждой статьи

Более продвинутые настройки для публикации статей доступны внутри вкладок в верхней части экрана.

  • Опции публикации: задайте дату начала и завершения для размещения статьи
  • Опции статьи: Управляйте отображением вашей заметки.
  • Конфигурациия настроек редактора: Выбирает что пользователи могут видеть при редактировании статьи на главной странице.
  • Внутренние параметры метаданных: добавление мета-описания (description) и многое другое.
  • Доступы к статье: контроль доступа и возможность редактирования.

Настройка публикации статьи

Для просмотра и упорядочивания статей на вашем сайте, закройте статью, которую вы редактировали и нажмите на Content (Контент),  а затем на Управление Статьями.

Вы увидите текст записи в главной области.

На левой боковой панели вы можете использовать фильтры, развернуть его и найти искомый текст заметки.

Список всех статей Джумла

Шаблоны для Joomla

Дизайн вашего сайта контролируется шаблонами. В панели инструментов на главной странице переходите в Расширения (Extensions), а затем в Управление Шаблонами (Template Manager).

Кликните на «Мой стиль по умолчанию» (My Default style) и зайдите на вкладку Опции (Options).

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

Расширенные настройки для Joomla

Главные особенности в Joomla мы называем Компонентами (Components). Они имеют свои собственные ссылки в главном инструментарии админки.

3 из них наиболее полезные:

  1. Контакты: Позволяют создавать контактную форму на сайте
  2. Обновления Joomla: самая свежая версия движка и «ядра» в один клик
  3. Метки: Организация тегов, добавляемых к статьям.

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

Меню с компонентами

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

Нажмите на Расширения, затем Диспетчер Модулей (Module Manager) и там вы увидите список функций для блога: старые заметки, блог рол, самые популярные статьи и другие.

Вы их заметите сразу, они находятся в положении – position 7

Диспетчер модулей

Теперь, наконец-то давайте взглянет на то, как контролировать колонками в сайдбаре.

Идем в Расширения – Менеджер Шаблонов – Опции (Options) в верхней части экрана.

Устанавливаем модуль Preview (Просмотр) в режим включено (Enabled).

Теперь добавляйте к урлу следующий префикс — ?tp=1

У вас должно получиться следующее – http://vash-domen.ru/?tp=1

После этого вы сможете просмотреть названия всех областей, которые вы разместили на сайте. Глядя на модули по умолчанию, вы можете подтвердить, что многие из них действительно находятся в положении position-7

Позиции модулей

smarticle.ru

Способы создания сайтов

В настоящее время воплотить мечту о получении личного интернет ресурса можно несколькими способами:

  1. Заказать в специализированных студиях. Это дорогостоящий вариант, ведь вам нужно возместить стоимость, выставленную за использование платформы (если она платная), отстегнуть средства на оплату труда исполнителя и т.д.
  2. Самостоятельно создать сайт с нуля в блокноте с помощью html – верстки. Довольно интересный метод, основанный на базовых знаниях языка программирования. Работать с ним нелегко, ведь нужно тщательно следить за кодами и парными тегами.
  3. Эксклюзивный подход к сотворению интернет ресурса без программирования – использование конструкторов. Вот его я и хочу рассмотреть на примере платформы «Joomla».

sozdanie-sayta-v-joomla-dzhumla

Преимущества Joomla

Почему я выбрала именно эту платформу, а не другую? Все довольно просто, ведь она имеет:

  • Отличный функционал. Классического набора хватает, чтобы создать уникальный рабочий ресурс. Однако если вы хотите получить эксклюзивный сайт, то используйте различные расширения, которых на просторах интернета можно найти огромное количество (как платных, так и бесплатных).
  • Высокая безопасность вашего будущего ресурса. Конечно, никто не даст 100 % гарантию, на разработчики данной платформы улучшают свои показатели и стремятся к высоким показателям защищенности сайтов.
  • Огромное количество шаблонов в самой системе и не меньшее количество на просторах интернета, подстраиваемое под различные версии joomla.
  • Присутствие позиций модулей (одна из веских причин выбрать эту платформу). Допустим, что вы создаете сайт и вам нужно, чтобы форма для регистрации располагалась в левой части экрана, а она появляется по центру. Как быть? Войти на сайт через профиль админа и кликнуть пару раз мышкой по соответствующим клавишам, а вот в других конструкторах…
  • Возможность выделять фрагменты сайта, доступ к которым откроется только для зарегистрированных лиц. Получается, что большая часть ваших посетителей вынуждена будет пройти регистрацию, чтобы просмотреть интересующий их материал. С одной стороны, для вас это плюс – сбор базы данных (вы догадались, о чем я намекаю?), с другой, потеря некоторого процента пользователей, так как не все горят желанием регистрироваться и выкладывать личную информацию в интернет пространство.
  • Присутствие возможности выставления мультиязычности будущего ресурса (это добавит вашему начинанию дополнительный поток интернет пользователей). Согласны?

joomla

Процедура сотворения интернет ресурса

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

  1. Установка сервера Denwer. Это отличный помощник, содержащий в себе массу полезных материалов, позволяющий творить без подключения к сети Интернет.

 

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

  1. Установка Joomla последней версии на denwer. Скачивайте программы только с официального сайта, в противном случае можете заразить компьютер вирусами и потерять материалы, хранящиеся в нем. Будьте внимательны на этом этапе, а именно: входите в папку home, создавайте в ней www и только туда распаковывайте полученный архив.

 

Теперь нужно создать базу данных. Для этого в адресной строке пишите «localhost» ( не тратьте свои нервы и не копируйте данную задачу, а пропишите ее собственноручно), выбираете приложение «Проверка и администрирование MySQL», раздел «База данных». После этого создаете базу, кликая по соответствующей клавише, вводите ее название.

dzhumlaОбязательно добавьте нового пользователя, которому дадите доступ ко всем функциям (отменяйте «Глобальные привилегии»). При этом обязательно сохраняйте все логины и пароли, которые вы придумываете, так как восстановить их проблематично.

После этого переходите к установке Joomla, вводя данные, такие как: название ресурса, свой логин, описание сайта и т.д. При этом не трогайте тип базы данных да втором этапе и проверьте сервер – должен быть localhost. На последнем этапе не забудьте «Удалить директорию», иначе загрузка пойдет заново.

  1. Установка на хостинг. Для этого нужно определиться с последним (если он платный, то приобрести выгодный для вас пакет). Далее получаете доступ к хостингу и заливаете туда свой сайт, придавая ему доменное имя. Этот этап отнимет у вас буквально пару-тройку минут.
  2. Установка шаблонов. Этот шаг довольно увлекательный ,ведь вам нужно подобрать для себя тот вариант, который лучше всего будет выражать вашу индивидуальность и соответствовать тематике. Но, не забывайте заботиться о своих будущих читателях (использовать приятный шрифт, не применять броские спецэффекты и т.д.).

 

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

  1. Корректирование шаблона, применение различных модулей для доведения сайта до нужного (вставка меню, установка навигации по сайту, регистрационных форм и т.д.).
  2. Не забудьте настроить резервное копирование, чтобы в один момент не потерять свои труды. Новички порой пропускают этот шаг, а вот опытные владельцы интернет порталов знают не понаслышке, что это такое и первым делом проворачивают эту процедуру.
    Web site building
  3. Осталось настроить сайт (уровень доступности рекомендуется указать публичный, чтобы интернет пользователи смогли его посещать). Чтобы чаще попадать в список выдачи поисковиков нужно не только выставлять соответствующий контент, но и устанавливать дополнительные настройки, прописывать «Описание и Ключевые слова».

 

Пожалуй, это все, что я хотела рассказать о процедуре создания сайта на движке joomla. Если вы хотите узнать больше о модулях, дополнительных плагинах, то смело регистрируйтесь на тренинг «Школа блоггеров» Александра Борисова и создавайте уникальный сайт, привлекательности и функциональности которого будут завидовать многие интернет пользователи.

Если вам что-то оказалось непонятным в пошаговом руководстве, то задавайте вопросы. Также не забывайте делиться со своими друзьями, коллегами полученными знаниями (кликайте по клавишам социальных сетей) и начинайте творить. Помните: «Знания приносят успех только тогда, когда их начинают применять на практике».

На этом все, буду рада вновь встретиться с вами на просторах своего блога.

С уважением, Елена Изотова.

blogizotovoy.ru

Первой статьёй по Joomla я планировал написать, как её устанавливать. Но вот сегодня я подумал и решил сначала написать небольшую статью, чтобы предостеречь от Joomla одних людей и убедить в её использовании других. Мы с Вами рассмотрим преимущества и недостатки сайта с нуля и сайта на Joomla.

Давайте с Вами начнём с преимуществ сайта на Joomla:

  1. Создать сайт на Joomla очень быстро — буквально 10 минут.
  2. Процесс создания сайта на Joomla очень лёгок, и с ним справится даже ребёнок.
  3. Огромное количество расширений, которые легко могут менять функциональность сайта.
  4. Бесплатность.

На этом преимущества Joomla заканчиваются. Безусловно, они очень серьёзные, иначе бы она не была бы так распространена.

Теперь недостатки Joomla:

  1. Не очень высокая безопасность. Ввиду того, что, поскольку движок распространён, то есть в Интернете информация, как взломать ту или иную версию. В результате, любой школьник может её прочитать и без проблем взломать Ваш сайт.
  2. Безобразная внутренняя оптимизация сайта. Огромное количество дублирования. На каждую страницу приходится в среднем ещё по 2-3 клона.
  3. Вы не являетесь хозяином сайта. Что это означает? Означает это следующее: чтобы исправить какую-нибудь мелочь, которая Вас не устраивает, Вам придётся затратить огромное количество времени. И далеко не факт, что этим изменением Вы что-нибудь не сломаете.

Эти минусы, с одной стороны, небольшие, но, с другой стороны, если приглядеться, то они полностью убивают идею создания сайта на Joomla, просто до этого нужно дорасти.

Теперь рассмотрим преимущества сайта с нуля:

  1. Очень высокая безопасность сайта. Если Ваш сайт не станет гиперпопулярным, то никто его взламывать не будет. Во всяком случае, всякие школьники этого точно сделать не смогут, ввиду того, что движок Вашего сайта эксклюзивен, и никто не знает, как он работает и где у него дыры.
  2. Легко создать очень хорошую внутрисайтовую оптимизацию.
  3. Вы — хозяин сайта. Если движок делали Вы, то всегда сможете легко внести изменения там, где это необходимо. Если потребуется расширить функцониальность, то Вы тоже всегда сможете это сделать, не находясь в зависимости от всяких расширений.

Собственно, преимущества сайта с нуля — это противоположность недостаткам Joomla.

И, разумеется, недостатки сайта с нуля:

  1. Создать серьёзный сайт с нуля — это дело нескольких месяцев.
  2. Чтобы создать сайт с нуля, нужно обладать очень хорошими знаниями.

Вот такие существенные недостатки.

Теперь я хочу дать совет Всем, кто читает данную статью. Для начала задумайтесь: «Зачем Вам нужен сайт?«. Если:

  1. Вас тошнит от процесса создания сайта.
  2. Сайт Вам нужен только для личного пользования: для Вас, для друзей, может быть, для семьи.
  3. Вы не хотите на нём серьёзно зарабатывать.
  4. Вам всё равно, какое место Вы будете занимать, например, в Яндексе.

Если всё действительно так, то делайте сайт на Joomla. А если:

  1. Если Вы планируете серьёзно зарабатывать на сайте.
  2. Если Вы хотите занимать высокие позиции в поисковых системах.
  3. Если Вам интересен процесс создания сайта с нуля.

То создавайте сайт именно с нуля.

Скажу честно, этот сайт делался изначально на Joomla, более того, он на Joomla простоял где-то 7 месяцев. Но уже через 2-3 месяца я пожалел о том, что связался с этой CMS, поэтому я начал создавать сайт с нуля. Пожалуй, главная причина такого решения — мне просто интересно программировать. Хотя, безусловно, после замены на новый движок — посещаемость сайта сталя в 1.5 раза выше (почти сразу), благодаря подскочившему трафику из поисковых систем. Это говорит о том, что для хорошей поисковой оптимизации всё-таки лучше использовать сайт с нуля.

Но главное помните! Если Вам не нравится процесс создания сайта, то даже не думайте о его создании с нуля. Это мой Вам совет. А если Вы тащитесь от этого процесса (как я), то не думайте ни о какой Joomla! А все необходимые знания для создания сайта с нуля уже имеются на этом сайте.

myrusakov.ru

You May Also Like

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.