•  
  •  
  •  
  •  
1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 (3 Голосов)
Joomla 3 для новичков — основы и с чего начать создание сайта - 5.0 out of 5 based on 3 votes

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

Конечно, при погружении в тему все существенно упрощается, и уже не кажется сложным создание интернет-магазина на joomla 3. Но это требует полного погружения, при котором может понадобиться чья-то помощь (например, представленная инструкциями для начинающего вебмастера).

01

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

Сегодня нами будет затронута тема ключевых моментов, которые обеспечат понимание сущности работы на этой CMS. Мы подробно рассмотрим админку, познакомимся со структурой размещения материала в Джумле 3, а также пройдемся по инструментам, которые необходимы при создании иерархии категорий. В целом, урок направлен на ознакомление с движком, рассмотрению его особенностей и логики, которая обеспечит вам плодотворную работу с ним.

Связь сайта на Joomla и админки данной CMS

Нами уже предустановлена Joomla 3, после чего проведена ее русификация. Теперь приступаем к ознакомлению с ней. Может быть, вам уже известно, что для создания сайта с помощью CMS (системы управления контентом) вам доступны сразу две абсолютно разные версии единого сайт:

  1. Вы можете пользоваться общедоступной версией, которая доступна всем пользователям сети (благодаря переходу по ссылке с иного сайта, переходу из поисковика, социальных сетей и прочих элементов). Попасть на нее можно после ввода Урл адреса вашего сайта, т.е. купленного вами доменного имени c приставкой http:// перед ним. Если вы пользуетесь локальным сервером, то эта сторона вашего творения доступна только с использованием временного адреса (подробней описывается в статях о ОпенСервер и локальном сервере Денвер).

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

  1. Скрытую от посторонних взглядов часть представляет административная панель или, в более распространенное название, админка. Внешним видом и имеющимися инструментами она указывает на унификацию и одинаковый интерфейс для всех, кому захочется заняться созданием своего сайта при помощи движка Джумла. Какие цели достигаются админкой? Она обеспечивает комфортное управление сайтом, без необходимости рыться в файлах на вашем сайте и вносить в них текст любой необходимой статьи. Благодаря админ-панели обеспечивается работа с ресурсом, которая отличается такой простотой, будто вы используете Вордом (это касается тех аспектов, которые относятся к добавлению статью). Также, вы сможете пользоваться другими возможностями, предоставленными админкой, которые будут нами рассмотрены в свое время. Тем не менее, суть работы в ней (логику) необходимо уяснить, так как она является ключом к ее освоению и успешному применению.

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

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

Каким образом попасть в админ-панель Joomla 3? Это легко. Добавляем Урл адрес в главной странице вашего ресурса с помощью слеша «administrator».

http://web-now.pro/administrator/

Если вами используется Фтп  для подключению к сайту (или вы войдёте в локальный сервер), то в корневом каталоге (месте, где вы оказываетесь при подключении) вами будет найдена папка «administrator», с вложенным файлом index.php. С его помощью также можно осуществить запуск админки. Все честно.

02

Но зачем нам в таком случае прописывать полный адрес в поисковой строке? Можно и так, но вовсе не обязательно. Так вышло, что веб-сервер является программой, работающей с реальным или локальным хостингом, то когда происходит обращение к папке, она займется поиском файла index (расширение которого php или html). Целью будет являться его открытие. Это имеет отношение к неприятному моменту, когда появляются зеркала и дубляжи страниц (читайте по ссылке, как с этим можно и нужно бороться).

Естественно, и во время ввода в адресную строку Урл адреса главной страницы своего сайта также происходит связь с реальным файлом. Он также носит название index.php, но расположен в самом корне сайта (относится к тому же уровню, что и папка «administrator»). Это можно назвать классическим примером того, как появляются зеркала.

03

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

04

Чтобы нарастить безопасность сайтом следует воспользоваться различными плагинами, позволяющими, к примеру, скрывать собственную админку. Т.е при переходе по адресу «http://vashdomen.ru/administrator/» не будет предложено приступить к вводу пароля. Чтобы войти в админку будет необходимо воспользоваться путем, который будет указан плагином. Такие функции относятся к плагину jsecure, но вы можете воспользоваться другими вариантами, к примеру, создать еще одну пару логин -пароль, которые должны будут вводиться после входа от Joomla. Не будем на этом останавливаться.

Обратная сторона ресурса, созданного в Joomla

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

