Четверг, Апрель 16, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

Базовый курс создания сайта

Подводим итоги Базового курса

Здравствуйте, дорогие трудяжки!

Наш базовый курс создания курса на Joomla! подошёл к концу. Это не значит, что его можно оставить в прошлом только потому, что сделанный вами на Joomla 1.5 демо-сайт не сможет быть выставлен на вебсервер из-за отправленной в архив "полуторки".

Заметьте, я не говорю: "Увы, не сможет", потому что, во-первых, вы многому научились и теперь без всякой боязни перейдете к серьёзному строительству сайта на более продвинутой версии Joomla! Во-вторых, было бы ошибкой считать, что одна версия является антиподом другой. Наоборот, версия 3.0 - это сильно улучшенный вариант всё той же Joomla 1.5, нашей незабвенной "полуторки".

И возвращаться в Базовый курс вы - я в этом уверена! - будете, используя отдельные его уроки в качестве шпаргалки.

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

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

Творческих вам успехов во всех делах !!! -

и пожалуйте в нашу Мастерскую, приступать к установке Joomla 3.3.6.

 

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

О пункте меню "Главная"

В Joomla 1.5 отдельно предусмотрена работа с главной страницей сайта, для чего существует Менеджер Главной страницы:

Главная страница сайта на Joomla

Рис.1

Открыв Менеджер, вы можете увидеть список всех статей, которым вы определили показ на Главной странице вашего сайта. Вот так некогда выглядел Менеджер Главной страницы моего сайта:

Рис.2

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

Как сделать так, чтобы выбранные нами статьи показывались на Главной странице нашего сайта?

Для этого существуют два варианта.

Первый вариант. Когда мы создаём какой-то материал, мы не только определяем, к какой категории и к какому разделу он будет относиться (либо будет некатегоризированным), но и решаем, быть ему на Главной странице, или не быть. Для этого существуют две кнопки - "Да" и "Нет" в строчке "На главной":

Рис.3

Примечание: на Рис. 3  даётся скриншот открытой в моей админке статьи "Ну-с, кто на новенького?".

Включая кнопку "Да", мы тем самым придаём статье возможность появиться на Главной странице сайта, вне зависимости от того, в какой категории эта статья находится.

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


 Рис.4.

Второй вариант. Создаём категорию, например, "Новости", и помещаем в неё все материалы, которые будут показаны на Главной странице.

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

При таком варианте уже не важно, какая кнопка у каждой статьи включена - "Да" или "Нет".


Ну, а теперь отвечаю на вопрос  из одного письма:

"Подскажите, как сделать, чтобы на главной странице сайта выводился только один материал на страницу, что-то вроде вступительной речи?"

Делается это так:

Шаг 1. Создайте материал ("вступительную речь"). Он может быть отнесён к какой-либо категории, а может остаться и без категории, - это на ваше усмотрение.

Шаг 2. Создайте пункт меню "Главная", при этом завяжите его на тип меню "Стандартный шаблон материала", выбрав в качестве этого самого материала вашу "вступительную речь".

Чтобы  "вступительная речь" заняла всё пространство страницы, при её создании ни в коем случае не следует вставлять в неё разделитель "Подробнее", как это сделано в моей статье, показанной на  Рис. 3.

Вот и всё!

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте


 

    Поделиться: 

 

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

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

Если хотите быть мучеником при работе над сайтом - пользуйтесь браузерами Opera, Internet Explorer, Chrome.



Если хотите работать спокойно и плодотворно - используйте
Mozilla Firefox


Шаг 1.
Знакомимся с понятиями "окно" и "вкладка"


Когда мы запускаем браузер, щелкнув пару раз левой кнопкой мыши по его ярлыку на рабочем столе, открывается окно браузера со всего одной вкладкой, так называемой Домашней страницей.

В процессе работы в интернете количество вкладок увеличивается. На рисунке внизу показано, что в момент создания скриншота у меня было открыто окно браузера Mozilla Firefox, а в нём - три вкладки: 1) главная страница сайта Joomlalessons.ru (это моя Домашняя страница); 2) главная страница нашего Демо-сайта 3) админка Демо-сайта:

