Как редактировать сайт на joomla
От автора: приветствую Вас уважаемые читатели. Система управления контентом Joomla предлагает очень удобные инструменты по изменению внешнего вида и функционала разрабатываемого сайта. Поэтому в данной статье мы поговорим о том, как редактировать сайт на joomla.
Сайт, созданный на CMS Joomla, как и все остальные, состоит из отдельных страниц отображающих на экране некоторый контент. При этом, как правило, каждая страница формируется при создании отдельного пункта меню, за исключением тех страниц, которые являются дочерними по отношению к некоторым родительским. К примеру, страница просмотра полного содержимого материала, по сути, является дочерней страницей, так как на нее пользователь может перейти из списка записей некоторой категории.
При этом контент страниц, в основном, формируется компонентами Joomla, как стандартными, так и установленными дополнительно. Соответственно создавая отдельный пункт меню, и тем самым реализуя новую страницу, Вы выбираете доступный вид конкретного компонента, то есть шаблон отображения данных. К тому же каждый компонент подгружает определенный набор настроек, которые можно использовать, что бы в CMS Joomla редактировать страницу.
Таким образом, для изменения сайта Joomla необходимо добавить нужное количество страниц и настроить их в зависимости от функционала. Стоит помнить, что помимо компонентов, за формирование содержимого сайта отвечают модули и плагины CMS, хоть и в значительно меньшей мере, нежели компоненты, так как их задача – добавление дополнительной информации на страницу сайта.
Теперь переходим к вопросу для CMS Joomla как редактировать страницы?
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
Итак, переходим в панель администратора, а затем в “Менеджер меню”.
Joomla позволяет создавать неограниченное количество различных меню, каждый из которых будет отображаться в соответствующей позиции Вашего сайта, при помощи модулей. При этом выбрав интересующее меню, Вы увидите список его пунктов, созданных ранее. При этом каждый пункт – это отдельная страница Вашего сайта, соответственно вопрос на поставленный выше вопрос кроется именно здесь.
Первое что бросается глаза – это небольшая кнопка, в виде звездочки, которая отображается напротив каждого пункта.
Данная кнопка, используется для указания того, какая страница должна быть главной пользовательской части сайта. Соответственно, Вы при необходимости, можете выбрать другую страницу в качестве главной. Далее переходим на страницу редактирования пункта меню, к примеру “Главная”.
Пункт меню ссылается на конкретный вид компонента, а значит, если необходимо изменить контент отображаемый на данной странице, необходимо выбрать другой макет, используя параметр “Тип пункта меню”.
Хотите узнать, что необходимо для создания сайта?
Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!
В моем случае выбран макет “Избранные материалы” компонента Материалы. Давайте выберем другой макет – “Блог категории”, который отображает список материалов выбранной категории в виде блога. После выбора нового пункта меню – страница редактирования обновиться и добавятся дополнительные параметры настроек. Причем не просто отдельные параметры а и возможно дополнительные вкладки. К примеру, для корректной работы макета “Блог категории” необходимо указать категорию, материалы которой будут отображены на экране.
Так же на вкладке “Параметры макета” для настройки отображения материалов категории.
Как Вы видите большинство полей, отвечают за настройку сортировки материалов на странице, за исключением четырех, которые управляют макетом и количеством отображаемых страниц:
Во всю ширину – количество материалов отображающихся на всю ширину блока контента.
Только введения – количество материалов, отображаемых после материалов, отображающихся в полную ширину.
Количество колонок – количество колонок, которые будут отображать вводную часть материалов. При этом если указать 1, будет сформирована всего одна колонка.
Количество ссылок – количество ссылок, отображающихся после списка материалов.
Так же на странице редактирования пункта меню ,содержится вкладка “Отображение”, на которой приведены параметры, отвечающие за показ некоторых элементов на странице, к примеру, заголовка, автора материала, даты создания и т.д.
После настройки пункта меню, сохраняем изменения при помощи кнопки “Сохранить”.
Конечно, каждый вид компонента (тип пункта меню) предусматривает определенный набор настроек, характерный только него, а значит Вы сможете привести практически любу страницу Вашего сайта к необходимому виду. Вы спросите почему я говорю “практически”, потому как не для всех ситуаций предусмотрены настройки, а значит иногда приходится редактировать код шаблона конкретного компонента, что требует знания структуры и логики работы шаблонов Joomla. Поэтому если данная тема Вас заинтересовала – Вам будет полезен курс Joomla-Мастер. С нуля до премиум шаблона.
Помимо этого, часто задаётся вопрос, как редактировать сайт Joomla на хостинге? И как мне кажется Вы уже знаете на него ответ, так как работа в панели администратора Joomla на хостинге, ни чем не отличается от работы на локальном компьютере.
Собственно на этом вопрос как отредактировать страницу joomla – исчерпан, а значит статья подошла к концу. Всего Вам доброго и удачного кодирования.
Как редактировать сайт на joomla
Система управления контентом Joomla предлагает очень удобные инструменты по изменению внешнего вида и функционала разрабатываемого сайта. Поэтому в данной статье мы поговорим о том, как редактировать сайт на joomla.
Сайт, созданный на CMS Joomla, как и все остальные, состоит из отдельных страниц отображающих на экране некоторый контент. При этом, как правило, каждая страница формируется при создании отдельного пункта меню, за исключением тех страниц, которые являются дочерними по отношению к некоторым родительским. К примеру, страница просмотра полного содержимого материала, по сути, является дочерней страницей, так как на нее пользователь может перейти из списка записей некоторой категории.
При этом контент страниц, в основном, формируется компонентами Joomla, как стандартными, так и установленными дополнительно. Соответственно создавая отдельный пункт меню, и тем самым реализуя новую страницу, Вы выбираете доступный вид конкретного компонента, то есть шаблон отображения данных. К тому же каждый компонент подгружает определенный набор настроек, которые можно использовать, что бы в CMS Joomla редактировать страницу.
Таким образом, для изменения сайта Joomla необходимо добавить нужное количество страниц и настроить их в зависимости от функционала. Стоит помнить, что помимо компонентов, за формирование содержимого сайта отвечают модули и плагины CMS, хоть и в значительно меньшей мере, нежели компоненты, так как их задача – добавление дополнительной информации на страницу сайта.
Теперь переходим к вопросу для CMS Joomla как редактировать страницы?
Итак, переходим в панель администратора, а затем в “Менеджер меню”.
Joomla позволяет создавать неограниченное количество различных меню, каждый из которых будет отображаться в соответствующей позиции Вашего сайта, при помощи модулей. При этом выбрав интересующее меню, Вы увидите список его пунктов, созданных ранее. При этом каждый пункт – это отдельная страница Вашего сайта, соответственно вопрос на поставленный выше вопрос кроется именно здесь.
Первое что бросается глаза – это небольшая кнопка, в виде звездочки, которая отображается напротив каждого пункта.
Данная кнопка, используется для указания того, какая страница должна быть главной пользовательской части сайта. Соответственно, Вы при необходимости, можете выбрать другую страницу в качестве главной. Далее переходим на страницу редактирования пункта меню, к примеру “Главная”.
Пункт меню ссылается на конкретный вид компонента, а значит, если необходимо изменить контент отображаемый на данной странице, необходимо выбрать другой макет, используя параметр “Тип пункта меню”.
В моем случае выбран макет “Избранные материалы” компонента Материалы. Давайте выберем другой макет – “Блог категории”, который отображает список материалов выбранной категории в виде блога. После выбора нового пункта меню – страница редактирования обновиться и добавятся дополнительные параметры настроек. Причем не просто отдельные параметры а и возможно дополнительные вкладки. К примеру, для корректной работы макета “Блог категории” необходимо указать категорию, материалы которой будут отображены на экране.
Так же на вкладке “Параметры макета” для настройки отображения материалов категории.
Как Вы видите большинство полей, отвечают за настройку сортировки материалов на странице, за исключением четырех, которые управляют макетом и количеством отображаемых страниц:
- Во всю ширину – количество материалов отображающихся на всю ширину блока контента.
- Только введения – количество материалов, отображаемых после материалов, отображающихся в полную ширину.
- Количество колонок – количество колонок, которые будут отображать вводную часть материалов. При этом если указать 1, будет сформирована всего одна колонка.
- Количество ссылок – количество ссылок, отображающихся после списка материалов.
Так же на странице редактирования пункта меню ,содержится вкладка “Отображение”, на которой приведены параметры, отвечающие за показ некоторых элементов на странице, к примеру, заголовка, автора материала, даты создания и т.д.
После настройки пункта меню, сохраняем изменения при помощи кнопки “Сохранить”.
Конечно, каждый вид компонента (тип пункта меню) предусматривает определенный набор настроек, характерный только него, а значит Вы сможете привести практически любу страницу Вашего сайта к необходимому виду. Вы спросите почему я говорю “практически”, потому как не для всех ситуаций предусмотрены настройки, а значит иногда приходится редактировать код шаблона конкретного компонента, что требует знания структуры и логики работы шаблонов Joomla.
Как редактировать сайт на joomla через админку
Джумла – достойный выбор. Благодаря всевозможным плагинам, модулям, находящимся в свободном доступе в сети, с помощью этой CMS можно создать сайт любого типа, динамичный, красочный, эффективный в плане прибыли.
Доступная (бесплатная) CMS джумла легка в освоении, для работы в ней не нужны специальные знания html-кода, языка JavaScript.
Итак, рассмотрим основные моменты, разобравшись в которых вы сможете приступить к созданию своего нового сайта – сайта на джумле.
Как войти в панель администратора
Прежде чем приступить к созданию сайта, необходимо приобрести адрес в сети интернет – купить домен. После этого, заказать услуги хостинга и уже через аккаунт установить бесплатную CMS на свой домен.
Теперь вы можете войти в Панель joomla установленной джумла. Для этого в адресной строке браузера введите свой домен, поставьте слэш (символ «/») и впишите слово administrator.
Сделав это один раз, вы легко будете входить в админпанель джумла через свой браузер: страница будет сохранена в памяти браузера и при вводе первых букв вам будет предложен полный вариант (см. рисунок – область, обведённая красным). Остальное вводить уже не придётся, достаточно нажать на предлагаемую ссылку.
Ещё проще возвращаться в Панель joomla, если вы добавите страницу html://ваш домен/administratorв закладки браузера.
После ввода адреса страницы выйдет форма ввода логина и пароля. Если джумла установлена прямо на сайт через аккаунт в хостинге, логин и пароль автоматически будет вам предоставлен.
Введя свои данные, мы попадаем в панель joomla.
В первую очередь следует произвести основные настройки, чтобы сайт правильно отображался в поисковых системах, выглядел привлекательно для пользователей, а вам удобно было работать в своей джумле.
Основные настройки
Общие настройки вы найдёте в колонке справа, нажимаем на них и приступим к введению основных параметров будущего сайта.
Самое важное и первостепенное: изменить название сайта. Укажите в этой строке то название, по которому вы бы хотели, чтобы вас узнавали. Именно эти слова будут отображаться в результатах поиска в браузере.
На время создания сайта, его можно выключить, оставив забавную или просто красивую картинку и сообщение для пользователей, которые зайдут на ваш домен. Например, «Сайт закрыт на техническое обслуживание, попробуйте зайти позже».
Редактор по умолчанию стоит TinyMCЕ. На первое время его возможностей будет вполне достаточно. Позже можно будет дополнительно установить более «продвинутый».
CAPTCHA вам понадобиться, когда вы решите создавать формы опроса, анкеты, обратную связь.
Уровень доступа по умолчанию стоит «Публичный», т.е. для всех: зарегистрированных и нет. Этот параметр можно изменить, предоставив доступ только зарегистрированным пользователям, либо при создании сайта для узкого круга лиц (например, для профессионального сообщества).
Здесь самое важное оставить описание сайта (оно будет отображаться в поисковике под названием), прописать все ключевые слова из семантического ядра сайта (слова, по которым вас будут находить потенциальные посетители). Здесь же можно прописать фразу, указывающую на то, что материалы вашего сайта защищены законом об авторских правах. Эта надпись появиться внизу вашего сайта.
Теперь поднимаемся на верх и переходим в другую вкладку общих настроек – «Сервер». Здесь нужно вписать свой почтовый ящик, чтобы получать оповещения от системы и пользователей через обратную связь, отправлять письма от имени, например, администратора сайта. Впишите в графу «Отправитель письма» имя, под которым хотите общаться с пользователями (будет отображаться при получении письма в их почтовых ящиках).
Далее во вкладке «Права» можно задать, какие действия вы разрешаете совершать на сайте пользователям. Пока эти настройки можно оставить как есть (по умолчанию), если, конечно, вы не создаёте сайт для узкого круга лиц.
Помимо этих основных и очень важных настроек, можно также задать параметры загружаемых на сайт картинок (форматы, размер и т.д.), параметры будущих материалов (как они будут отображаться на странице), баннеров, модулей и прочее.
Главное не забудьте нажать кнопку «Сохранить и закрыть».
Шаблон сайта – это его лицо
Далее стоит поменять шаблон сайта: вместо стандартного поставить дополнительно другой, специальной найденный, подобранный (а может и купленный, если речь о серьёзном, глобальном проекте).
Заходим в «Менеджер шаблонов» (также в колонке справа в Панеле управления джумла).
Здесь вы увидите, что шаблоном для сайта по умолчанию является protostar– Default. Посмотрим насколько вас устраивает такой шаблон. Для этого в верхнем левом углу панели нажмём ссылку с надписью Joomla и значком со стрелкой. Так мы будем постоянно переходить на главную страницу сайта, чтобы наглядно увидеть результат вносимых изменений.
Так выглядит сайт с шаблоном по умолчанию. Вполне неплохо, подойдёт для информационных ресурсов, особенно если учесть, что здесь появятся рекламные баннеры, слайдеры (в которых одно изображение сменяется другим). Но… давайте сравним, как будет выглядеть сайт в другом шаблоне. Вернемся во вкладку Панели управления и назначим другой шаблон шаблоном по умолчанию.
Для этого просто нужно нажать звездочку напротив. Обратите внимание, что выбираем шаблон для сайта (их здесь всего два), а не для панели управления (их тоже два). Откроем главную страницу сайта с помощью той же ссылки joomla.
Этот шаблон лучше тем, что баннеры и дополнительное меню отображаются с обеих сторон: справа и слева. Плохо тем, что сверху красуется не нужная надпись «Размер шрифта), да и картинку в «шапке» сайта лучше бы поменять. Чтобы слегка подправить шаблон потребуется отредактировать файлы, написанные на языке программирования.
Кроме того, главное меню поднялось выше и уже не так бросается в глаза, поэтому ориентиром для пользователей оно уже служить не будет. Основное меню в таком шаблоне лучше создать справа, а в верхнее переместить дополнительные кнопки.
Можно оставить любой из доступных шаблонов, можно попытаться подправить самый подходящий из них, опираясь на свои знания, а можно скачать и установить новый с официального сайта joomla — joomla.ru (в разделе «Скачать» — «Шаблоны»). В некоторых случаях потребуется регистрация или вход через соцсети.
Чтобы установить в joomla новый скачанный шаблон, нужно зайти в «Расширения» — «Менеджер расширений» — «Установить».
Выбрать нужный файл на компьютере, нажать «Загрузить и установить». А затем назначить загруженный шаблон действующим «по умолчанию» (поставить в «Менеджере меню» напротив него звездочку).
Управление меню
Чтобы создать меню в верху или в правой колонке (иногда и в левой), нужно зайти в «Меню» — «Создать меню». Внести в графы название меню (чтобы вы могли найти его в списке созданных, узнать по названию), тип (на английском, например, left). И нажать «Сохранить и закрыть»
И создать соответствующий этому меню модуль. Для этого напротив созданного меню нажимаем «Добавить модуль для данного типа меню».
И настраиваем его: позиция, название, порядок (чтобы высвечивалось выше других – баннеров и дополнительных меню), «опубликовать» и не забываем сохранить. Кстати, название модуля (если не настроить по-другому) будет высвечиваться на сайте. Поэтому подумайте прежде чем ввести заголовок модуля.
Выходим на главную страницу сайта и находим своё меню…
Создаём пункты меню. Представим, что мы создаём новостной портал, первым пунктом будет главная страница, затем новости о происшествиях, новости из разделов «Политика», «Происшествия», «Экономика», «Общество». Вводим заголовок – «Главная».
Переходим к выбору типа пункта меню. Поскольку мы создаём главную страницу, на ней может быть описание сайта и его разделов, либо перечень избранных материалов, либо перечь материалов из конкретной категории (в новостном сайте это может быть лента новостей о происшествиях). Пока у нас не создано никаких материалов и категорий, мы можем выбрать пункт меню – Избранные материалы. Для этого нажимаем кнопку «Выбрать». Откроется отдельное окно.
Нажмём на «Материалы» и увидим следующий перечень.
В нём выбираем «Избранные материалы». Теперь на главной будут отображаться избранные материалы, которые мы вскоре создадим. Но сначала нужно сделать ещё одну важную вещь и сохранить настройки данного пункта меню.
Мы создаём главную страницу сайта, поэтому обязательно нужно нажать «Да» под «Главная страница». Сохраним и закроем пункт меню.
Таким же образом мы позже создадим несколько других пунктов меню («Происшествия», «Политика», «Экономика», «Общество», «О нас», «Контакты», «Обратная связь»). Пока же перейдём к наполнению сайта контентом, под который позже и создадим новые пункты меню и модули. Начнём с создания материалов.
Управление материалами
Прежде чем приступить к наполнению сайта статьями, полезной информацией, материалами, новостями нужно представить себе весь контент в системе, характерной для админки джумла. В Панели управления материалы разбиваются на категории. Создание нового материала невозможно без отнесения его к какой-либо из категорий. Поэтому прежде чем добавить новость, информацию или статью, нужно создать категорию. Вернёмся к нашему примеру и создадим категории для новостного сайта – «Происшествия», «Общество», «Экономика», «Политика». Помимо очевидных тематических нужна категория, в которой разместятся одиночные материалы – «Основная». Начнём создание категорий с основной.
Для этого заходим в «Материалы» — «Менеджер категорий» и нажимаем «Создать категорию». Открывается окно, в котором нужно задать название категории – «Основная». Затем можно «Сохранить и закрыть».
Сразу после сохранения новой категории, перед нами открывается список созданных категорий. Не удивляйтесь, если в нём окажется те, которые вы не создавали. При установке джумлы программа устанавливается со своеобразными заготовками – категорий, материалов, меню, модулей и т.д. Лишнее всегда можно удалить, поставив галочку напротив названия категории и нажав на кнопку вверху – «В корзину».
Таким же образом создадим и другие категории. Только в этот раз добавить к категории описание и метки.
Метки вводятся через Enter (каждое слово или словосочетание). Незабываем сохранять.
Описание будет отображаться на специально созданной странице (тип пункта меню «Блок категорий» — очень удобный способ для отображения в одном месте всех материалов категории, например, категории «Происшествия»). Метки нужны для удобного поиска информации на вашем сайте. Соответствующий модуль уже создан и отображается на сайте. А если нет, его можно добавить и активировать (см. Управление модулями).
Желательно также прописать ключевые слова во вкладке «Публикация».
Можно продублировать описание категории в поле Мета-тег Description (до 160 знаков).
Посмотрим на список категорий теперь, после создания основной и тематических.
Наконец, можем перейти к созданию материалов.
Заходим в «Материалы» — «Создать материал». Откроется окно, где нужно ввести заголовок материала, текст, выбрать соответствующую категорию, отнести его к избранным (при необходимости) и обязательно сохранить.
Например, создадим новость о происшествии, отнесём к соответствующей категории, введём метки (нетрезвый водитель, ДТП, авария), такие ключи и описание во вкладке «Публикация» и сохраним. Этот материал в избранные добавлять не будем.
После создания нескольких материалов в разных категориях вернёмся к меню и создадим необходимые пункты. Для «Происшествий», «Политики», «Общества» и других создаём типы меню – «Блок категорий».
Посмотрим, как теперь выглядит меню на сайте.
Также можно создать страницу для отображения избранных материалов, архивных, списка категорий, контактов, ленты новостей и т. д.
Управление модулями
С модулями мы немного познакомились, когда создавали модуль под левое меню. Но в джумле предустановлено множество различных модулей. Чтобы посмотреть их все, зайдём в «Расширения», «Менеджер модулей».
В списке мы увидим уже знакомый PopularTags(метки). Зайдём в него, чтобы изменить название.
Поменяв заголовок можно уделить внимание другим настройкам. Например, поменять количество отображаемых на странице меток, задать «показывать количество элементов» (после нажатия «Да» на сайте рядом с каждой меткой будет отображаться количество соответствующих материалов). Можно скрыть заголовок и спустить модуль ниже, чем он стоит на сайте.
Главное не забыть сохранить изменения и проверить, что получилось.
В модулях можно отображать всё, что угодно: форму регистрации на сайте, гугл или яндекс карту, любую информацию, введенную в с помощью html-кода, баннеры, количество гостей на сайте, новостную ленту, самые читаемые материалы, меню, связанные материалы, навигатор сайта, форму поиска, изображения, слайд-шоу, статистика о пользователях. В свободном доступе имеется множество плагинов, которые после установки также отображают на сайте контент в интересной форме с помощью модулей. Такие технические возможности позволяют создавать интересные сайты с увлекательной информацией, поданной в удобной форме пользователю. Модуль – это своеобразный инструмент для отображения контента на сайте.
Чтобы создать один из доступных модулей, заходим в менеджер модулей и нажимаем «Создать».
У каждого модуля свои настройки. Но всегда обязательно нужно вводить заголовок, иначе модуль просто не сохраниться, и выбирать позицию, иначе он не отобразиться на сайте.
Чтобы изменить настройки созданного модуля, нужно зайти в «Менеджер модулей», найти в списке нужный, зайти в модуль, внести изменения и сохранить.
Иерархия пользователей
Для создания обратной связи на сайте необходимо создать «Контакт». Для этого заходим в «Компоненты» — «Контакты».
Заполняем форму в зависимости от того, какую информацию о себе/сайте/организации вы хотите показать посетителям сайта. Можно назвать себя admin. Сохраняем.
Контакты или обратную связь сделаем в верхнем меню. Создаём меню, добавляем пункт «Контакты».
Таким образом можно создать пункт со списком контактов различных людей, для сайта компании это будет очень полезная веб-страница.
Если есть необходимость, можно создать сложную иерархию пользователей в джумле. Например, вы создаете не новостной сайт, а соцсеть или портал для профессионального сообщества с разными функциями: одни могут добавлять материалы, другие только читать, а постороннему пользователю вся информация на сайте будет не доступна (регистрация оформляется по выданным логинам и паролям). Например, портал для авторов статей, где администраторы дают возможность любому добавлять свои материалы, но при этом все статьи проходят модерацию (тут вступает «в игру» ещё одна категория). Все уровни пользователей и их функции можно задать, зайдя в «Пользователи».
Медиа-менеджер
Все изображения попадают на сайт джумла через медиа-менеджер.
В одну из папок можно загрузить множество фотографий, чтобы после вставить их в материалы, баннеры, в модуль «Случайное изображение». Единственное важное условие, название изображений должно быть на латинском. Кстати, вставить картинку с компьютера в текст, можно прямо в окне создания материала.
С помощью кнопки «Изображение» в текстовом редакторе мы попадаем в папки медиа-менеджера.
Загружаем с компьютера нужное фото. Оно попадает в каталог изображений джумла. А затем вставляем в материал.
Можно вставить картинку прямо из интернета, указав ссылку. В редакторе предусмотрена нужная кнопка: «Вставить/редактировать изображение».
Дополнительные возможности
С помощью установки различных расширений можно создать новые возможности на сайте, сделать его красочнее, добавить интерактивности, функциональности. В свободном доступе имеется множество плагинов, на официальных сайтах джумла: joomla.ru и joomla.org. Например, в категории общения можно найти расширение «Быстрый обмен сообщениями» или плагин голосования.
Это неисчерпаемый административный ресурс. Скачиваем нужное и устанавливаем через Панель управления джумла: «Расширения» — «Установить».
Версия программы
Основные разделы в админке джумла и функции администрирования мы рассмотрели. На последок хотелось бы обратить внимание на версию joomla. Знать версию установленной программы важно, поскольку дополнительно установленные расширения могут не подойти вашей устаревшей версии. В последних версиях joomla при входе в Панель управления программа оповещает о необходимости обновить и саму джумла, и отдельные расширения.
Нужно только нажать кнопку «Обновить сейчас».
Версию установленной джумла всегда можно посмотреть в «Информации о системе». Здесь же вы найдете и системные требования.
Обновления делать необходимо, чтобы идти в ногу со временем, чтобы сайт соответствовал меняющимся потребностям современного пользователя.