Основные элементы админки Джумлы 3

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

05

Главную страницу административной панели Джумла 3 отличает схожесть с тем, что нами отмечалось в версиях 2.5 и даже 1.5 (она перестала официально поддерживаться, поэтому ее использование связано с риском для безопасности). При рассмотрении версий следует отметить, что до выхода 3.5, самая стабильная - 2.5. Все версии 3.х относятся к предварительным, поэтому не всеми доступными расширениями вы сможете воспользоваться (к примеру, любимым в рунете компонентом для интернет-магазинов «VirtueMart 2» этой версией не поддерживается, а вот JoomShopping - наоборот).

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

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

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

06

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

Еще на скриншоте отображено замечательное изменение, которого нам не хватало в версии 1.5 — возможность автоматического обновления Joomla до последней актуальной версии простым нажатием кнопки в админ-панели. Раньше это делать приходилось вручную (подключаясь к сайту по ФТП), сейчас же даже Джумлу 2.5 до 3.х можно обновить прямо из админки (с небольшими нюансами). Красота. Вот мы как раз и обновляемся до новой версии 3.3.3.

07

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

Какими интересными элементами представлена админка Joomla 3? Что следует знать в первоочередной степени? Что является для нас второстепенным моментом? Каким образом создается страница, меню, добавляется изображение или видео?

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

08

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

09

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

Какие настройки можно сразу изменить в меню «Общие настройки»?

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

10

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

Начнем. В данном меню вам доступна возможность смены названия сайта, которое ему было дано во время установки движка (если оно разонравилось, либо вы придумали более подходящий вариант). Здесь можно заняться сменой используемого по умолчанию визуального редактора, к примеру, на JCE. Для этого используется одноименное поле настроек (он обеспечивает форматирование текстов и добавляемых статей). Следует оговорить тот момент, что вам придется заняться установкой нового плагина. После его успешной установки возвращаемся к общим настройкам и выбираем в выпадающем списке «Редактор по умолчанию». В целом, и встроенному TinyMCE присуще наличие большого функционала, но даже он требует настройки.

Но эти настройки можно отложить, а пока займемся создание удобства пользования админки. Перейдем к вкладке «Система» (в верхнем меню «Общие настройки») и посмотрите на область «Настройки сессии». Там будет стоять цифра, которая размещена в строке «Время жизни сессии». По умолчанию там установлено 15 (имеется в ввиду минут):

11

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

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

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

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

Статья в данном движке добавляется с помощью вкладки «Материалы» — «Менеджер материалов». Но не спешите перемещаться на указанную вкладку, для начала следует подготовиться. О чем это мы? Если использовать привычный язык, то следует заняться подготовкой папок, в которых будет храниться наш контент в виде стаей, к примеру. И не только храниться. Joomla обеспечена замечательными инструментами для просмотра всего содержимого, которым полны этих папки (в виде списка или в виде небольших анонсов) пользователями, перешедшими к вашему сайту. Это очень удобно и мы еще поговорим об этом подробней.

12

Чтобы создать эти самые папочки следует переместиться к вкладке «Материалы» — «Менеджер категорий». Ранее в Джумле 1.5 присутствовала возможность создания папок только двух уровней вложенности. Они были представлены большими папками под названием Разделы, которые обеспечивали расположение папок поменьше — Категории.

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

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

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

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

Создание категорий и подкатегорий в Джумле

Обилие возможных настроек при создании категории в Joomla 3 несколько обескураживает, но нужно понимать, что в большинстве случаев вам достаточно будет лишь ввести ее название (это единственное обязательное к заполнению поля в этой форме) и выбрать уровень ее вложенности в поле «Родитель» (выбрать из списка одну из уже существующих категорий, внутрь которой будет вложена та, что вы сейчас пытаетесь создать), если это требуется по ранее разработанному вами плану (в нашем случае и вкладываться-то пока еще не во что, ибо эта категория будет первой).

13

Поле «Алиас» (псевдоним) не изменило своего назначения со времен Джумлы 1.5 и позволяет подкорректировать Урл адрес того пункта меню, который будет ссылаться на данную категорию (при этом можно использовать символы [0-9],[a-z],[A-Z],[_],[-]). На примере нашего Урла это выглядело бы так «http://web-now.pro/news». Если это поле не заполнить, то система сама произведет транслитерацию названия категории и использует это в Урл адресе (получится примерно так — «http://web-now.pro/novsti»).

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

