Материалы в Joomla /materialy-v-joomla.html Mon, 16 May 2016 07:04:28 +0000 Joomla! - Open Source Content Management ru-ru Админка в Joomla /adminka-v-joomla.html /adminka-v-joomla.html

Вход в админку Joomla

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

 

Для того, чтобы войти в админку, нужно в адресную строку браузера ввести адрес вашего сайта и добавить в конце - /administrator.

Например, у сайта с именем mysait адрес будет такой: http://mysait/administrator

Если адрес набран правильно, откроется окно авторизации. Вы должны ввести логин и пароль. По умолчанию логин - admin, а пароль - тот, который вы вводили при установке CMS Joomla

Админка Joomla - войти в админку

 

 

 

 

 

 

 

 

 

 

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

Админка Joomla - зайти в админку

 

 

 

 

 

 

 

 

 

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

2. ПАНЕЛЬ УПРАВЛЕНИЯ САЙТОМ. Расположена в центральной части админки. Образно выражаясь, панель управления сайтом представляет собой рабочий стол, на котором находятся самые необходимые и часто используемые кнопки меню. Видимо, это сделано для удобства, чтобы не терять время обращаясь к пунктам и подпунктам верхнего меню.

3. МЕНЮ АДМИНИСТРАТИВНОГО РАЗДЕЛА. Горизонтальное меню, расположенное в верхней части админки. В сущности, меню админки является пультом управления вашим сайтом, а пункты подменю - кнопками пульта. Теперь нужно разобраться, какая кнопка пульта за что отвечает.

 

Меню админки Joomla

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

На схеме ниже вы видите меню Сайт (с выпадающими пунктами подменю)

Админка Joomla - схема меню Сайт

 

 

 

 

 

 

 

 

Опишу предназначение остальных пунктов МЕНЮ АДМИНИСТРАТИВНОГО РАЗДЕЛА (админки):

САЙТ - предназначено для управлением сайтом. Работа с учетными записями пользователей, управление медиафайлами.

ВСЕ МЕНЮ - предназначено для работы с меню сайта. Вы сможете создавать меню своего сайта, редактировать, удалять пункты меню.

МАТЕРИАЛЫ - предназначено для работы с материалами сайта. Здесь Вы сможете создавать и редактировать статьи, загружать в них изображения. Также, создавать разделы и категории.

КОМПОНЕНТЫ - служит для установления обратной связи, системы сбора статистики, голосования и т.д. В Joomla необходимые для Вашего сайта компоненты можно будет скачивать и устанавливать на сайт. Так что меню "Компоненты" у Вас будет увеличиваться.

РАСШИРЕНИЯ - предназначено для добавления модулей, плагинов, шаблонов, компонентов, которые смогут значительно расширить функциональные возможности Joomla. Все о расширениях для Joomla Вы сможете узнать в отдельной статье.

ИНСТРУМЕНТЫ - это раздел меню для пользователя из группы суперадминистратора (главного администратора). Позволяет писать и просматривать личные сообщения. Совершать массовую рассылку зарегистрированным пользователям.

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Mon, 03 Sep 2012 16:26:15 +0000
Как добавить материал в Joomla /kak-dobavit-material-v-joomla.html /kak-dobavit-material-v-joomla.html

Структура добавления материала в Joomla

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

А структура такова:

в Joomla 1.5 - сначала создается Раздел, в Разделе создаются Категории, в Категориях создаются Материалы;

в Joomla 2.5 - Раздел заменен на Категорию высшего уровня, в Категории высшего уровня создаются Категории, в Категориях создаются Материалы.

Есть еще вариант - можно создать материал вне раздела и категорий (самостоятельный материал).

Схематически это выглядит так:

 

 

 

 

 

 

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

Значит создаем Раздел (Категорию высшего уровня) с названием Спорт.
В этом Разделе создадим две Категории с названиями: "Футбол" и "Хоккей".
В Категории "Футбол" вы будете создавать материалы (статьи) о футболе.
В Категории "Хоккей" - материалы (статьи) о хоккее.
Названием этих материалов будут являться заголовки статей.

Самостоятельная статья создается вне раздела.

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

Прежде всего нужно войти в административный раздел. Затем необходимо войти в редактор.

 

Как войти в редактор

Первый способ входа в редактор: через Панель Управления - "Добавить материал"

