CMS

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

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

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

   Ещё деталь: переделывать шаблон под себя и заполнять его лучше изначально на удалённом сервере (а не у себя на локальном сервере), так как при выгрузке готового сайта с локального сервера на хостинг очень часто происходят непредсказуемые изменения в содержании и внешнем виде. Локальный сервер на вашем компьютере выполняет роль тренировочной площадки, на которой можно допускать ошибки. То есть, создание сайта на CMS Joomla лучше произвести на удалённом сервере вашего провайдера, предварительно набив руку на локальном сервере в своём ноутбуке или ПК.

Текстовый редактор Joomla TinyMCE

   На панели управления выбираете: Материал – Менеджер материалов – Создать материал.

   Перед вами текстовый редактор Joomla TinyMCE.

   В новом окне браузера открываем любой сайт генератор текста, например blindtextgenerator.com/ru. Копируем с сайта готовый рыба текст в блокнот Windows, потом копируем рыба текст из блокнота и вставляем в текстовый редактор Joomla, предварительно нажав Выключить редактор под окном редактора. Блокнот всегда используйте как фильтр для текста, чтобы убрать из него всё ненужное форматирование. Опять нажимаем «Выключить редактор». Колонка справа: Состояние — Опубликовано. Категория – не важно. Избранные – да. Кнопка вверху слева: Сохранить. Материал появился на главной странице вашего сайта. После окончательной доработки материала нажимаете Сохранить и закрыть.

   Текстовый редактор Joomla имеет свои особенности: обычный шрифт называется Параграф. Изображение вставляется в то место текста, куда вы ткнули до этого мышкой. Так же указываете мышкой место для создания кнопки Подробнее, потом жмёте в текстовом редакторе Joomla на надпись «Подробнее». Кнопка Подробнее предназначена для перехода от сокращённого текста материала к полному. Кнопки ссылок в текстовом редакторе Joomla можно применять и к текстовым ссылкам, и к изображениям. Остальное практически не отличается от редактора Microsoft Word. Перед тем как вставить изображение в текст, загрузите его в Медиа-менеджер, создайте в нём для удобства свою папку. Загружаемые медиафайлы должны называться на латинице. Если брать в целом, то текстовый редактор Joomla не особо отличается от редактора WordPress.

Основные принципы работы с готовыми шаблонами

Локальный сервер

   После того, как вы определились с шаблоном, скачиваете его на свой компьютер. Как правило, это готовый адаптивный шаблон, на который уже установлены необходимые плагины и модули. Помимо этого, он имеет привлекательный внешний вид — наполнен изображениями и рыба текстом на латинском. Скачанные файлы с такими шаблонами обычно уже содержат в себе движок Joomla и устанавливаются на локальный сервер через мастер установки так же, как обычная CMS Joomla. То есть вы так же создаете новую папку в Openserver/domains со своим названием, и распаковываете туда файл, который часто имеет в составе названия слово quickstart — быстрый старт. Будьте внимательны: здесь речь шла о локальном сервере, вашей тренировочной площадке.

Удалённый сервер (хостинг)

   Попробуйте русифицировать встроенную Joomla стандартным способом (о русификации читайте в статье Настройка Joomla). Некоторые версии не русифицируются, но лично меня панель на английском не напрягает, не так уж много в ней пунктов чтоб запутаться. Затем, если вы планируете загружать этот шаблон на хостинг, то есть на сервер провайдера — сделайте это сразу, чтобы убедиться что с этим не будет проблем. Для этого вам будет нужен доступ к своим файлам на сервере провайдера. Подробности узнаете в службе поддержки. Иногда при запуске мастера установки на хостинге возникает проблема — мастер установки просит вас включить опцию Register Globals Off — напишу здесь об этом поподробнее.

   Решается эта проблема просто: в корневой папке вашего сайта на сервере (она содержит administrator, bin и др файлы) найти файл .htaccess и вставить в него новую строчку php_flag_register_globals_off. Эта надпись вставляется без решётки, является новой строкой и размещается рядом с подобными командами без решёток. Небольшая деталь: перед вставкой этой надписи в .htaccess сначала вставьте её в текстовый блокнот и скопируйте оттуда, чтобы удалить с неё лишнее форматирование.

   Если в вашем новом шаблоне на главной странице есть меняющиеся изображения – ищите Slider в Компонентах или в Менеджере модулей. Так же он может быть в настройках шаблона — Менеджер шаблонов. Обычно у этих слайдеров богатый диапазон настроек. На главной странице современного шаблона как правило есть несколько красивых блоков в виде колонок или прямоугольников. Очень часто это не более чем HTML-заголовки, построенные из текстов и ссылок на изображения. Ищите их в Mенеджере Модулей, ориентируясь на названия этих блоков. Не торопитесь их удалять – вы можете просто поменять в этих HTML-текстах ссылки изображений шаблона на ссылки своих изображений, предварительно загрузив их в Медиа-менеджер. Поэксперементируйте с текстом блока. Со временем вам не нужен будет советчик и вы сами решите любую задачу. Вот пример HTML-заголовка, сначала как он выглядит на главной странице, потом в Менеджере модулей, а затем его содержание, которое можно изменить:

Joomla HTML код на главной странице:

screenshot_1-2

Joomla HTML код в менеджере модулей:

screenshot_2-3

Содержимое Joomla HTML кода:

screenshot_3-2

  .

   У вашего шаблона могут быть хорошие настройки – поищите их в Менеджере шаблонов. Знание английского в таких ситуациях хорошо помогает. И ещё. Если у вас в вашем новом шаблоне где-то выскакивают ненужные английские надписи типа «Read More» или “Next Post” и они никак не меняются в настройках – вам придётся самостоятельно порыться в файлах шаблона при помощи бесплатной программы Notepad++, запустив опцию Поиск в файлах. Потом при помощи этой же программы замените английские фразы на русские. Ниже пример — в данном файле content.php раньше не было ни слова на русском, пришлось заменить надписи  ‘No Comments’ и ‘Pages’ на надписи ‘Нет комментариев’ и ‘Страницы’. В любом случае сначала потренируйтесь у себя на локальном сервере, и уже потом вносите изменения в файлах на удалённом сервере провайдера.

.

php

  .

   Поначалу будет сложно, но потом поймёте, что через многие вещи приходится проходить самому — в каждом новом шаблоне вы будете сталкиваться с новой задачей, всех мне не предсказать. И ещё: параллельно с освоением шаблонов вам придётся потихоньку осваивать основы написания простейших HTML кодов и стилей CSS. У меня на сайте размещены таблицы HTML и CSS, которые вы можете скачать себе для шпаргалки в рубрике Веб-дизайн.

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