Сохранять произведенные изменения теперь можно с помощью аж целых трех кнопок (в Joomla 1.5 было только два варианта):

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

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

14

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

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

15

Там же размещается Uncategorised (без категорий). Если вам необходимо заняться редактированием уже созданной категории, то необходимо лишь кликнуть по их названию. Чтобы удалить лишние категории, они должны быть просто отмечены галочками (слева от их названий). После этого останется лишь кликнуть по кнопке «В корзину», которая размещается сверху. А как перейти к этой самой корзине? К примеру, для окончательного удаления либо восстановления случайно удаленных категорий.

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

16

Для восстановления определённых элементов, которые ранее удалялись, необходимо кликнуть на расположенную слева от названия пиктограммку корзины (Опубликовать).

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

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

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

Портфолио
Память о Вас и Ваших близких на многие поколения
Подробнее
Прокат металла
Подробнее
Интернет-магазин кожи и меха
Подробнее
100% оригинальная парфюмерия в Москве
Подробнее
Вьетнамский ресторан премиум класса
Подробнее
Внедрение информационных систем
Подробнее
Организация международных конференций
Подробнее
Производство молочной продукции
Подробнее
Спортивный сайт
Подробнее
Интернет-магазин мебели и аксессуаров
Подробнее
Интернет-магазин электротранспорта
Подробнее
Сайт института актуальной экономики
Подробнее
Наши клиенты
Парк развлечений Boom Zoom
Алгор
Норбит
Molga Consulting
Metrotile
Нетология
Monqi
Премиум Пак
Aasha Herbals
Аджва
Салон красоты Сударушка
Пава
ТЦ "Панфиловский"
Фитнес Лаборатория
Система Главбух
Vanguard
GoAsia
ТЦ «Солнечный ветер»
Teledoc
Tchernov Cable
Отзывы
Благодарю компанию web-now.pro за помощь в разработке и запуске проекта POLITSECRETS.RU. Перед нами стояла задача – внедрить проект в сжатые сроки и по оптимальной цене. Порадовало то, что мне подроб...
Вера БлашенковаСекреты успешных выборов, Москва... апр.2016
Мне очень понравился подход с которым нас встретили "Ваша задача заниматься бизнесом, наша - сделать Вам представительство в сети". После этого ребята разработали полное тз на проект, мы внесли пожела...
МаксимIT-TASK, Москва... янв.2016
Работа проделана хорошо! Дизайнер и менеджер на отлично. Надеюсь на сотрудничество в дальнейшем. Есть шероховатости в деталях по задачам, но приятно сказывается оперативность и желание исправить, внес...
БруноСоциальная сеть След Жизни, Москва... янв.2016
Работой остались очень довольны. К работе подходят ответственно, аккуратно, открыто. Проект был сдан чуть раньше срока, по ходу работы возникали изменения, все они принимались безоговорочно, работа вы...
ЕвгенийМагазин текстиля, Москва... дек.2015
Сотрудничаем с 2007 года и сделали не один проект. Самое главное - команда умеет отстаивать своё мнение и постоянно развивается.
МарияМеждународные конференции, Москва... дек.2015
Спасибо всему коллективу компании! Разработали красивый и что самое главной рабочий интернет магазин! Реклама настроена и запущена, продажи идут, бизнес развивается! Нам постоянно подсказывают о новых...
ВадимИнтернет магазин Aromatic.pro, Москва... сен.2015
Большое спасибо команде за оперативность, качественные работы, отличный креатив и привлекательные цены!
Виктория, ОАО "Фармстандарт... июль.2015
Здравствуйте уважаемые партнеры! С наступающим Новым Годом! Желаю Вам дальнейшего процветания и успехов в Вашей благородной работе! С вами приятно сотрудничать! Очень благодарен Вам за своевременное о...
Сергей ЮрченкоКинотруд, Москва... дек.2014
Благодарим команду Brand Now и лично Дениса Логинова за оригинальное видение,разнообразие идей, четкость взаимодействия и безукоризненное соблюдение сроков выполнения проекта! Планируем продолжить сот...
ТатьянаBizness Linkerz... июль.2014
Компания КУН выражает благодарность за сотрудничество: непростая задача была выполнена в требуемые сроки и полностью удовлетворила заявленному ТЗ. Приятно удивила готовность Генерального директора нач...
Мария, Компания КУНhttp://www.kuhn.com/... апр.2014
Все отзывы
Добавить отзыв