Иллюстрация
Рис. 1

На рисунке 1 хорошо видно, что на моём компьютере в данный момент в окне открыта вкладка с входом в административную панель Демо-сайта. Её адрес http://localhost/demo/administrator/ прописан в адресной строке браузера, а в самом верхнем левом углу окна выведено указание на то, что это админка Демо сайта. Кроме этого, открытая вкладка на панели вкладок (эта панель обозначена на рисунке красной рамкой) отличается от двух других вкладок более светлым тоном.

Шаг 2. Готовимся к занятиям по Урокам Joomla!

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

Давайте создадим для занятий в нашей школе свой "джумлопульт"  .

2.1.
Запускаем браузер.

2.2. Стираем в  его адресной строке название Домашней страницы и вписываем адрес сайта с уроками: http://joomlalessons.ru. Нажимаем Enter. Первая вкладка готова. Пусть она всегда при работе находится в левой части панели вкладок:


Рис. 2

2.3.
Создаём вторую вкладку. В левом верхнем углу окна браузера нажимаем на "Файл" и в выпавшем окошке выбираем пункт "Новая вкладка":
Иллюстрация
Рис. 3

2.4 После нажатия на этот пункт рядом с вкладкой "Уроки Joomla!" откроется новая вкладка с пустой адресной строкой. Прописываем в неё адрес нашего Демо-сайта: http://localhost/demo :

Рис. 4

Нажимаем Enter - и вторая вкладка готова.

2.5. Повторяем пункт 2.3. В новой вкладке заполняем адресную строку:
http://localhost/demo/administrator . Нажимаем Enter, и перед нами откроется окно входа в административную панель Демо-сайта. Третья вкладка готова:
Иллюстрация
Рис. 5

Шаг 3. Проверяем работу нашего "джумлопульта"

Во время изучения Базового курса всегда начинайте работу с открытия вкладок. Что это вам даст? - давайте посмотрим.

Вот вы открыли первую 1) вкладку. Находите на сайте нужный вам урок и начинаете его изучать. Для практической работы вам нужна админка Демо-сайта. Прочитали шаг урока в первой вкладке - щелкнули в панели по вкладке 3 для сверки правильности своих действий. Чтобы проверять в лицевой панели Демо-сайта отражение того, что вы делаете в админке, вам надо будет перейти во вкладку 2 .

В этом и заключается принцип нашего "пульта". Удобно, правда? - всё перед глазами, нить урока не теряется.

Пощёлкайте "пультом", чтобы убедиться, как всё просто. Вот я щелкнула по вкладке 2 и сделала скриншот состояния: как вы можете видеть, на открытую вкладку 2 указывает более светлый тон в панели вкладок:
Иллюстрация
Рис. 6

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

Если вы серьёзно осваиваете мои Уроки, то, может быть, вы сделаете Домашней страницей главную страницу сайта Joomlalessons.ru ? Это займёт всего минуту, но добавит вам комфорта на время обучения. Подсказываю, как внести изменения в настройки:

1) В самой верхней панели браузера откройте меню "Инструменты" и нажмите в нём на "Настройки":
Иллюстрация
Рис. 7

2) В разделе "Настройки - Основные" пропишите в строку "Домашняя страница" название нашего сайта : http://joomlalessons.ru и нажмите на кнопку ОК:
Иллюстрация
Рис. 8

Сделано!

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

   Поделиться: 

Администрирование статей

Редактировать статью сайта
Создание и администрирование содержимого сайта на базе Joomla! может выполняться двумя способами:

1. Редактирование со стороны внутреннего интерфейса (админки) - в этом случае статьи администрируются с помощью Менеджера материалов;

2. Редактирование со стороны внешнего интерфейса (лицевой панели) - в этом случае статьи администрируются прямо на тех страни­цах, где эти статьи присутствуют.

Начнём работать со стороны внешнего интерфейса, то есть лицевой панели сайта.

Администрирование статей со стороны лицевой панели

Шаг 1. Открываем в браузере главную страницу Демо-сайта: http://localhost/demo