В этом случае вы сразу попадаете в редактор и можете начинать создавать статью.

Этот вариант входа мы используем только в одном случае, если хотим создать новый материал, т.е. новую статью.

 

 

 

 

 

 

 

 

 

 

 

 

Второй способ входа в редактор: через меню - "Материалы" - "Менеджер материалов"

В этом случае вы попадаете в Менеджер материалов. В Менеджер материалов можно также войти через Панель Управления - "Все материалы".

Здесь перед вами появиться меню в котором вы должны выбрать опцию "Создать", чтобы попасть в редактор.

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

 

 

 

 

 

 

 

 

 

 

 

 

В меню Менеджера материалов жмем на кнопу "Создать"

 

 

 

 

 

 

 

 

Примечание:

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

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

 

Расширение функциональных возможностей редактора

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

 

 

 

 

 

 

 

 

 

 

 

Как изменить настройки плагина редактора

Для этого, вы должны выйти из окна редактора. Кликнуть в меню "Расширения" - "Менеджер плагинов"

 

 

 

 

 

 

 

 

 

 

Находим в списке и открываем плагин "Редактор TinyMCE"

 

 

 

 

В правой стороне открывшегося окна находим "Параметры", изменяем значение "Функциональность" (ставим "Расширенный") и жмем "Сохранить"

 

 

 

 

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

Для этого нужно по адресу: Z:/home/mysait/www/images/stories создать папку с именем, например, "my_images".

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Tue, 04 Sep 2012 08:24:31 +0000
Как создать статью в Joomla /kak-sozdat-statyu-v-joomla.html /kak-sozdat-statyu-v-joomla.html

В данном уроке мы будем учиться создавать статью в Joomla. Если вы только начали осваивать CMS Joomla рекомендую вначале ознакомиться с информацией о структуре материалов в Joomla и узнать, как настроить редактор TinyMCE

 

Редактор для создания статьи в Joomla

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

 

 

 

 

 

 

 

 

 

 

 

 

 

Кратко объясню предназначение наиболее часто используемых иконок меню:

  1. Для выделения части текста или заголовка определенным шрифтом (жирным, полужирным, подчеркнутым, зачеркнутым);
  2. Для выравнивания текста (по левому краю, по центру, по правому краю, по ширине);
  3. Для вставки и редактирования ссылки;
  4. Для вставки и редактирования якоря;
  5. Для вставки или редактирования изображения;
  6. Для вставки или редактирования HTML-кода;
  7. Для выбора цвета текста и цвета фона;
  8. Для вставки  видеоклипа;
  9. Для создания маркированных и нумерованных списков;
  10. Для создания таблиц;
  11. Для вставки текста.

Внизу, под полем ввода текста, вы можете увидеть дополнительные пункты меню. Их количество будет увеличиваться по мере загрузки дополнительных компонентов – комментарии, вставка различных кодов и т.д. Об этом поговорим позже. А пока обратите внимание на 2 пункта:

  • "Изображение" - служит для добавления изображения в материал.
  • "Подробнее" - служит для разбиения материала на части.

Создание статьи в Joomla

И так, разобравшись с редактором, можно приступать к созданию статьи. Вы можете создать статью в любом редакторе, а затем скопировать ее и вставить в поле ввода текста редактора TinyMCE. Однако, если вы создаете материал непосредственно в редакторе TinyMCE, помните, что система автоматически завершает сессию пользователя, если он отсутствует в течение 15 мин. Поэтому, если собрались выпить чашечку кофе, не забудьте сохранить результаты своего труда. Кстати, вы можете изменить время жизни сессии в настройках сайта.

Если вы начали создавать статью, в первую очередь заполните поле с основными параметрами материала (смотрите картинку выше):

  • Заголовок – ввести заголовок статьи;
  • Категория – указать категорию, к которой будет относиться статья;
  • Состояние – статья опубликована или другое;
  • Доступ и права – изменить доступ и права для других пользователей (если необходимо);
  • Избранные – если «да», статья будет отображаться на главной странице сайта.

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

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Tue, 04 Sep 2012 11:24:03 +0000
Как вставить картинку в статью Joomla /kak-vstavit-kartinku-v-statyu-joomla.html /kak-vstavit-kartinku-v-statyu-joomla.html

