Начало работы с joomla 3. Пособие по работе с Joomla CMS для начинающих. Социальные медиа и облачные вычисления
Здравствуйте, уважаемые читатели блога сайт. Эта статья посвящена новичкам в сайтостроении. Когда ты сам уже давно прошел этот этап (имеющий место быть в становлении абсолютно любого вебмастера), то кажется, что все и так понятно.
Действительно, после погружения в тему все оказывается гораздо проще, чем казалось на поверхности. Но для этого нужно именно погрузиться, и лучше всего это делать с чьей-то помощью (хотя бы в виде инструкций для начинающих).
Говорить мы будем про работу с замечательным движком Joomla 3, который в своей нынешней инкарнации представляет из себя довольно-таки добротный продукт, отвечающий современным стандартам верстки (поддерживается, например, ), безопасности и функциональности (с помощью расширений на этом движке можно , каталоги, блоги, фотогалереи и многое другое).
Сегодня мы затронем ключевые для понимания сути работы с этой CMS моменты, побродим по админке, рассмотрим структуру размещения материалов в Джумле 3 и даже поработаем с инструментами создания иерархии категорий. В общем, познакомимся с движком, научимся его не бояться и попытаемся вникнуть в логику плодотворной работы с ним.
Как связаны сайт на Joomla и админка этой CMS
Общедоступную версию сайта на Джумле (или любом другом движке) мы как бы формируем с нуля — устанавливаем шаблон, наполняем материалами, добавляем модули с меню и прочими необходимыми инструментами. Эта версия сайта будет такой, какой вы захотите сделать ее сами. По началу же, сразу после установки движка (если вы не ставили демо-данные), это будет что-то совсем неприглядное (название сайта, пару пунктов меню — пустой стеллаж для ваших мыслей, выплеснутых на просторы интернета).Не смотря на то, что основной безусловно является та часть вашего сайта, которая будет доступна всем — в админке вы будете проводить практически сто процентов своего времени, отведенного вами на работу с вашим интернет-проектом.
Вход в админ-панель Джумлы и вопросы безопасности
Как попасть в админку Joomla 3 ? Довольно просто. Достаточно добавить к Урл адресу главной страницы вашего сайта через слеш «administrator». Если бы мой блог работал под управлением этого движка (на самом деле, у меня WordPress), то для доступа к административной панели достаточно было бы в адресной строке набрать:
Https://сайт/administrator/
Если вы подключитесь к своему сайту по Фтп (или зайдете в папку локального сервера), то в корне (это то место, куда вы попадаете сразу после подключения) действительно найдете папку «administrator», а внутри нее файл index.php, который и запускает админку. Все по-честному.
Php»? Можно и так, но вовсе не обязательно. Дело в том, что веб-сервер (это программа, работающая на реальном или локальном хостинге) при обращении к папке будет пытаться найти в ней файлик index (с расширением php или html), чтобы его и открыть. С этим, кстати, связан неприятный момент (читайте по ссылке, как с этим можно и нужно бороться).
Собственно, и при вводе в адресную строку браузера Урл адреса главной страницы своего сайта также идет обращение к реальному файлу. И он опять же называется index.php, но живет уже в самом корне сайта (на том же уровне, что и папка administrator). Это как раз и есть классический пример появления зеркал (например, по двум Урлам https://сайт и https://сайт/index.php будет открываться одна и та же страница — почему это плохо, читайте по приведенной в предыдущем абзаце ссылке).
Естественно, что кого угодно в админку не пустят. Защита заключается в просьбе ввести логин и пароль , которые вы задали при установке данного движка (на локальный или реальный хостинг). Нужно не забывать, что сайты в интернете очень часто ломают (например, чтобы или использовать его в качестве дорвея). Причем, делается не целенаправленно, а «на потоке». Поэтому пока еще не большая значимость вашего ресурса не убережет его от посягательств. и нетривиальный логин могут сослужить ваш хорошую службу.
Для пущей безопасности работы с сайтом можно использовать различные плагины, позволяющие, например, спрятать вашу админку. Т.е при переходе по адресу «http://vashdomen.ru/administrator/» предложения ввести пароль не последует. Для входа в админку нужно будет использовать путь, который вам укажет плагин. В данном случае я описал работу плагина jsecure , но существует и масса других вариантов, например, создание еще одной пары логина и пароля, которые потребуется вводить после официального входа от Joomla. Но не суть.
Оборотная сторона сайта на основе Joomla (зазеркалье)
Итак, мы очутились в святая-святых Джумлы — в админке. Доступ сюда имеете только вы и те, кому вы эту привилегию предоставили (можно назначить разные уровни доступа, при которых будут доступны разные наборы возможностей админки). Если вы работали ранее с , то никаких особых вопросов у вас не возникнет, ибо в «тройке» и «двойке с половиной» общая суть и с тех пор не поменялись. Добавилось удобства, красивостей и безопасности. Разница заключается в нюансах, о которых я не премину упомянуть.
Как устроена админка Джумлы 3?
Если же вы вообще никогда с Джумлой дела не имели, то придется немного поднапрячься, чтобы понять суть ее устройства. В общем-то, это не сложно, но для человека, никогда с ЦМС дела не имевшего, логика ее работы может оказаться не очевидной. Сужу я, конечно же, по себе, но вы можете оказаться куда более сообразительными. Тем не менее продолжу в расчете на то, что вы новичок . Остальных прощу меня простить за излишние подробности. Спасибо.
Главная страница админки Джумла 3 похожа на то, что мы видели в версии 2.5 и даже 1.5 (ее сейчас уже официально не поддерживают, что может сказываться на безопасности). Собственно, про чехарду вы можете почитать по ссылке. Если говорить кратко, то пока не выйдет 3.5, самой стабильной будет считаться 2.5. Все версии 3.х являются предварительными и далеко не все расширения вы сможете на них установить (например, любимый в рунете пока с трешкой не дружит, а вот дружит).
Вверху админки расположено неизменное выпадающее меню, в котором есть все, что вам только может понадобиться. По мере установки новых расширений это меню будет разрастаться и шириться возможностями. Принципы классификации расширений со времен Joomla 1.5 не поменялись и поэтому могу вам посоветовать ознакомиться со статьей, которая объясняет , а также как их устанавливать.
В центральной части главной страницы админки сейчас пока особо значимой информации нет, но по мере развития сайта вы сможет тут отслеживать довольно любопытную информацию. Левое меню пришло на смену панели инструментов, которая была в полторашке и двушке с половинкой. Там находятся «быстрые ссылки», которые по своей сути дублирует некоторые пункты верхнего меню, но позволяют перейти к нужным настройкам несколько быстрее.
Если вы будете находиться не на главной странице админки, а перейдете по одному из пунктов верхнего меню, то в левом меню будут отображаться относящиеся к нему «быстрые ссылки» , что опять же ускоряет процесс работы над сайтом в Джумле 3. Например, при переходе на вкладку создания нового пользователя, слева будет отображаться меню со всеми необходимыми вам в этом нелегком деле «быстрыми ссылками»:
Собственно все, теперь пора лезть внутрь и погружаться в прекрасный мир творчества (создание сайта).
Ан нет. Еще на скриншоте отображено замечательное изменение, которого лично мне не хватало в версии 1.5 — возможность автоматического обновления Joomla до последней актуальной версии простым нажатием кнопки в админ-панели. Раньше это делать приходилось , сейчас же даже прямо из админки (с небольшими нюансиками). Красота. Вот я как раз и обновлюсь до новой версии 3.3.3.
Буквально за пару минут файлы обновления скачаются, распакуются и установятся (вас об этом будут информировать в реальном времени). На порядок удобнее, нежели делать это вручную.
Что интересного есть в админке Joomla 3 ? За что хвататься в первую очередь? Что важно, а что второстепенно? Почему так много всего и что с этим всем делать? Как, наконец, создать страницу, меню, добавить картинку или видеоролик? Ну, совершенно не понятно, глядя на всю этому путницу пунктов меню в админке. По крайней мере таково было мое личное впечатление от первого «боестолкновения» с административной панелью Джумлы.
Давайте начнем с ориентации в смысле того, чтобы понять, как вернуться к начальной точке , а именно на главную страницу админки, если вы глубоко закопались в настройках чего-либо (хотя я и упоминал, что куда угодно можно попасть из верхнего меню, которое для всех страниц админки остается неизменным). Для этого служит эмблемка Джумлы, расположенная в левом верхнем углу, а также пункт верхнего меню «Система» — «Панель управления».
Вторым вопросом, который следует решить, обычно, является — как из админки перейти на сайт , чтобы посмотреть результаты того, что вы там натворили. Сделать это опять же очень просто — достаточно кликнуть по названию вашего сайта, расположенному в правом верхнем углу. Данная кнопка дублируется еще и в нижнем левом углу админки — «Просмотр сайта» .
Изначально, правда, ваш сайт будет представлять из себя жалкое зрелище, но уже после его наполнения и структурирования все станет «голубым и зеленым» (в смысле, прекрасным) и ваша душа станет «петь и ликовать». Но для достижения этого придется потрудиться.
Что можно cразу поменять в общих настройках Joomla 3?
Имеет смысл сразу же перед началом работы изменить некоторые общие настройки Джумла. Давайте попробуем это сделать. Попасть в них можно из верхнего меню: «Система» — «Общие настройки». Вот прям на этом месте становится очень страшно, ибо их тут жуть как много (и это только на одной из пяти возможных вкладок — «Сайт», а что будет на других даже представлять не хочется):
Но опять же бояться не надо, ибо я постараюсь вас провести по этим дебрям наиболее простым и эффективным путем. Вместе мы сила (не забывайте подписаться на рассылку , чтобы очередная статья из этой рубрики не прошла бы мимо вас).
Итак, во-первых, вы можете тут поменять название сайта, которое придумали при установке движка (могли ведь поторопиться или просто написать что-нибудь «от балды», лишь бы отстали). Здесь же можно будете поменять в одноименном поле настроек (с помощью него вы сможете форматировать тексты добавляемых статей). Правда, плагин нового редактора вам предварительно придется установить, а уже потом заходить в общие настройки и выбирать из выпадающего списка «Редактор по умолчанию». В общем-то, и встроенный TinyMCE имеет большой функционал, но его нужно будет настроить (думаю, что об этом еще поговорим отдельно).
Но с этими настройками мы чуток погодим, а пока создадим удобство пользования админки. Перейдите лучше на вкладку «Система» (из верхнего меню Общих настроек) и посмотрите в области «Настройки сессии» на цифру, стоящую в строке «Время жизни сессии» . По умолчанию там установлено 15 (имеется в ввиду минут):
Поначалу эта зараза все нервы истрепала, ибо стоило мне перестать проявлять активность в админке на срок более чем 15 минут (отвлекся на почту, пошел чайку попить и т.п.), то меня за раз выбрасывало из админки и приходилось вновь залогиниваться и искать место моего последнего пребывания в недрах админки. Нить проводимых действий обрывалась, а с учетом того, что я на тот момент и так вел себя как «слепой котенок» (не всегда мог вспомнить, как на эту страницу настроек я попал) — позитива данное обстоятельство в работу не вносило.
Понятно, что делается это в целях безопасности, но 15 минут (особенно для новичка) это мало. Посему советую вам на этапе разработки и знакомства с Джумлой увеличить эту цифру раз в десять (и не забыть нажать на расположенную сверху кнопку «Сохранить»), хотя бы на то время, пока вы активно работаете над созданием сайта (потом можно будет установить цифирьку поменьше). .
Категории и материалы — что это и как ими пользоваться
Далее. В Joomla все строится вокруг такого понятия, как материалы (контент) . Собственно, любой сайт это прежде всего контент, просто обернутый в разные фантики (шаблоны). Без материалов сайт никому не будет интересен (кроме вас, конечно же). Случайно попавшим на него пользователям там будет просто нечего делать, что спровоцирует их быстрый уход и ухудшение .
Статьи в Джумле добавляются на вкладке «Материалы» — «Менеджер материалов» . Но не торопитесь туда идти, ибо сначала нужно будет подготовиться. Что я имею в виду? Если говорить языком обывателя, то нам нужно заготовить папочки, где мы эти самые статьи будет хранить. И не только хранить. Joomla имеет замечательные инструменты для показа всего содержимого этих папочек (в виде списка или в виде небольших анонсов) пользователям, зашедшим на ваш сайт. Это очень удобно и мы об этом будет подробно говорить.
Для создания этих самых папочек нам нужно выбрать вкладку «Материалы» — «Менеджер категорий» . Раньше в Джумле 1.5 можно было создавать папочки только двух уровней вложенности — здоровые папки под названием Разделы, в которых могли располагаться папки поменьше — Категории.
Многим пользователям этого не хватало и в последующих версиях данного движка от разделов отказались, но зато теперь можно вкладывать одни категории (папочки) внутрь других на любую глубину (уровень). Допустим, в категорию А, вы вложили категорию В, а уже в нее вложили категорию С — получили в итоге три уровня вложенности. Чума (хотя, пока на практике не столкнетесь с необходимостью использования такой структуры, оценить важность данного нововведения по достоинству не получится).
Итак, заходим в «Материалы» — «Менеджер категорий» — «Создать» и открываем счет категориям на своем сайте. Фактически, этим самым вы определяете структуру вашего будущего сайта — группируете будущие материалы, которые будут на нем размещаться. Эту структуру потом можно будет использовать в меню на сайте для того, чтобы вашим посетителям было бы проще в нем ориентироваться.
Какие могут быть категории? Все зависит от тематики вашего сайта. Но лучше как следует подумать над этим вопросом, чтобы сделать заделы на будущее и не перекраивать уже хорошо работающий сайт, ибо в ряде случаев это может вызвать некоторые негативные последствия (при правильном подходе всего лишь временные).
Например, для сайта по туризму можно сделать категории верхнего уровня с названиями регионов мира, а уже вложенные в них — категории с названиями конкретных стран. Можно сделать еще и третий уровень вложенности — регионы или города уже внутри самих этих стран.
Создание категорий и подкатегорий в Джумле
Обилие возможных настроек при создании категории в Joomla 3 несколько обескураживает, но нужно понимать, что в большинстве случаев вам достаточно будет лишь ввести ее название (это единственное обязательное к заполнению поле в этой форме) и выбрать уровень ее вложенности в поле «Родитель» (выбрать из списка одну из уже существующих категорий, внутрь которой будет вложена та, что вы сейчас пытаетесь создать), если это требуется по ранее разработанному вами плану (в нашем случае и вкладываться-то пока еще не во что, ибо эта категория будет первой).
Поле «Алиас» (псевдоним) не изменило своего назначения со времен Джумлы 1.5 и позволяет подкорректировать Урл адрес того пункта меню, который будет ссылаться на данную категорию (при этом можно использовать символы ,,,[_],[-]).. Если это поле не заполнить, то система сама категории и использует это в Урл адресе (получится примерно так — «https://сайт/novsti»).
Поле «Описание» заполнять не требуется, но если вы это сделаете, то при выводе списка или анонсов, имеющихся в этой категории статей (путем создания соответствующего пункта меню на сайте — еще подробно об этом поговорим), будет отображаться в самом начале сделанное вами описание (можно для его оформления и картинки использовать).
Сохранять произведенные изменения теперь можно с помощью аж целых трех кнопок (в Joomla 1.5 было только два варианта):
- Сохранить — вы сохраните внесенные изменения и при этом так и останетесь на этой же странице
- Сохранить и закрыть — изменения сохранятся, а вас перебросит на уровень выше (в нашем случае в Менеджер категорий)
- Сохранить и создать — после сохранения откроется окно создания новой категории. Удобно при создании всей структуры категорий на вашем сайте.
Естественно, что при создании дочерних категорий (подкатегорий) нужно будет еще выбирать родительскую категорию (в нашем примере «Новости»), внутри которой она будет в дальнейшем жить.
Если вы внимательно присмотритесь к выпадающему списка, то заметите там категорию с названием «Uncategorised» . Вы ее не создавали — так откуда же она взялась? Все очень просто. Эту виртуальную категорию создала сама Joomla 3 и в ней будут храниться статьи, которые вы не решитесь отнести к какой-либо категории. Это может быть, например, страница с контактами, схемой проезда и тому подобное. Все они будут жить в Uncategorised.
В менеджере категорий дочерние и родительские элементы легко отследить благодаря их наглядному отображению с большим тире перед названием и смещением относительно родителя вправо (название категорий еще большего уровня вложенности будет отображаться с еще более длинным тире):
Там же вы найдете и Uncategorised (без категорий). Если захотите в уже созданных что-то отредактировать, то просто кликните по их названию. Для удаления лишних категорий достаточно будет поставить галочку (слева от их названия) и нажать на кнопку «В корзину», расположенную сверху. А как попасть в эту самую корзину ? Например, чтобы удалить оттуда все окончательно или восстановить случайно удаленное.
Для этого нужно будет кликнуть по расположенной чуть выше списка категорий кнопке «Инструменты поиска», а на появившейся чуть ниже панели найти в выпадающем списке «Выбор состояния» вариант «В корзине». Откроется таблица со списком содержимого корзины. Для окончательного удаления категории поставьте напротив нее галочку и воспользуйтесь кнопкой «Очистить корзину», расположенную вверху.
Если захотите что-то восстановить из ранее удаленного, то кликните по расположенной слева от названия пиктограммке корзины (Опубликовать).
Если вы что-то хотите отложить в долгий ящик не удаляя, то достаточно кликнуть по расположенной слева галочке, чтобы снять данную категорию с публикации (она не будет отображаться на сайте). Просмотреть список не опубликованных элементов можно будет точно так же, как мы только что просматривали список элементов в корзине.
Собственно, по предложенной схеме создаете структуру категорий для всего будущего сайта . Если еще все продумать не успели, то создаете то, что уже точно решили как именно будет выглядеть. Далее мы рассмотрим вопросы создания новых материалов, пунктов меню, настройку шаблонов, установку нужных расширений и многое, многое другое. Надеюсь будет интересно.
Лучше один раз увидеть, чем сто раз услышать — не правда ли? Мне вот тоже так кажется, посему предлагаю вам посмотреть 15 уроков по быстрому старту на Joomla 3 . Они будут воспроизводиться один за другим автоматом, а если хотите, то можете переключаться на следующий урок с помощью соответствующей кнопки на панели плеера или выбрать нужный урок из выпадающего меню в верхнем левом углу окна плеера:
Приятного просмотра!
Удачи вам! До скорых встреч на страницах блога сайт
Вам может быть интересно
Сайт на Joomla стал выдавать кучу ошибок типа - Strict Standards: Non-static method JLoader::import () should not be called statically in
Создание карты для сайта на Joomla с помощью компонента Xmap
Модули в Joomla - просмотр позиции, настройка и вывод, а так же назначение суффиксов класса
Обновление Joomla до последней версии
Контакты для сайта и форма обратной связи с помощью встроенного компонента Joomla
Расширения для Joomla - что это такое и где скачать компоненты, модули и плагины для Джумлы, как их устанавливать и удалять
Компонент K2 для создания блогов, каталогов и порталов на Joomla - возможности, установка и русификация
Что такое Joomla
CMS Joomla - принципы работы бесплатной системы управления контентом, создание страниц и их кэширование
Начало начал
Все начинающие веб-мастера начинают делать сайты практически с "нуля " (в их числе был и я). Тоесть, открывают блокнот, и начинают писать код вручную. Но рано или поздно приходит тот момент когда люди задумываются - «А нет ли такой программы с которой было бы всё проще». Конечно для опытных веб-мастеров больше подойдет какой нибудь фреймворк, т.к. возможностей у него больше, но для начинающего программиста больше подойдет движок, а именно Joomla CMS .Установка Joomla CMS
Прежде всего нужно скачать движок с официального сайта: www.joomla.orgСкачали? Замечательно, теперь нужно открыть скачанный архив и извлечь все файлы и папки из архива в корневую директорию домена (или виртуального сервера вроде Denwer-а)
Теперь, вы должны установить движок. Для того чтобы это сделать нужно зайди на сайт (www.ваш-сайт.ru, или 127.0.0.1 если у вас виртуальный сервер)
Перед вами открылось окно установки (в зависимости от версии оно может отличаться), Там все предельно просто, если выбрать Русский язык. Нужно вписать все данные которые там указаны, а именно данные базы данных (логин, пароль), название сайта, meta-данные сайта (для его дальнейшей раскрутки в SEO), логин и пароль от панели администрации сайта. Всё, установка окончена, можно приступать к самой работе с движком.
Что же дальше делать?
Дальше я могу вам дать только основные детали работы с движком, т.к. имея базовые знания можно собрать сайт любой сложности на данном движке.Движок имеет модульную систему, тоесть вы можете в прямом смысле слова собирать сайт. Модуль это как бы определенная часть сайта, например: Главное меню, боковое меню, картинка сбоку, логотип, баннер и т.д. Работать с модулями просто, нужно указать тип модуля (HTML код, меню и т.п.), Название самого модуля, позицию модуля на сайте, и сам контент модуля. И все это у вас займет максимум 5 минут, движок предельно прост для начинающего пользователя.
Далее, вам нужно создать меню? Не проблема, в главном меню панели администратора есть пункт «Menu», там вы можете выбрать: Редактирование уже существующего меню или создание нового, в создании нового меню нет ничего особенного. Нужно указать название меню и всё. Мы рассмотрим редактирование меню, т.к. это наверное одна из важнейших частей создания сайта на Joomla CMS. Редактирование меню подразумевает под собой создание пунктов меню, удаление пунктов меню, и их редактирование. Создать пункт меню можно нажав на соответствующюю кнопку (Рекомендую скачать русификатор для вашей версии движка, но об этом чуть позже). Создание пункта меню - значит создать новую страницу на сайте, многие новички не понимали - «Как создать новую страницу на сайте». Я тоже не понимал, но покопавшись в движке до меня дошло, что движок сам создает страницы при создании пунка меню.
И так, вы нажали на кнопку создания пункта меню. Открылась новая страничка, вам нужно указать тип страницы которую вы хотите создать, это могут быть избранные статьи, показ одной единственной статьи и т.д. (Кстати, устанавливая расширения такие как VirtueMart, страницу каталога нужно создать этим же способом). Далее нужно указать статью которую вы создадите чуть позже, рекомендую вам прочитать часть с созданием статьи, и уже потом читать эту часть. Теперь, нужно указать название пункта меню, не пишите слишком длинное название т.к. это вызовет некоторые проблемы с показом меню и вообще с дизайном сайта. Далее, нужно указать алиас страницы (www.vashsait.ru/glavnaya - слово «glavnaya» это и есть алиас). Всё, на этом создание меню окончено, вы так же можете добавить и другие пункты меню если вам это понадобится.
Как создать статью для добавления текста на страницы сайта?
Для того чтобы создать статью, нужно зайти в меню «Материалы» и выбрать там пункт «Менеджер материалов». Далее, там нужно нажать на зеленую кнопку «Создать». Здесь все просто, указали заголовок, написали текст и всё. Далее можно указать категорию статьи, и другие параметры, выбрав соответсвующий пункт в меню чуть выше.Расширения, шаблоны, русификация - как установить?
Чтобы установить расширения, шаблоны, языковые пакеты создатели Joomla создали специальный менеджер расширений.Зайти в него можно через главное меню панели администрации, нажав на пункт «Расширения» и выбрав там пункт «Менеджер расшираний». Далее нужно выбрать скачанный архив с нужным расширением и нажать на кнопку «Загрузить и установить». Всё, дополнение установлено. Как пользоваться тем или иным расширением здесь я не смогу написать т.к. расширений очень много и методов их использования тоже не мало. Я вам лучше расскажу как поставить на сайт установленный шаблон. Это тоже очень просто, нужно нажать на пункт меню «Расширения» и там выбрать пункт «Менеджер шаблонов». Далее нужно найти установленный вами шаблон, нашли? Идем дальше, нужно поставить галочку слева от названия шаблона и нажать на большую желтую кнопку сверху «Использовать по умолчанию». Всё, шаблон установлен! Кстати, вместе с шаблоном меняются и позиции модулей на сайте, если на шаблоне нету позиции к примеру «left» для модуля, то модуль не будет отображаться на сайте, по этому ищите на сайте, откуда вы скачали шаблон, картинку с позициями для модулей.
На этом все, с вами был Nxdt!
Теги: пособие для чайников, joomla, начинание
Всего 14 уроков, немного внимания и терпения, и вот вы уже умеете пользоваться одной из самых гибких систем управления контентом - Joomla. Это на самом деле универсальный движок, который подходит для всех проектов .
- 1
Знакомство с Joomla
Небольшая вводная часть: о возможностях, об истории, о внешнем виде - вы будете понимать, с чем предстоит иметь дело.
- 2
Установка Joomla на localhost
Многие веб-мастера начинают работу над сайтом, не выкладывая его в Интернет, а размещая на локальном хостинге. О том, как установить CMS на него и пойдёт речь в этой статье.
- 3
Установка Joomla на хостинг
Пошаговая инструкция, при помощи которой любой пользователь сможет проинсталлировать Joomla на хостинг, чтобы его сайт работал именно на этой CMS.
- 4
Знакомство с админкой и базовые настройки
В статье вы найдёте очень много полезной информации на тему настройки своего ресурса. Начиная с того, как войти в панель администратора и освоиться в ней, заканчивая тем, как изменить время сессии, найти справку и удалить некоторые демо-данные.
- 5
Установка шаблона на Joomla
Урок подскажет, откуда брать для движка темы оформления, как инсталлировать их из папки, архива или по ссылке, а потом активировать, чтобы оформление сайта сменилось.
- 6
Создание страниц и пункта меню
О том, как добавить на сайт страницу, а потом поместить на неё ссылку, чтобы каждый посетитель мог её прочесть. Урок научит настраивать страницы и добавлять пункты в навигационное меню.
- 7
Создание категорий
- 8
Типы меню в Joomla
Joomla - довольно гибкая система, что отражается даже на работе с пунктами меню. Типов меню в Joomla достаточно много, о них и расскажет урок.
- 9
Создание формы обратной связи
Если хотите поддерживать с посетителями двухстороннюю связь - создайте контактную форму, пройдя этот урок.
- 10
Модули, плагины, компоненты
На первый взгляд синонимы, но в Joomla, оказывается, каждый тип дополнений выполняет свои функции по-разному. Прочитав статью вы узнаете, как отличить компонент от плагина, а плагин - от модуля, где их найти и какими способами установить.
- 11
Создание фотогалереи
Картинки на сайте - это всегда важно, но не воспользоваться возможностями, которые предлагают расширения Joomla - большое упущение. В статье рассматривается компонент Phoca Gallery - самое популярное и наиболее функциональное из бесплатных решений.
- 12
Создание шаблона на Joomla
Чтобы не пользоваться сторонними разработками, можно адаптировать под Joomla собственный (или любой другой) HTML-шаблон. Как именно это делать, в уроке показано на наглядном примере. Раскрывается структура тем оформления, правильный подход к архивации и настройке файла templateDetails.xml.
- 13
Перенос сайта с локального хостинга на сервер
Инструкция, рассказывающая об алгоритме и шагах переноса сайта с домашнего хостинга на настоящий. Всё проиллюстрировано, всё описано поэтапно.
- 14
Интернет-магазин на Joomla
Создание наполненного товарами, корзинами и способами оплат интернет-проекта на основе Joomla с использованием известного расширения VirtueMart. Прочтите, и вы будете иметь понятие, с чего начать создание интернет-магазина и как вообще строится этот процесс.
Курс содержит множество полезной информации, иллюстрированной примерами и картинками. Пройдя его, вы сможете создавать и администрировать сайты, построенные на CMS Joomla. Будете понимать их устройство и уметь их настраивать.
С весьма богатым функционалом. Функционал Джумла увеличивается за счёт многочисленных расширений. Для дизайна сайта можно использовать готовые бесплатные и платные шаблоны или создать свой собственный уникальный.
Joomla – это весьма популярная во всём мире система управления контентом (от англ. Content management system, CMS) (движок). По данным на декабрь 2017 она занимает второе место среди бесплатных CMS (среди доменов в зоне «RU»). Рейтингов существует масса, поэтому данные могут отличаться. Плюс, стоит отметить, что Joomla – универсальная CMS, на ней можно создавать сайты различных типов (при помощи дополнительных расширений), включая форумы, блоги, интернет-магазины, лендинги, небольшие соц. сети, корпоративные сайты и т.д.. Но есть и специализированные CMS, направленные, к примеру, на создание интернет-магазинов или форумов и т.д.
В универсальности Joomla, как и в других универсальных CMS, есть недостаток – необходимость установки сторонних расширений, которые могут конфликтовать между собой, замедлять работу сайта, нагружать сервер, становиться причиной взлома сайта, усложнять процесс его администрирования и др. Лично я склоняюсь к тому, что нужно выбирать то или иное программное обеспечение и технологии, доступные на рынке, под создание каждого конкретного проекта. Но стоит учесть, что это доступно далеко не всем. Не каждая более или менее крупная фирма по созданию сайтов может позволить себе такой подход из-за его дороговизны.
Я работаю с Joomla, примерно, с конца 2009 года. Начинал с версии Joomla 1.5.7. Планомерно переходил на 1.6, 1.7, 2.5… 3.х и вот теперь буду переходить на Joomla 4. Есть несколько проектов помимо этого сайта. Например, и вот . Делаю сайты под заказ. В основном, это сайты фирм, частных предпринимателей и небольшие интернет-магазины. Помимо создания сайтов на Joomla занимаюсь увеличением скорости загрузки, защиты от взлома, SEO-оптимизацией и другими сопутствующими процессами. Несмотря на то, что Joomla не самая популярная CMS, за всё время работы с ней у меня не возникало необходимости переходить на другую систему.
В этом цикле видео-уроков мы рассмотрим самостоятельное создание сайта кафе на Joomla. Сделаем это на основании бесплатных и платных расширений. Всем платным расширениям будет представлена бесплатная альтернатива. В видео-уроках будут рассмотрены основные моменты по созданию сайта, начиная от установки Joomla на локальный сервер и заканчивая выгрузкой готового адаптивного сайта на хостинг.
В следующем цикле видео-уроков Вы узнаете о том, как можно создать интернет-магазин на Joomla .
Моменты, показанные в данном пошаговом руководстве, будут полезны начинающим пользователям. Несмотря на то, что в уроках рассмотрено создание сайта кафе, Вы сможете применять полученные знания для создания сайта фирмы, лендинга, визитки, мини-каталога и другого.
В основном, будут применяться расширения от разработчика RSJoomla, включая их бесплатный шаблон. Почти все расширения, рассматриваемые в видео уроках, полностью переведены на русский язык.
Видео уроки будут проходить в последней стабильной, на момент их записи (19.12.2017), русскоязычной версии Joomla 3.8.3.
Подготовка к созданию сайта
Помните, что сайт, в идеале, нужно делать не для себя, заказчика или начальника, а для других людей – посетителей сайта. Замечательно, если Вам нравится сам процесс и тематика создаваемого сайта, и при этом Вы являетесь экспертом пусть не в области создания сайтов, но в той предметной области, которой он будет посвящён.
Прежде чем приступить к изучению теории по работе с Joomla и начать практиковаться, рекомендую пройти подготовительный этап – «проектирование». Настоящее проектирование - важный, сложный и длительный процесс. Мы же предполагаем краткий алгоритм действий, которые следует выполнить до начала непосредственной работы над сайтом. Надеюсь, это поможет Вам создать сайт самостоятельно.
Шаг 1. Определитесь с целью и задачами сайта. Для себя ответьте на вопросы (в перспективе на 1,5-2 года):
- Что Вы хотите получить от этого сайта?
- Что получат посетители Вашего сайта, нужно ли им это и насколько?
Шаг 2. Задумайтесь над потребностями целевой аудитории, для которой Вы делаете сайт. Вы должны знать их и их запросы как можно лучше. Своих потенциальных посетителей можно «изучать» и расспрашивать как в реальном мире, так и посещая форумы, блоги, группы в соц. сетях, где они «обитают». Так Вы точнее будете понимать свою будущую аудиторию.
Изучите потребности целевой аудитории на основании анализа поисковых запросов. По сути, надо составить максимально объёмное семантическое ядро (но без мусора). Кластеризовать его (разделить на группы), определить частотность запросов и, желательно, выяснить конкурентность по каждому запросу. Очень приблизительно кокнкуретность можно узнать или по стоимости клика в контекстной рекламе или при помощи специальных программ/сервисов для расчёта конкурентности. Всё это можно сделать, например, в Rank Tracker .
Это очень важный шаг. На основании семантического ядра и потребностей целевой аудитории нужно будет строить структуру сайта, URL адреса, писать мета-данные, создавать контент удовлетворяющий потребностям аудитории и т.д. Плюс, это всё потом можно использовать и для контектсной рекламы.
Шаг 3. Изучите, хотя бы поверхностно, рынок/предметную область, которой будет посвящён сайт. Если делаете, например, интернет-магазин товаров для пчеловодства, будет очень хорошо, если понимаете специфику, сезонность и другие моменты именно в этой отрасли.
- Google – «Научитесь делать качественные сайты ».
- Яндекс – «Помощь вебмастеру ».
Также не лишним будет регулярное чтение отраслевых блогов и форумов. Лично мне полезны и своевременны были советы сайтов:
А вот в учебниках ВУЗов актуального не найти. Там либо всё то, что уже есть в сети, либо то же, но другими словами. Хотя… Может и есть исключения.
В любом случае, не стоит бездумно бросаться делать то, о чём прочли. Подумайте, почитайте ещё, посоветуйтесь.
Шаг 5 . Найдите в поисковых системах сайты конкурентов. Например, если планируете, чтобы Ваш сайт был на лидирующих позициях в поисковой выдаче, откройте 1-3 самых популярных среди Вашей целевой аудитории поисковых систем и введите туда ключевое слово. Ключевое слово - это предположительное слово или фраза, по которой Вас будут находить люди в поисковой системе. Например, для сайта интернет-магазина товаров для пчеловода таким словом может быть «купить товары для пчеловода». Лучше, если Вы эти ключевые слова подберёте на основании анализа статистики поисковых запросов. Рекомендую подобрать 3-5 таких ключевых слов, поочерёдно вводите их в каждую из поисковых систем и составляйте список из первых 10 сайтов, которые появятся по запросу (лучше записывать позиции, которые они занимают, и поисковую систему, в которой находятся в топе).
После этого очистите список от повторяющихся значений. Затем отранжируйте список. В верхней его части должны быть сайты, которые чаще всего встречаются в топ-10 и занимают более высокие позиции.
Без такой подготовки, считаю, уроки Joomla для начинающих будут не столь эффективными.
Предусмотрев все необходимое, приступаем к непосредственному созданию сайта (можно на локальном хостинге). Об этом можно узнать в видео ниже. Затем подберите хостинг и перенесите созданный сайт на него. О хостинге, который использую я, читайте в статье «Обзор хостинга сайтов – Ukraine.com.ua ». А процесс переноса рассмотрим в следующих статьях.
Чтобы улучшать свой сайт и бизнес, который он представляет, постоянно работайте: регулярно следите за новинками отрасли, пробуйте, тестируйте, слушайте аудиторию, анализируйте и вносите своевременно актуальные правки.
Если Вам интересно, в статье «Качество сайта » более подробная информация по этому вопросу.
Компоненты, модули и плагины
Функциональность Joomla дополняется и изменяется, в основном, за счёт установки расширений, которые делятся на:
- Компоненты.
- Плагины.
- Модули.
Ещё есть такие расширения:
- Шаблоны.
- Плагины для компонентов.
- Файлы локализаций (языки). Например, русификаторы.
Под «расширениями» подразумеваю все вышеперечисленные пункты.
Есть расширения, результаты работы которых видны только в админке, только на сайте или там и там. В основном, все расширения настраиваются в админке Джумла. Но благодаря разграничению прав доступа с некоторыми компонентами можно работать и из фронтальной части сайта. Причём, без прав супер администратора.
Все расширения, кроме плагинов для компонентов, устанавливаются одинаково через админку в менеджере расширений Joomla (Расширения – Менеджер расширений – Установка ). Плагины для компонентов, как правило, устанавливаются через соответствующие компоненты.
В Joomla есть свои собственные (встроенные) расширения. Но можно устанавливать и дополнительные.
Компоненты Joomla Компоненты . Они, как правило, составляют основную функциональность сайта. Например, компонент RSPageBuilder (рисунок ниже) служит для создания страниц. С ним поработаем в следующих уроках. Или компонент DJ-Classifieds – служит для создания доски объявлений.
Чтобы отобразить страницы компонента во фронтальной части сайта нужно создать соответствующие им пункты меню в менеджере меню (об этом далее).
Достаточно часто компоненты устанавливаются вместе с плагинами, модулями и даже шаблонами.
Плагины Joomla . Доступны для настройки в админке в меню Расширения – Плагины (рисунок ниже). Они могут расширять функциональность компонентов или выступать как отдельные единицы. Например, JAmp – плагин Joomla для создания страниц по технологии Google AMP (это «самостоятельный» плагин), а плагин «Контент – RSMediaGallery » служит для отображения галерей компонента RSMediaGallery в материалах Joomla (внутри статей) (этот плагин расширяет возможности компонента).
Результаты действий одних плагинов могут быть не видны на сайте, если не смотреть в исходный код. Например, плагины могут оптимизировать скорость загрузки сайта. А результат действий других плагинов отображается в виде галерей, видео, ссылок/таблиц на загрузку файлов и так далее. Работу таких плагинов мы наглядно рассмотрим в наших уроках Joomla.
Модули Joomla . Доступны для настройки в админке в меню Расширения – Модули . Они служат для отображения информации на сайте (как в админке так и во фронтальной части). В них могут отображаться галереи, текст, меню, картинки, видео и так далее. Модули могут выводить информацию из компонентов или быть отдельными единицами. Например, RSContact (с ним мы поработаем в видео уроках) позволяет отображать форму контактов (это «самостоятельный» модуль), Tag Transform – модуль, который отображает во фронтальной части сайта теги стандартного компонента тегов Joomla (этот модуль расширяет возможности штатного компонента «Метки» (com_tags)).
Модули отображаются в админке и фронтальной части сайта в позициях шаблона (об этом ниже).
Плагины для компонентов . Устанавливаются через панели управления компонентов или через менеджер расширений Joomla. Служат для расширения возможностей компонентов. Например, BIT VirtueMart Google Analytics – плагин VirtueMart (компонента интернет магазина) для сбора статистики при помощи Google Analytics (устанавливается через менеджер расширений Joomla). Как правило, такие плагины работают только при наличии компонента, для которых они предназначены.
Где искать расширения Joomla
Существует специальный сайт – «Joomla! Extensions Directory » (JED). Это официальный каталог расширений Joomla. Там есть платные и бесплатные расширения. Шаблонов на данный момент нет. На 20.12.2017 в каталоге числится 7997 расширений. Есть поиск и удобный фильтр. Сайт на английском языке.
Рекомендую искать там. Также можно искать при помощи поисковых систем. В любом случае, лучше загружать расширения исключительно с официальных сайтов разработчиков. Ничего ворованного, скачанного с форумов и разных «левых» сайтов загружать не следует. В статье «Обзор JM Financial Services. Шаблон Джумлы 3 на русском » рассмотрены преимущества и недостатки ворованных шаблонов, но это относится к любым расширениям.
Касательно поиска шаблонов, лично я предпочитаю таких разработчиков:
- Virtuemarttemplates.net . Шаблоны для компонента интернет магазина VirtueMart.
Шаблон и его позиции, сетка Bootstrap
Шаблон Joomla – это расширение Joomla, которое позволяет задавать внешний вид и взаимное расположение различным элементам сайта. Это можно назвать одним словом «дизайн». Сам термин «шаблон» применяется из-за того, что в Joomla на английском языке подобные расширения называют «template» – в переводе с английского это как раз и есть «шаблон». К примеру, в WordPress принят другой термин – «тема». Подробнее можно прочесть в этой статье .
В позициях шаблона отображаются модули. Шаблоны существуют для админки и фронтальной части сайта. С шаблоном, его настройкой и размещением модулей в позициях шаблона можно ознакомиться в видео уроке ниже. Там мы рассматриваем, как можно создать сайт кафе, и располагаем в позициях модули слайд-шоу, меню, обратной связи и так далее. В одной позиции может отображаться несколько модулей.
На данные момент очень многие шаблоны базируются на сетке Bootstrap. Чтобы понять принцип, ознакомьтесь с этой статьёй . Большинство современных шаблонов оснащены редактором макетов, где можно менять сетку и позиции шаблонов (рисунок ниже).
У позиций шаблонов есть названия. Указывая эти названия в настройках модулей, можно отображать те или иные модули в различных позициях шаблона.
О преимуществах готовых профессиональных шаблонов можно . Но никто не мешает Вам создавать свои собственные. Можно вручную, а можно и при помощи специальных программ, например, TemplateToaster .
В статьях «Ответы на вопросы по шаблонам для Joomla. Установка, настройка, удаление » и «Ответы на вопросы по шаблонам для Джумла. Внесение изменений » Вы найдёте дополнительный материал по работе с шаблонами.
Управлять шаблонами можно в админке Джумла в Расширения – Шаблоны .
Меню Joomla и пункты меню
Меню Джумла (рисунок ниже) очень-очень важный элемент.
- Меню может отображаться на сайте и служить в качестве навигации.
- При помощи меню выводятся компоненты сайта во фронтальную часть.
- Меню участвует в формировании URL адресов страниц.
- На основании меню можно управлять отображением модулей на той или иной странице.
Чтобы создать меню, отображаемое на сайте, Вам нужно (это будет рассмотрено в наших уроках Joomla):
- В Меню – Менеджер меню создать меню.
- В созданном меню создать пункт меню.
- В Расширения – Модули создать модуль меню, выбрав созданное меню и указав позицию и страницы (пункты меню), где нужно отображать этот модуль.
Можно создавать меню или пункты меню, но при этом не отображать их во фронтальной части сайта. Такое может понадобиться для формирования URL адресов отдельных страниц, на которые не должны вести ссылки из основного меню сайта. Например, страница с результатами поиска по сайту.
Пункты меню служат для вывода страниц компонентов во фронтальной части сайта. Есть набор пунктов меню, доступных в Joomla по умолчанию, например, для отображения материала или перечня материалов категории. Плюс, список доступных пунктов меню может пополняться при установке компонентов. У пунктов меню есть множество настроек, которые влияют на отображение той страницы, которую они формируют.
URL, алиасы, имена файлов
URL адреса – важная составляющая любого сайта. Особенно это важно в отношении поисковых систем. Так как поисковые системы в своей выдаче дают пользователям именно URL адреса сайтов. Если изначально создать неправильную/неудачную структуру URL адресов, то в дальнейшем будут трудности и проблемы с её сменой. В Joomla URL адреса страниц, по большому счёту, формируются на основании меню. В большинстве случаев, особенно со стандартными расширениями Joomla URL адреса страниц повторяют вложенность пунктов меню (иерархию) и содержат их алиасы.
Как человек, который не пользовался ранее Joomla!, вы должны знать с чего начать.
Может быть у вас есть друг или сосед, который пользуется Joomla!, а вы хотите свой собственный Joomla! сайт.
Может быть вы владелец малого бизнеса, может быть у вас есть клуб или сообщество, ко торое нуждается в веб сайте и для этой цели вы хотите использовать Joomla!
Может быть вы опытный профессионал в сфере IT, но ранее не пользовались Joomla!
В этом случае вы начинаете приятное для вас путешествие и мы рады тепло вас поприветствовать от имени Joomla! и призываем вас прочесть Joomla! руководство для начинающих.
Добро пожаловать в Joomla! лидирующую платформу системы управления контентом с открытым кодом.
Joomla! Это хорошо проверенный, эффективный инструмент с возможностями расширения, активно поддерживаемый сообществом разработчиков и пользователей.
Конечно вы могли бы потратить всю свою жизнь на обучение Joomla!, если вы овладеете основами, у вас появится возможность сделать привлекательную и интересную основу для сайта в сжатые сроки и без специальных технических навыков.
Пойми как работает Joomla!
Возможно вы захотите узнать как построена Joomla! и как взаимосвязаны её функции.
Если коротко Joomla! состоит из платформы и расширений. Существует несколько типов расширений , каждое из которых способно выполнять конкретные задачи. Некоторые расширения разработаны как часть платформы Joomla! и устанавливаются вместе с общим пакетом. Если вы желаете расширять функционал сайта, вы можете устанавливать дополнительные расширения.
Вы можете сравнить это с такой операционной системой компьютера, как Microsoft Windows или Linux. Напрямую вы не используете саму систему (Joomla!); вы пользуетесь расширениями для выполнения задач. Некоторые приложения сразу же становятся доступными, но так же вы в любое время можете установить или удалить любые другие.
Устанавливаем Joomla!
Вот несколько способов установки Joomla!
Если вы желаете протестировать Joomla! и ещё не приобрели домен, то можете установить Joomla! на свой компьютер (ваш сайт не отобразится в сети интернет), установить её можно с помощью пакета установки XAMPP. Так же вы можете легко создать работающий веб сайт по этой ссылке .
Если вы хотите, чтобы ваш сайт был доступен в сети интернет, убедитесь в наличии аккаунта на веб сервере. Для большинства людей это значит зарегистрироваться в хостинговой компании и приобрести домен, поддерживающий главный адрес сайта.
- Вариант первый: Установка в один клик. Многие хостинговые компании предлагают «мгновенный» способ установки Joomla! Следуйте инструкциям вашего хостинг провайдера для установки в один клик.
- Вариант второй: обычная установка. Этод метод подразумевает копирование архива Joomla! на ваш хостинг аккаунт, распаковку, создание базы данных и последующий запуск файла установки. Полная инструкция по установке по ссылке .
- Вариант третий: Демо сайт. Если вы использовали демо сайт, вы можете, следуя инструкциям резервного копирования переместить сайт на имеющийся хостинг или создать учётную запись хостинга по окончании 30ти дневной триал-версии.
Начинаем делать наш собственный Joomla! cайт
Теперь вы готовы начать создавать свои собственные материалы, веб-ссылки, контакты, баннеры и новостные ленты. Прежде чем вы приступите, вы можете захотеть прочесть обзор планирования вашего сайта . Наконец-то вы можете захотеть установить одно из тысяч расширений для Joomla!
Пожалуйста, помните, что все расширения созданы независимыми разработчиками. Если вам требуется помощь с определённым расширением - лучший совет даст его разработчик.