Шаг 2. Авторизуемся на сайте, как обычные зарегистрированные пользователи. Логин и пароль, естественно, используем те же самые, что и при входе в админку. Но до того, как вы нажмёте на кнопку "Войти", обратите внимание на значки, которые стоят в начале каждой статьи. Сейчас их везде по три:
Иллюстрация 1

Шаг 3. После авторизации к трём значкам добавится четвертый в виде карандаша. Если к нему подвести мышку, появится подсказка: "Редактировать элемент". Нажмите на карандаш в самой верхней статье "Joomla! Community Portal" :
Иллюстрация 2

Шаг 4. Статья появилась в открывшемся Редакторе :
Иллюстрация 3

Давайте отредактируем её заголовок : сотрём английский вариант и напишем "Портал сообщества Joomla!", после чего нажмём на кнопку "Сохранить" :
Иллюстрация 4

Шаг 5. Любуемся на то, что у нас получилось: на синей полоске мы видим сообщение о том, что материал успешно сохранён, и, как подтверждение этого - появившийся новый заголовок :
Иллюстрация 5

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

Администрирование статей со стороны админки

Шаг 1. С помощью логина и пароля входим в административную панель (админку).

Шаг 2. Для работы с материалами предусмотрено отдельное меню, которое так и называется : "Материалы".
Если вы хотите написать новую статью, то попасть в редактор можно в один клик с помощью иконки "Добавить материал".
Если же вы намерены редактировать уже готовую статью, то её надо сначала найти в Менеджере материалов: Материалы>>Менеджер материалов.

Мы сейчас будем вносить изменения в ту же статью, в которой уже изменили заголовок. Поскольку она расположена на главной странице сайта, то искать её легче через меню Материалы>> Менеджер Главной страницы:
Иллюстрация 6

Шаг 3. В Менеджере Главной страницы мы видим список из заголовков статей, и среди них нужная нам "Портал сообщества Joomla!". Чтобы открыть её для редактирования, нужно просто нажать на заголовок:
Иллюстрация 7

Шаг 4. Сейчас мы находимся на странице "Материал: (изменить)".

Для наглядности я разделила страницу на пять блоков:
Иллюстрация 8

Блок 1. Это общие сведения о материале:

  • заголовок статьи - можно изменить, стерев старое и вписав новое название;
  • псевдоним заголовка - можно оставить поле пустым, Joomla! заполнит его автоматически ;
  • классификация, т.е. к какому разделу и какой категории относится статья. Можно изменить это состояние, выбрав из выпадающих списков другие раздел и категорию. Можно также сделать статью неклассифицированной, т. е. не относящейся ни к каким категориям и разделам, - в этом случае надо в списках выбрать "Не указано-Не указано";
  • опубликована или нет - можно запретить публикацию с помощью радио-кнопки;
  • опубликована или нет на Главной странице - если включить кнопку "Нет", то статья не будет показана на Главной странице.

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

Блок 3. Нижняя панель визуального редактора. Здесь находятся три стандартные кнопки:

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

Нижняя панель может быть расширена после установки расширений Joomla!, в параметрах которых предусмотрен вывод подобных кнопок в нижнюю панель редактора. Например, я установила плагин для подсчета количества слов в статье, и его кнопка "Word Counter" автоматически появилась в нижней панели.

Блок 4. Текстовое поле. В нём вы или набираете, или вставляете в него уже подготовленный в Блокноте текст статьи. Тексты, набранные в Wordе, лучше сначала скопировать в Блокнот, который "чистит" ненужные коды, и только после этого переносить их в текстовое поле.

Блок 5. Он разбит на три части:

  • "Параметры - статьи" : если автор - Администратор, то ему можно придумать псевдоним, например, Пупкин; указать доступ, т.е. кто может читать эту статью - либо все посетители сайта, либо только зарегистрированные, либо специальные, например, администраторы; дату создания можно менять на своё усмотрение. Если вы хотите,чтобы статья появилась не сегодня, а в какой-то конкретный день, то укажите именно этот день и забудьте про публикацию, - статья появится на сайте в установленное время:
    Иллюстрация 9

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

  • "Мета данные"- очень важная часть настроек, связанная с поисковой оптимизацией. Более подробно мы будем останавливаться на этом в отдельной статье, здесь я лишь показываю внешний вид поля:
    Иллюстрация 11