В предыдущем уроке мы рассматривали вопрос, как вставить картинку в HTML. В данном уроке мы будем учиться вставлять картинку в материал Joomla.

Прежде всего, загрузим нужную картинку на сервер. В Joomla существует каталог для изображений - папка images. Здесь находятся все картинки сайта. Создадим в папке images папку для наших картинок, которые мы будем использовать для оформления статьи. Дадим папке название, например my_images.

Помните, что папкам и именам изображений нельзя присваивать имена на кириллице, только на латинице. Также не забывайте о размерах файлов. Хотя и в настройках можно будет устанавливать размеры изображения, все-таки лучше сразу подогнать картинку под нужный размер. И место на сервере сэкономите, и веб-страницы будут загружаться быстрее.

 

Вставляем картинку в статью Joomla

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

1. Устанавливаем курсор в начале параграфа в то место статьи, куда планируем вставить картинку и нажимаем кнопку "Изображение", которая находится внизу, под полем ввода текста

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

Для этого откройте статью для редактирования. Кликните по картинке в статье (вокруг картинки появится рамочка). А теперь кликните по иконке «Вставить/редактировать изображение» в верхнем меню редактора. Теперь открывайте вкладки и редактируйте настройки.

Вставка картинка в Joomla

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

Экспериментируйте с настройками до тех пор, пока не добьетесь результата, который бы вас устроил. Далее читайте о том, как сделать, чтобы картинка обтекалась текстом и как показать картинку в модальном (всплывающем) окне в lightbox.

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Tue, 04 Sep 2012 12:27:19 +0000
Обтекание картинки текстом /obtekanie-kartinki-tekstom.html /obtekanie-kartinki-tekstom.html

Как сделать обтекание картинки текстом

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

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

 

 

 

 

 

 

 

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

  1. Обтекание картинки текстом средствами HTML;
  2. Обтекание картинки текстом средствами CSS;
  3. Обтекание картинки текстом средствами редактора Joomla.

 

Обтекание картинки текстом в HTML

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

Допустим, нужно выровнять картинку по левому краю с обтеканием текста по его правой стороне и задать отступы: сверху - 5px, справа - 10px, снизу - 5px, слева - 0px.

  1. Для выделения фрагмента (блока) в документе в  HTML служит элемент <div>
    <div>…</div>
  2. Для определения стиля элемента служит универсальный атрибут <style>
    <div style=…>…</div>
  3. Свойство <float> отвечает за выравнивание элемента по определенному краю, с обтеканием его остальными элементами с других сторон
  4. Свойство <margin> отвечает за область внешних отступов:
    <margin-bottom> устанавливает размер отступа от нижней границы элемента;
    <margin-left> размер отступа от левой границы элемента;
    <margin-right> размер отступа от правой границы элемента;
    <margin-top> размер отступа от верхней границы элемента.

 

Зададим фрагменту документа с картинкой стиль, используя вышеописанные свойства:

<div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; ">Картинка</div>

 

Код нашей картинки в HTML выглядит так:

<img src="/images/joomla/adminka_20.png" border="0"/>

 

Вставим в div нашу картинку, в результате получилось:

<div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><img src="/images/joomla/adminka_20.png" border="0"/></div>

 

Сократим запись:

<div style="float:left; margin: 5px 10px 5px 0px "><img src="/images/joomla/adminka_20.png" border="0"/></div>

На картинке ниже вы видите данный код в HTML документе.

 

 

 

 

 

 

 

 

Вот так теперь выглядит наша статья. Картинка обтекается текстом, между текстом и картинкой появился отступ.

 

 

 

 

 

 

 

 

 

Если вы будете вставлять картинку, выравнивая ее по правому краю, соответственно html-код будет несколько другим:

<div style="float:right; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px;"> После картинки вставляем код: </div>.

Можете поэкспериментировать с кодами. Главное добиться желаемого результата. И еще совет, обязательно просматривайте результаты ваших экспериментов хотя бы в основных браузерах: Internet Explorer, Mozilla Firefox, Opera. Если все выглядит как вы планировали, значит, вы со своей задачей справились.

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

 

Обтекание картинки текстом в CSS

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

  1. За вывод изображения на веб-страницу отвечает тег <img>.
  2. За выравнивание элемента по определенному краю, с обтеканием его остальными элементами отвечает свойство <float>.
  3. За область внешних отступов отвечает <margin>.
  4. Класс (.class) в CSS служит для придания элементам индивидуального стиля, отличного от основного стиля, прописанного в документе.

