• Как пользоваться джумлой 3. Пособие по работе с Joomla CMS для начинающих

    Песочница

    рекрут 26 июля 2013 в 14:37

    Пособие по работе с Joomla CMS для начинающих

    • Joomla

    Предисловие

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

    Начало начал

    Все начинающие веб-мастера начинают делать сайты практически с "нуля " (в их числе был и я). Тоесть, открывают блокнот, и начинают писать код вручную. Но рано или поздно приходит тот момент когда люди задумываются - «А нет ли такой программы с которой было бы всё проще». Конечно для опытных веб-мастеров больше подойдет какой нибудь фреймворк, т.к. возможностей у него больше, но для начинающего программиста больше подойдет движок, а именно 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, начинание

    Перед установкой Joomla необходимо скачать архив с последней версией. Дополнительно к нему могут прилагаться файлы русификации.

    Дальнейший процесс установки состоит из трех этапов:

    • Распаковка архива;
    • Создание базы данных и пользователя;
    • Установка.

    С чего начать установку? Заранее установите на компьютер файловый менеджер и программную оболочку Денвер для создания и отладки сайтов под Windows.

    Первый этап

    1. Запуск localhost через ярлык Денвера.
    2. Открытие виртуального диска через файловый менеджер. В нем открывается последовательность папок home/localhost/www.
    3. Создается новая папка для сайта, название которой записывается латиницей. При работе с домашним сервером название не имеет значения.
    4. В эту папку копируется содержимое архива Joomla.

    Второй этап

    1. В адресной строке браузера прописывается направление localhost/tools/phpmyadmin.
    2. В открывшемся окне создается база данных. Соответствующая кнопка находится сверху, а в строке создания прописывается название.
    3. По завершению должно открыться окно с сообщением об успешном создании.
    4. Для создания пользователя также предусмотрена отдельная иконка.
    5. В окне с информацией о логине необходимо ввести имя пользователя, хост и пароль. Имя пользователя может совпадать с базой данных, а в графе хоста прописывается localhost.
    6. В блоке возможностей необходимо отметить все.
    7. После этого можно нажимать на кнопку создания пользователя и дождаться уведомления.

    Третий этап

    1. В адресной строке прописывается localhost/название сайта.
    2. После этого открывается страница установки, где можно выбрать язык.
    3. В настройках базы данных прописывается информация о логине.
    4. Блок с конфигурациями FTP пропускается.
    5. На странице с основными настройками прописывается название сайта, почта, пароль и отмечается установка демо-данных.
    6. Во время завершения установки появляется информация о логине и напоминание об удалении папки installation.
    7. Папка installation удаляется через файловый менеджер.

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

    Как сменить дизайн в Joomla?

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

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

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

    Для смены варианта необходимо отметить интересующее название и сохранить изменения. Предварительно можно воспользоваться предпросмотром.

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

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

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

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

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

    Установка расширений

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

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

    Чаще всего используется три схемы :

    • Загрузка файла из оригинального архива, во время которой пакет выгружается на хостинг и инсталлируется;
    • Установка по URL, для которой указывается адрес к архиву, а установка производится через сеть;
    • Установка из каталога, для которой установочные файлы сохраняются в папке на сервере.

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

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

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

    Как добавлять материалы в CMS Joomla?

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

    Сперва заполняется заголовок и устанавливаются дополнительные настройки: например, будет ли материал отображаться на главной. Текст можно форматировать при помощи визуального редактора. Через него же вставляются ссылки.

    Чтобы внести правки в html-код, можно выключить редактор или нажать соответствующую кнопку.

    Функционал редактора можно расширить при помощи дополнительных плагинов. Кнопка сохранения находится справа сверху.

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

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

    Как создать меню?

    Создание меню проводится в два основных этапа :

    1. Создание самого меню;
    2. Создание пунктов меню.

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

    Полностью оценить результат можно только после создания пунктов, формирующих структуру сайта:

    • В окне создания нового пункта вводится название и выбирается тип.
    • Отдельно необходимо выбрать список назначения. Например, материалы.
    • Из предложенного списка выбирается сам материал.
    • После этого результат можно сохранить и проверить его работоспособность.

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

    Создание разделов и категорий

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

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

    • заголовок;
    • описание;
    • уровень доступа.

    После этого результат сохраняется.

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

    Задаются те же настройки, после чего результат можно сохранить.

    Редактирование шаблонов

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

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

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

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

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

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

    При возникновении проблем необходимо:

    • проверить права доступа к файлу;
    • обновить кэш браузера.

    Заключение

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

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

    Здравствуйте, читатели блога Start-Luck! На связи Андрей Зенков и полезная статья из сферы сайтостроения. Если вы новичок, но очень хотите разобраться в этом, я с радостью помогу осуществить маленькую мечту. Тем более столь интересное хобби всегда можно превратить в . Не правда ли здорово?

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

    Выбираем домен и хостинг

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

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

    Я уже рассказывал о том, считаю оптимальным как для чайников, так и для профессионалов. Речь идёт о TimeWeb - сервисе с приемлемыми тарифами и квалифицированной техподдержкой. Там же вы сможете приобрести и домен для своего сайта.


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


    Определяемся с шаблоном

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

    Обратите внимание на практические советы по выбору и установке готового шаблона на сайт Joomla:

    1. Не ограничивайтесь русскоязычным поиском, ведь и зарубежный Google выдаёт прекрасные результаты. К тому же велик шанс найти шаблон, который ещё не примелькался пользователям.
    2. Главным параметром, который определит дальнейший выбор, должна быть функциональность шаблона. Если вы планируете создать сайт для продвижения услуг фотографа, варианты для интернет-магазинов и новостных порталов определённо не пригодятся.
    3. Предусмотрите наличие мобильной версии сайта, иначе придётся подыскивать шаблон с адаптивной вёрсткой. Не забывайте о том, что вы живёте в эпоху смартфонов и планшетов, а посетителей вашего веб-ресурса не порадует дизайн, который расплывается по сторонам на экранах мобильных телефонов.

    Шаблон загружается на сайт в личном кабинете через пункт меню «Установка расширений». Не забудьте активировать его галочкой в Менеджере.

    Настраиваем сайт

    Мы подошли к самому интересному - к разработке. Базовые параметры указываются в меню «Общие настройки»: название, настройки SEO и пр. Здесь же можно разделить пользователей на категории, в зависимости от этого предоставить им различные права, поставить фильтр и пр. К примеру, вы не хотите, чтобы гости слали в комментарии видеоспам. Запрещаем упоминание тега