Теперь, когда вы получили общее представление о параметрах страницы "Материал: (изменить)", давайте поработаем с текстом, т.е. перейдём в Блок 4.

Шаг 5. В поле редактора мы видим текст статьи, состоящий из двух абзацев. Если у вас они обведены пунктирными рамками, то для удобства в работе уберите их, нажав на кнопку в верхней панели редактора (на Ил.8 на кнопку указывает красная стрелка).

Давайте украсим текст картинкой. Для этого поставим курсор слева от начала текста, щелкнем левой кнопкой мыши, а затем нажмём на кнопку "Изображение" в нижней панели редактора:
Иллюстрация 12

Шаг 6. Перед нами открылось окно с обзором содержимого папки "stories". Как видите, в ней есть две папки и несколько картинок. Давайте выберем для вставки в статью первую попавшую, например, изображение циферблата. Для этого нажмём на неё, и адрес картинки пропишется в строчке "Адрес (URL) картинки". Теперь нажмём на кнопку "Вставить" :
Иллюстрация 13

Шаг 7. Картинка появилась в редакторе :
Иллюстрация 14

Отредактируем её местоположение. Для этого нажмём на картинку - вокруг неё образуется контур, а затем нажмём на указанную красной стрелкой на Рис.15 иконку:
Иллюстрация 15

Шаг 8. Открылось окно Менеджера изображений. В строке URL уже прописан адрес картинки, а вот остальное заполняем сами. Для примера я сделала следующее:

- в строке Alternate Text (альтернативный текст) назвала картинку "Часы". Это название появится на месте изображения, если пользователь отключит показ картинок;

- уменьшила размер изображения, прописав в строке Dimensions цифру 100 (поскольку в окне Proportional стоит галочка, то произойдёт пропорциональное уменьшение сторон);

- в строке Выравнивание выбрала из выпадающего списка положение Left, т.е. слева ;

- в строке Margin прописала отступы по 5 справа и снизу картинки.

После этого прокрутила окно вниз и нажала на зеленую кнопку "Update" (обновить) :
Иллюстрация 16

Шаг 9. Картинку мы вставили, давайте добавим для полного счастья вставку "Подробнее" . Делается это так: после последней буквы первого абзаца в тексте щелкаем курсором, а затем нажимаем на кнопку "Подробнее" в нижней панели редактора. В тексте появится сплошная линия, указывающая на то, что вставка сделана. Сначала линия будет просто в виде черты, но, после того, как вы нажмете на кнопку "Применить" в верхнем правом углу экрана, черта превратится в серую полоску:
Иллюстрация 17

Эта полоска - знак того, что установлен режим "Подробнее". Захотите его убрать - просто щелкните по полоске мышкой и затем нажмите на клавиатуре кнопку Delete. Но пока мы ничего удалять не будем, а перейдём во вкладку с главной страницей сайта - если, конечно, вы уже нажали на кнопку "Применить" !!!. Я рекомендую нажимать именно на неё, потому что окно админки не закроется И, если надо будет что-то ещё исправить в статье, то вы просто вернетесь во вкладку с админпанелью и продолжите работу. А уж только после того, как решите, что всё сделано, нажмёте на кнопку "Сохранить".

Итак, вот что у нас получилось:
Иллюстрация 18

Произошли изменения: показаны названия раздела и категории, псевдоним автора, другая дата, а вместо "Подробнее" написано "Читать подробнее". Исчезла также иконка "PDF". Произошедшие изменения во внешнем отражении статьи явились результатом установки новых параметров настроек (см. на Иллюстрации 10).

Теперь нажимаем на кнопку "Сохранить".

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

Успехов!

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

META тэг "Robots"

image


No index, no follow = не индексировать ни текст ни ссылки;
Index, Follow = индексировать текст и ссылки;
No index, follow = не индексировать текст, но индексировать ссылки;
Index, No follow = индексировать текст, но не индексировать ссылки.