Сначала добавим класс стиля к изображению. Для этого, селектору img дадим имя .fotoleft. Открываем файл с расширением .css, в котором прописаны стили и прописываем стиль для нашей картинки:

Img. fotoleft {
float: left;
margin: 12px 12px 12px 0;
}

Теперь применим класс class="fotoleft" к тегу <img> в файле HTML. Открываем статью в исходном коде и прописываем класс для картинки:

<img src="/картинка.png" width="150" height="110" class="fotoleft" />

Таким образом, мы выровняли картинку по левому краю с обтеканием текста по его правой стороне и задали величину отступов: сверху - 12px, справа - 12px, снизу - 12px, слева - 0px. Теперь, чтобы таким же образом выровнять любую другую картинку, нужно всего лишь присвоить ей созданный нами класс стиля.

 

Обтекание картинки текстом в Joomla

Выровнять изображение по краю можно с помощью меню "Вставить/редактировать изображение". Для этого вы должны кликнуть по изображению в нашей статье, вокруг картинки появиться рамка. Затем кликните по иконке "Вставить/редактировать изображение".

Обтекание картинки текстом

 

 

 

 

 

 

 

 

 

 

 

 

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

Для того, чтобы текст обтекал картинку, установите в строке Стиль (Style) значение:
float: left; - если выравниваете картинку по левому краю (alignment: left);
float: right; - если выравниваете картинку по правому краю (alignment: right).

Для того, чтобы текст не слился с картинкой, задайте горизонтальные и вертикальные отступы - 10 (px). После того как оформите изображение, не забудьте нажать на кнопку "Обновить"

 

 

 

 

 

 

 

 

 

 

 

Вы видите, что у нас появился отступ. Кстати, с помощью меню "Вставить/редактировать изображение" вы можете сделать подпись под изображением или чтобы подпись появлялась при наведении курсора на изображение и т.д. В этом, думаю, не сложно разобраться, поэкспериментировав с настройками.

 

 

 

 

 

 

 

 

 

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Tue, 04 Sep 2012 13:02:47 +0000
Как сделать картинку ссылкой /kak-sdelat-kartinku-ssylkoy.html /kak-sdelat-kartinku-ssylkoy.html

Часто веб-мастера сталкиваются с необходимостью в качестве ссылки использовать картинку. В данной статье рассмотрим, как сделать картинку ссылкой в HTML и как сделать картинку ссылкой в Joomla.

Несмотря на то, что CMS Joomla упрощает работу и не требует особых знаний HTML и CSS, думаю, что осваивая приемы работы веб-мастера, нужно обязательно изучать HTML и CSS. Поэтому в  первой части статьи я покажу, как сделать картинку ссылкой в HTML, если вам это не интересно, можете сразу перейти ко второй части статьи, и почитать, как сделать картинку ссылкой в Joomla.

 

Как сделать картинку ссылкой в HTML

В данном примере рассмотрим, как можно сделать картинку ссылкой, редактируя html-код материала. Загрузите нужную картинку в папку для изображений на сервер и откройте статью для редактирования в HTML. В Joomla  нужно кликнуть мышкой по кнопке "Редактировать HTML-код".

И так, начнем учиться делать картинку ссылкой в HTML.

 

1. Для создания ссылки в HTML используется тег <a>. Атрибут <href> данного тега - задает путь к документу, на который нужно перейти.

<a href="/URL-адрес ссылки" >Название ссылки</a>

 

2. Для вывода изображения в HTML используется тег <img>. Атрибут <src> данного тега - задает путь к картинке.

<img src="/Путь к картинке" >

 

3. Для того, чтобы картинка стала ссылкой, объединяем теги:

<a href="/URL-адрес ссылки" ><img src="/Путь к картинке" ></a>

 

 Пример:

<a href="/kak-vstavit-kartinku-v-statyu-joomla.html" title="Как вставить картинку в статью Joomla"><img src="/images/joomla/26.gif" border="0" align="left" />

Для примера, кликнув по картинке ниже, вы попадете на страницу сайта со статьей "Как вставить картинку в статью Joomla"

 

 

Путь к картинке может быть относительным адресом или URL-адресом.
Если картинка находится в папке на вашем сайте, нужно указывать относительный адрес, например:
<img src="/images/joomla/26.gif".
URL-адрес нужно указывать в том случае, если вы использует картинку с другого сайта.

 

Дополнительно можно использовать:

target="_blank" - ссылка должна открываться в новом окне;

align="left" - выравниваем картинку по левому краю;

alt="Описание картинки" - альтернативный текст для картинки (выводится вместо картинки, если в браузере отключена загрузка изображений);

title="Текст при наведении" - текст, который будет выводится при наведении курсора на картинку;

width="200" - ширина картинки;

height="100" - высота картинки;

border="0" - рамка вокруг картинки (по умолчанию вокруг картинки появляется рамка в 1 px, для того, чтобы убрать рамку, нужно поставить значение "0").

 

Как сделать картинку ссылкой в Joomla

В данном примере рассмотрим, как можно сделать картинку ссылкой с помощью кнопки "Вставить/Редактировать ссылку" в редакторе Joomla. Допустим вам нужно, чтобы изображение в статье являлось ссылкой и вело на определенную страницу сайта. Для этого вам нужно выполнить следующие действия:

1. Загрузите нужную картинку в папку на сервер, где у вас хранятся изображения.

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

 

 

 

 

 

 

 

 

 

3. Кликните по картинке мышью (вокруг картинки образуется рамка). Затем кликните по кнопке "Вставить/Редактировать ссылку" в верхнем меню редактора (смотрите рис. сверху). Заполните поля: адрес ссылки - скопируйте адрес страницы, на которую будет вести ссылка;
цель - открыть в новом окне (_blank);
название - укажите название (будет видно, при наведении курсором на картинку)

 

 

 

 

 

 

 

 

 

4. Если все сделано правильно, кликнув по изображению, вы попадете на указанную в ссылке страницу. Для примера, кликнув по картинке ниже, вы попадете на страницу сайта со статьей "Как вставить картинку в статью Joomla"

 

 

 

 

 

 

Таким образом, вы можете сделать картинку ссылкой или с помощью кнопки в редакторе или редактируя html-код материала. Далее читайте о выводе картинки в модальном (всплывающем) окне в lightbox .

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Tue, 04 Sep 2012 16:12:53 +0000
Создание пункта меню для статьи /sozdanie-punkta-menyu-dlya-stati.html /sozdanie-punkta-menyu-dlya-stati.html

Для создания пункта меню для нашей самостоятельной статьи (не относящейся ни к какой категории) мы должны выполнить следующие действия:

1. Открываем "Все меню" - "Главное меню"

 

 

 

 

 

 

 

 

п

 

 

 

2. Попадаем в "Пункт меню" и видим, что один пункт меню "Главная" уже есть. Этот пункт меню создан по умолчанию. Жмем "Создать"

 

 

 

 

 

 

 

3. В открывшемся окне выбираем "Материалы"

 

 

 

 

 

 

 

 

 

 

 

 

4. В новом открывшемся окне выбираем "Стандартный шаблон материалов"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5. Заполняем "Заголовок" и "Псевдоним" (Псевдоним заполняется на англ.)

Допустим, если заголовок у нас "Самостоятельная статья", псевдоним может быть примерно таким: samostoyat_statya. Нужно, чтобы псевдоним был понятен и читаем. Почему? Узнаете чуть позже

 

 

 

 

 

 

 

 

 

6. В открывшемся окне выбираем нашу статью

 

 

 

 

 

 

 

 

 

 

 

 

7.Жмем "Сохранить"

 

 

 

 

 

 

 

 

8. Вы видите, что у нас появился новый пункт меню - "Самостоятельная статья". Жмем "Просмотр"

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

Если кликнуть по пункту меню "Самостоятельная статья", в адресной строке браузера появиться такая ссылка:

http://mysait/index.php?option=com_content&view=article&id=3&Itemid=2,

где часть ссылки, следующая за названием нашего сайта http://mysait/ является псевдонимом.

То есть, в нашем случае /index.php?option=com_content&view=article&id=3&Itemid=2, это и есть псевдоним нашей статьи.

Как вы могли заметить, совершенно непонятная и не читаемая часть ссылки. Хотя мы вводили в поле псевдонима вполне понятную ссылку: samostoyat_statya

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Thu, 06 Sep 2012 08:38:35 +0000
Настройка параметров статьи /nastroyka-parametrov-stati.html /nastroyka-parametrov-stati.html

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

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

 

 

 

 

 

 

 

 

 

 

 

Обратите внимание, на главной странице нашего сайта по умолчанию уже есть Главное меню и в нем пункт меню "Главная".

  • На главной странице мы видим название нашей статьи: "Самостоятельная статья".
  • Под названием статьи видно имя автора: "Администратор".
  • Под именем автора стоит дата создания статьи.
  • Внизу, под статьей стоит дата обновления статьи.
  • Справа в углу страницы видны три иконки: "PDF", "Печать" и "E-mail".

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

 

Как изменить настройки параметров

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

 

 

 

 

 

 

 

 

 

На рисунке справа Вы видите информационную панель. Под информационной панелью находятся "Параметры", которые можно изменять. Вот их мы и будем настраивать. Разберем каждый вид параметров отдельно.

 

1. "Параметры - Статьи"

 

Открыв "Параметры статьи" вы увидите такое окно.

Здесь вы можете, при желании, изменить имя автора.

Имя Ольга введено для примера.

Вы, естественно, введёте свои данные.

 

 

2. "Параметры Расширенные"

 Открыв "Параметры Расширенные" вы увидите, что по умолчанию везде указано: Использовать глобальные.

На примере параметра "Имя автора" показываю, как этот параметр можно изменить.

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

Можно, конечно, пересматривать и менять каждый параметр отдельно.

Но, думаю, будет проще, если вы просто измените Глобальные параметры.

Тогда не не придется менять настройки для каждой статьи отдельно.

Изменение глобальных параметров сэкономит ваши силы и ваше время.

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

 

 

Как изменить глобальные параметры

Входим в "Менеджер материалов" и кликаем по иконке "Параметры".

 

 

 

 

 

 

 

 

 

Откроется окно настроек. Здесь Вы можете изменить все по своему усмотрению, только не забудьте нажать "Сохранить"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Вот мы и изменили глобальные параметры. А что касается последней настройки в редакторе статьи - "Мета-данные", здесь вы можете ни чего не заполнять. Хотя можете поступить, конечно, и по своему усмотрению.

 

 

 

 

 

 

 

 

И так, мы разобрались с настройками. Заполнили все, как положено. Вот что у нас получилось (смотрите рисунок ниже):

 

 

 

 

 

 

 

 

 

 

 

 

  • "Заголовок" - Самостоятельная статья;
  • "Раздел" - не указано;
  • "Категория" - не указано;
  • "Опубликовано" - Да;
  • "На главной" - Да.

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

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

И так, нам осталось сохранить статью и приступить к созданию пункта меню для нашей статьи.

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Thu, 06 Sep 2012 08:39:33 +0000
Создание псевдонима /sozdanie-psevdonima.html /sozdanie-psevdonima.html

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

Но выйдя на главную страницу сайта и кликнув по созданному пункту меню "Самостоятельная статья", в адресной строке браузера вы увидите такую ссылку:

http://mysait/index.php?option=com_content&view=article&id=3&Itemid=2

 

 

 

 

 

 

 

 

 

 

В адресе http://mysait/index.php?option=com_content&view=article&id=3&Itemid=2 - подчеркнут псевдоним статьи.

Как видно, совершенно непонятная и нечитаемая часть ссылки. Как вы помните, заполняя поле псевдонима, мы ввели вполне читаемую ссылку: samostoyat_statya.

Наш читаемый псевдоним не появился, потому что мы не изменили соответствующим образом настройки сайта. Сейчас мы это исправим.

 

Как сделать аккуратные читаемые псевдонимы

 Для того, чтобы на сайте создавались читаемые псевдонимы, нужно выполнить следующие действия:

1. Войти в административный раздел и войти в меню "Сайт" - "Общие настройки"

 

 

 

 

 

 

 

 

 

 

 

2. В панели "Сайт" изменить "Установки Search Engine Optimization" поставив напротив всех опций "Да".

После изменения настроек Вы увидите предупреждения "Перед активацией переименуйте htaccess.txt в .htaccess".

Жмем "Сохранить"

 

 

 

 

 

 

 

 

 

 

3. Входим в наш виртуальный диск, на котором находится наш сайт : z:/home/mysait/www и находим файл htaccess.txt.

 

 

 

 

 

 

 

 

 

 

 

 

4. Нужно переименовать файл htaccess.txt в .htaccess. Для того, чтобы это сделать, мы открываем файл htaccess.txt, в меню выбираем "Файл" - "Сохранить как.."

 

 

 

 

 

 

 

 

 

5. В открывшемся окне в первую очередь меняем "Тип файлов" на "Все файлы", а затем переименовываем наш файл в .htaccess

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Затем удаляем файл htaccess.txt

 

 

 

 

 

 

 

7. Теперь, если вы на Главной странице кликните по пункту меню "Самостоятельная статья", увидите, что наша ссылка изменилась и стала вполне читаемой:http://mysait/samostoyatstatya.html

 

 

 

 

 

 

 

 

 

 

 

 

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

Об установке расширений (компонентов, плагинов, модулей) я напишу отдельную статью. В следующей материале я покажу как создать раздел, категорию и статью,  относящуюся к определённой категории.

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Thu, 06 Sep 2012 09:48:38 +0000
Категории в Joomla /kategorii-v-joomla.html /kategorii-v-joomla.html

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

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

Для начала давайте войдем в "Менеджер материалов". Здесь мы видим самостоятельную статью. Как помните, мы ее создали и вывели на Главную страницу сайта. Посмотрите на рисунок ниже.

 

 

 

 

 

 

 

 

 

 

В "Менеджере материалов" Вы видите информацию о статье:

  1. Заголовок - Самостоятельная статья;
  2. Опубликовано - да;
  3. На главной - да;
  4. Раздел - пусто;
  5. Категория - пусто

Мы видим, что самостоятельная статья не относится ни к одному разделу и ни к одной категории. Сейчас мы будем создавать статью, которая будет опубликована не на главной странице сайта и будет относиться к определенному разделу и категории. Условно давайте создадим статью, которая посвящена спорту, и заголовок у нее будет "Статья о футболе". Для этого нам в первую очередь создать раздел.

 

Создание раздела (Joomla 1.5)

1. Для создания раздела нужно войти в меню "Материалы" - "Менеджер разделов"

 

 

 

 

 

 

 

 

 

 

 

2. Мы попадем в "Менеджер разделов". Теперь нужно кликнуть по иконке в меню "Создать"

 

 

 

 

 

 

 

3. Перед нами открылось окно "Раздел: [создать]". Коль у нас статья будет о спорте, присвоим имя разделу - Спорт. Значит все, соответствующим образом, заполняем. Заголовок: Спорт; псевдоним: sport; опубликовано: да. Жмем "Сохранить"

 

 

 

 

 

 

 

 

 

 

 

 

4. Раздел под названием "Спорт" создан. Теперь нам нужно создать категорию

 

 

 

 

 

 

 

 

 

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

1. Для того чтобы создать категорию, нам нужно войти в меню - "Материалы" - "Менеджер категорий"

 

 

 

 

 

 

 

 

 

2. Мы попадем в "Менеджер категорий". Теперь нужно кликнуть по иконке в меню "Создать"

 

 

 

 

 

 

 

 

3. Перед нами открылось окно "Категория: [создать]". Раз у нас статья будет о футболе, присвоим имя категории - Футбол. Значит все, соответственно, заполняем. Заголовок: Футбол; псевдоним: futbol; опубликовано: да; раздел: Спорт. Сделайте описание категории. Жмем "Сохранить"

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Категория под названием "Футбол" создана. Теперь нам нужно создать нашу статью о футболе, которую мы отнесем к категории "Футбол" раздела "Спорт"

 

 

 

 

 

 

 

 

 

 

Создание статьи с разделом и категорией

 Статья с разделом и категорией создается точно так же, как и самостоятельная статья. Но мы дополнительно должны указать раздел, категорию и должна ли она быть опубликована на главной странице. Заполняем нужные поля. Заголовок: Статья о футболе; псевдоним: statya_futboll; раздел: Спорт; категория: Футбол; на главной - нет; опубликовано - да. Жмем "Сохранить"

 

 

 

 

 

 

 

 

 

 

 

 

В "Менеджере материалов" появилась наша статья.

 

 

 

 

 

 

 

 

 

 

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

]]>
admin@webadvisor.ru (Roman) Материалы в Joomla Thu, 06 Sep 2012 10:25:36 +0000