Оглавление статьи
Как только вы создадите свой проект на Ucoz, у вас уже появится готовое меню. За его внешний вид отвечают стили, прописанные в таблице CSS. И об их изменении мы будем говорить на следующем уроке. А сегодня рассмотрим вопрос о том, как изменить меню сайта, отредактировать имеющиеся пункты, добавить или удалить ссылки. И в этом нам поможет инструмент, который называется «конструктор меню».
Редактируем меню сайта
Для того чтобы воспользоваться данным инструментом, вам нужно, естественно, перейти в панель управления вашего сайта. Далее откройте вкладку «Дизайн» и перейдите в директорию «Конструктор меню». Мы уже «встречались» с ним тогда, когда изменяли системные надписи (урок «Как заменить стандартные надписи »). Но знакомство с ним стоит продолжить.
У вас уже имеется готовое меню с идентификатором $NMENU_1$. В нём отображаются модули, которые вы активировали при создании сайта. Список используемых модулей находится под самим конструктором. Он понадобится в том случае, если вы удалите из меню ссылку на какой-нибудь модуль, а потом захотите ее восстановить.
Пригодится этот перечень и при создании новой панели навигации. Если вы «кликните» по пункту списка, то откроется окно, в котором будет указана ссылка на главную страницу модуля.
Как только вы активируете новый модуль или создадите новую страницу через «Редактор страниц», ссылка на них появится в меню.
Естественно, это не всегда нужно. И лишние ссылки вы можете без проблем удалить. Для этого только нужно нажать на иконку с крестиком рядом лишним пунктом и подтвердить свои действия.
Таким образом, вы удаляете только ссылку из меню, а не сам модуль или страницу. Объект при этом остается на сайте в неприкосновенности.
Не менее просто добавить к уже имеющемуся меню новый пункт. Для этого нажмите на надпись «Добавить новый пункт». Перед вами откроется новое окошко с полями, которые нужно обязательно заполнить. В первом вы пишите название пункта меню (прописываете ту надпись, которая будет отображаться на кнопке или вкладке навигационной панели).
Во второе внесите адрес страницы, на которую посетитель должен будет перейти по «клику» на пункт меню. Если ссылка ведет на модуль, то ее можно взять из списка (как я описала чуть выше). Или скопируйте адрес из адресной строки нужной вам страницы. При этом вы можете прописать путь не к главной странице модуля, а к любой другой. Например, к странице раздела или списка категорий. Или на независимую страницу.
Если вы поставите галочку напротив надписи «Открывать в новом окне», то страница и будет открываться – вы не поверите! - в новом окне. Есть еще одна небольшая вкладочка. Она называется «Опции». В ней вы можете прописать индивидуальный класс для стилей именно этой кнопки. Тогда у вас появится возможность оформить каждый пункт меню в собственном дизайне. Но это, конечно, только в том случае, если вы владеете CSS. Поэтому данное поле заполнять совершенно не обязательно. Вам осталось только нажать на кнопку «Применить».
После каждого своего шага не забывайте нажимать на кнопку «Сохранить», которая находится внизу конструктора. Применить еще не значит сохранить полученный результат. Если вы не сохранитесь, то изменения в шаблон внесены не будут.
Пункты меню очень легко менять местами. Как только вы наведете курсор на один из них, то появится надпись «Переместить». Зажмите левую кнопку мыши, и перетащите его в новое место (при этом появляется поясняющая надпись «Move»).
Вверху окна прописан способ отображения меню (в моем случае, это «вертикальный»). К сожалению, за один «клик» изменить его не получится. Гораздо проще создать новое меню с горизонтальным способом отображения. Но об этом чуть позже.
Названия «кнопок» меню можно изменить, если нажать на иконку с карандашом, который находится рядом с каждым пунктом (левее кнопки удаления). Здесь же вы в любой момент можете сменить ссылку на элемент и его стилевой класс.
Делаем меню в несколько уровней
По умолчанию меню создается одноуровневым. То есть пункты не содержат вкладок. Но изменить такое положение вещей проще простого. Если вы хотите вложить в основной пункт несколько новых ссылок, то просто создайте новые подпункты.
Затем наведите курсор на зеленый крестик рядом с названием вложения (именно на крестик, а не на само название). Появится один достаточно большой крест. Перетащите (зажав левую кнопку мыши) название на тот раздел, в который вы хотите вложить новые ссылки. При этом у вас появится окошечко, в котором будут 3 точки (сама же надпись останется там, где была). Это показатель, что вы перемещаете элемент меню.
Подтащите вложение к основному пункту. Он должен выделится жирным. Отпустите перетаскиваемое. Так вы можете создать несколько уровней вложенности. Все ссылки любого уровня вложенности можно менять местами точно так же, как и основные пункты. Менять вложения, перенося их из одной директории в другую, вам также никто не запрещает.
Процесс создания многоуровневого меню гораздо более наглядно показан в видео-иллюстрации к данному уроку. Это как раз тот случай, когда проще 1 раз показать, чем 5 раз объяснять. Я уже и сама запуталась во всех этих пунктах и подпунктах.
Внешний вид вложений изначально зависит от стилей самого меню, которые были прописаны в шаблоне. В большинстве современных дизайнов предусмотрена возможность создания разных уровней. А вот в старые шаблоны подобного функционала не учитывали. В таком случае вложения у вас всё равно появятся. Но будут они выглядеть просто как надписи, обведенные рамкой (или без нее) или ссылки.
В таком случае вы можете сделать следующее:
- дописать стили самостоятельно (предварительно, естественно, изучив CSS);
- сменить весь шаблон или только дизайн меню (то есть, те самые CSS стили);
- попросить знающих людей адаптировать имеющийся дизайн;
- заказать адаптацию у профессионалов.
К сожалению, универсальных рецептов исправить эту проблему нет, и быть не может. Потому, что сколько верстальщиков (создателей шаблонов), столько и способов построения стилевых конструкций. То есть каждый конкретный дизайн необходимо рассматривать отдельно.
Создаем новое меню
Кроме всех вкусностей, которые я уже расписала, в конструкторе предусмотрена функция создания нового меню. Зачем его создавать – это уже отдельный вопрос. Но, допустим, вы захотели сваять новую панель навигации.
Обратите внимание на правый верхний угол окна. Там находится небольшое окошко, в котором написано «Основное меню сайта». «Кликните» на стрелку рядом с ним. Появится еще и надпись «Создать меню». Нажимаем на нее. В появившейся вкладке прописываем название нового меню и тип его отображения. Я, ради разнообразия, выбрала горизонтальный. Сохраняем.
Окно конструктора изменится. Обратите внимание на то, что у нового меню другой идентификатор - $NMENU_2$. Нам нужно создать пункты для него. Это делается так же, как добавляются новые ссылки.
А вот тут у нас начинаются «затыки». Во-первых, создать меню и заставить его появиться на страницах сайта – это не одно и то же. Скажем так: мы только собрали кубики, но нам надо их куда-то поставить. То есть, прописать его идентификатор или условный оператор вывода - $SMENU_2$ - в шаблоне сайта. В каком шаблоне? В том, куда вы его хотите поставить: в «шапку», «подвал», «боковой блок». Куда именно в шаблоне прописывать? Все зависит от шаблона и желаемого результата. То есть, универсальных рецептов вам опять никто не даст.
Проблема номер 2. Меню то мы создали. Да вот беда: стили для него не прописаны. Это совершенно новый элемент сайта, его в начальном дизайне нет. Поэтому и отображаться он будет в виде простых ссылок. И горизонтальный способ вывода вам поможет только одним: ссылки будут расположены горизонтально, в линию.
Это вовсе не значит, что функция создания нового меню нам вообще ни к чему. Эта возможность может очень пригодиться, если нам понадобится вторая, точно такая же, панель навигации на сайте. Например, в «Школе Ucoz» справочники по HTML и CSS созданы на отдельных страницах (через редактор страниц). А навигация по ним смонтирована как раз с помощью второго (третьего, четвертого) меню. Но это тема отдельного разговора, относящегося ни к дизайну, а к созданию сайта.
А пока мы удалим новое меню за ненадобностью. Опять смотрим в верхний правый угол и находим две функции «Изменить» и «Удалить». С помощью первой кнопки можно сменить название меню, а вторая, естественно, удаляет. Подтверждаем свои действия.
Это далеко не все чудеса, с помощью которых мы можем менять меню. На следующем уроке мы научимся устанавливать на свой сайт готовые элементы (взятые, например, из Интернета) и немного познакомимся с тем, как можно изменить их дизайн.
Хотите первыми узнавать о выходе новых материалов? Подпишитесь на нашу рассылку:
Введите свой электронный адрес:
Урок№3. Учимся добавлять страницы и редактировать пункты меню на ucoz.ru
В этом уроке мы узнаем, как создавать новые страницы, как подключать модули, а также как редактировать и удалять пункты меню.
Наша задача создать следующие пункты меню и страницы:
- Главная страница Каталог сайтов Как добавить сайт Полезные советы Правила каталога Платные услуги Полезные статьи FAQ (вопрос/ответ) Обратная связь
В первую очередь нам нужно удалить лишний пункт меню «Информация о сайте», который был создан автоматически при создании сайта на юкозе. Для этого в панели управления сайта нужно зайти в раздел: Дизайн -> Конструктор меню.
Для того чтобы удалить пункт меню «Информация о сайте» нажмите на крестик справа от названия, после — на кнопку «Сохранить».
Теперь Вы знаете, как удалять пункты меню!
Идём далее…
Нам нужно создать раздел «Каталог сайтов», в котором будут описания всех сайтов, распределённых по категориям. Для этого нужно в левом меню админки перейти во вкладку «Неактивные» и выбрать модуль «Каталог сайтов», после чего активировать модуль, указав пункт «Малый каталог (18 категорий)».
Зайдите на сайт, и Вы увидите, что в левой колонке автоматически появился пункт меню «Каталог сайтов». Зайдите по нему, и перед Вами появится 18 категорий каталога. Но пока в этот каталог никто не может добавить информацию о своём сайте. Давайте исправим это. Я предлагаю дать возможность всем посетителям сайта добавлять сайт в каталог без предварительной регистрации. Для этого нужно зайти в раздел: Пользователи -> Группы пользователей.
Перед Вами появится список групп пользователей, где Вы можете им устанавливать права. Наша задача заключается в том, чтобы дать возможность добавлять материалы на сайт всем посетителям. Для этого сначала нужно нажать на гаечный ключик напротив группы пользователей «Гости».
Затем нужно раскрыть список «+ Каталог сайтов» и поставить галочку напротив пункта «Добавлять материалы», после чего нажать на кнопку «Сохранить».
Зайдите на страницу «Каталог сайтов», и Вы увидите, что в правом верхнем углу содержимого сайта появилась ссылка [ Добавить сайт ]. Нажав на эту ссылку, посетитель может добавить информацию о своём сайте, которая будет опубликована после проверки модератора.
Давайте попробуем добавить сайт webcaum.ru в данный каталог, чтобы понять весь процесс регистрации сайта. Нажав на ссылку [ Добавить сайт ], Вы попадёте на страницу добавления материала. Выберите категорию «Интернет».
Остальные данные, которые нужно указать:
Название сайта *: Как создать свой сайт
Ссылка на сайт *: http://webcaum.ru
Описание сайта: Добро пожаловать на блог сайтостроителя! В этом блоге Вы узнаете о разных способах создания и продвижения сайтов, а также о том, как заработать в Интернете с помощью сайта и без него.
Далее укажите своё имя, e-mail и введите проверочный код, после чего нажмите «Добавить». Перед Вами появится следующее сообщение:
Теперь в админке нам нужно подтвердить размещение информации о сайте. Для этого зайдите в раздел: Каталог сайтов -> Управление материалами.
На странице управления материалами Вы увидите заголовок, который мы указывали при регистрации сайта в каталоге. Нажмите на гаечный ключик справа от заголовка. Данная кнопка позволяет редактировать информацию о сайте, а также подтверждать или запрещать размещение сайта в каталоге.
Нажав на гаечный ключик, Вы попадёте на страницу формы входа администраторов. Вам нужно нажать на кнопку «Войти через uID», затем ввести свой почтовый ящик, который Вы указывали при регистрации сайта, и пароль. Данный пароль уже отличается от того пароля, который мы используем при входе в админку сайта. Помните, я говорил, что нужно сохранять все пароли? Итак, введите тот пароль, когда заполняли страницу «Регистрация пользователя» (см. первый урок ). Чтобы информация о сайте показывалась в каталоге нужно снять галочку с пункта «Материал недоступен для просмотра» и нажать «Сохранить». Зайдите на наш сайт и перейдите по ссылке «Каталог сайтов» в левом меню, затем — в раздел Интернет [1]. Вы увидите, что описание сайта показывается в каталоге. Таким образом, Ваш каталог может автоматически наполняться контентом (информацией) другими пользователями. Ваша задача заключается лишь только в том, чтобы проверять добавленную информацию и подтверждать размещение сайтов. В этом и есть прелесть каталогов. Потом, когда Ваш каталог будет авторитетным, вы уже сможете брать деньги за размещение сайтов.
Идём далее…
Пункт меню и раздел «Каталог сайтов мы создали. Теперь нам нужно создать четыре пункта меню:
- Как добавить сайт Полезные советы Правила каталога Платные услуги
Но прежде чем добавить данные пункты меню, нам нужно создать страницы, на которые они будут вести. Это будут простые страницы, где планируется размещение общей информации о каталоге и его услугах.
Чтобы добавить страницу зайдите в админке в раздел: Редактор страниц -> Управление страницами сайта.
Для начала удалите лишние страницы «Информация о сайте» (данная информация будет на главной странице) и «Обратная связь» (мы создадим позже). Чтобы удалить страницу нажмите красный крестик.
Чтобы добавить новую страницу нажмите на кнопку «Добавить страницу» в правом верхнем углу.
Сначала добавим страницу «Как добавить сайт».
Название страницы укажите следующее: Как добавить сайт в каталог
В содержимое страницы напишите: На данной странице будет инструкция по добавлению сайта в каталог.
Опции и группы, имеющие доступ к странице мы оставим без изменений. Хочу обратить Ваше внимание на то, что в настройках опций стоит по умолчанию галочка у пункта «Добавить ссылку на страницу в главное меню сайта». Это означает, что в левом меню автоматически добавится пункт, который будет вести на создаваемую страницу.
Нажмите «Сохранить».
Таким же образом создайте страницы «Полезные советы», «Правила каталога», «Платные услуги».
Данные, которые нужно указать для страницы «Полезные советы».
Название страницы: Полезные советы по добавлению сайта в каталог.
Содержимое страницы: На данной странице будут представлены полезные советы по добавлению сайта в каталог.
Данные, которые нужно указать для страницы «Правила каталога».
Название страницы: Правила каталога.
Содержимое страницы: На данной странице будут представлены правила каталога.
Данные, которые нужно указать для страницы «Платные услуги».
Название страницы: Платные услуги каталога.
Содержимое страницы: На данной странице будет представлено описание платных услуг каталога.
Итак, новые страницы мы добавили. Теперь давайте зайдём на главную страницу нашего сайта и посмотрим на автоматически созданные пункты меню, которые ведут на данные страницы. Мы увидим — из-за того что названия у некоторых страниц слишком длинные, они в левом меню сокращаются. Например, на страницу «Как добавить сайт в каталог» ведёт пункт меню «Как добавить сайт в. ». Давайте исправим это и придадим нашим пунктам меню более красивый вид.
Вы уже умеете удалять пункты меню, сейчас Вы узнаете, как их редактировать. Зайдите в раздел: Дизайн -> Конструктор меню.
Чтобы отредактировать пункт меню, нажмите карандашик справа от его названия. Сократите названия пунктов меню, приведя их в следующий вид:
- Как добавить сайт Полезные советы Правила каталога Платные услуги
Исправив все названия, нажмите «Сохранить». Только после этого изменения вступят в силу.
На следующем шаге нам нужно добавить страницу и пункт меню «Полезные статьи». На данной странице будет список статей каталога сайтов. Для этого необходимо подключить модуль «Каталог статей». Зайдите в раздел: Неактивные -> Каталог статей ->.
Затем нажмите кнопку «Активировать модуль».
После активации модуля Вы увидите, что в левом меню появился пункт «Каталог статей», который ведёт на соответствующую страницу. Нам нужно поменять название страницы и пункта меню на «Полезные статьи». Давайте сначала поменяем название страницы. Зайдите в раздел админки: Каталог статей -> Настройки модуля. В поле «Название модуля» впишите «Полезные статьи» и нажмите «Сохранить». Как менять название пункта меню, Вы уже знаете, поэтому это Вы сделаете самостоятельно.
Примечание к модулю «Каталог статей»: Редактирование и добавление статей осуществляется в разделе: Каталог статей -> Управление материалами.
Теперь нам нужно добавить пункт меню и страницу «FAQ (вопрос/ответ)», где посетители каталога могут задать интересующие их вопросы и там же получить ответы на них. Для этого необходимо подключить модуль «FAQ (вопрос/ответ)». Зайдите в раздел: Неактивные -> FAQ (вопрос/ответ) ->.
Затем нажмите кнопку «Активировать модуль».
Обновите главную страницу сайта, и Вы увидите, что в левом меню добавился пункт «FAQ (вопрос/ответ)». Если Вы перейдёте по этой ссылке, то попадёте на страницу, где любой желающий может задать свой вопрос, нажав на ссылку [ Добавить вопрос ] в правом верхнем углу.
Примечание к модулю «FAQ (вопрос/ответ)»: Редактирование и добавление вопросов-ответов осуществляется в разделе: FAQ (вопрос/ответ) -> Управление материалами.
Нам осталось добавить страницу «Обратная связь» и пункт меню для него. Для этого необходимо подключить модуль «Почтовые формы». Зайдите в раздел: Неактивные -> Почтовые формы.
Затем нажмите кнопку «Активировать модуль».
Примечание к модулю «Почтовые формы»: Редактирование и изменение настроек формы обратной связи осуществляется в разделе: Почтовые формы -> Управление почтовыми формами.
Итак, в этом уроке Вы научились добавлять страницы, редактировать пункты меню и подключать модули. В следующем уроке Вы узнаете, как изменить шапку сайта на ucoz.ru .
Популярность заметки: 38%
Опубликовал admin 22 октября, 2012 | Один комментарий | Просмотров: 23,830
(12 голосов, средний: 4.67 из 5)
СОЗДАНИЕ МНОГОСТУПЕНЧАТОГО МЕНЮ НА САЙТАХ UCOZ
СОЗДАНИЕ МНОГОСТУПЕНЧАТОГО МЕНЮ
НА САЙТАХ UCOZ
Практически все начинающие владельцы сайтов сталкиваются с проблемой создания меню, и те, кто выбрал в качестве хостинга uCoz – не исключение. Многим хочется, чтобы меню их сайта было многоступенчатым, т.е. при наведении курсора на один пункт меню, появлялось новое меню, в котором, выбрав какой-то пункт, можно было бы перейти к новому открывающемуся меню и т.д.
Но всякая попытка с первого раза создать подобное меню у начинающих блогеров обычно заканчивается неудачей. Пояснения, которые даны в учебнике Ирины Черепановой « UCOZ Создание сайтов», несколько расплывчаты, поэтому я постараюсь осветить этот вопрос более детально.
При создании сайта целесообразно предварительно определиться с тематикой сайта и его направленностью и, уже исходя из этого, составить его структуру и, соответственно, меню. Желательно для себя нарисовать структуру сайта примерно в виде, как представлено на Рис.1. Конечно, структура вашего сайта будет отличаться от представленной мною на Рис.1, т.к. ваш сайт будет иметь свою тематическую направленность. Но сама идея такой структуры из рисунка понятна. При разработке структуры сайта названия пунктов меню следует выбирать короткими (в одно – два слова), но такими, чтобы они отражали суть затрагиваемой темы. Например, «Программы», «Статьи пользователей» и т.д.
После того, как у вас уже есть структура вашего сайта и, соответственно, структура меню вашего сайта, необходимо создать пункты меню, а затем вложить одни пункты в другие, чтобы превратить одноступенчатое меню в многоступенчатое. Конечно, это можно делать постепенно, но в целях экономии времени, если вы создаете сайт с нуля, вы можете сразу создать необходимые пункты меню, а затем скомпоновать их в соответствии с вашей структурой.
Прежде, чем вы приступите к созданию меню в соответствии с выбранной вами тематикой и структурой, вы должны определиться, в каком активном модуле вы планируете размещать материал вашего сайта. Обычно это бывают модули «Каталог статей», «Блог» или «Каталог файлов». Нередко эти модули применяются одновременно, как например, на этом сайте. Все выше перечисленные модули самодостаточны для создания многих полноценных сайтов. Внешне страницы добавления материалов во многих модулях очень похожи, и отличаются лишь незначительными нюансами. Например, при добавлении материала в модуль «Блог» в отличие от модуля «Каталог статей», не предусмотрена графа имени автора. Но сейчас это не столь важно. Если вам в ходе создания сайта понадобится какой-то модуль, или, наоборот, один из модулей окажется лишним, вы всегда сможете внести изменения, только необходимо будет учитывать, что и меню сайта скорее всего вам придется переделывать.
Следующим моментом, с которым вы должны будете определиться, это необходимость создания главной страницы для конкретного пункта меню. Прошу не путать главной страницы сайта с главной страницей пункта меню. На главной странице сайта отражается информация, касающаяся всего сайта, а на главной странице пункта меню отражается информация, касающаяся только этого пункта (к примеру, на этом сайте страница « Почтовые формы »).
Теперь поговорим о том, как создаются пункты меню.
Начнем с того, что сразу после активации сайта на хостинге uCoz. на любой странице сайта отражается меню сайта. Это меню, было создано автоматически, и оно зависит от модулей, которые вы активируете на своем сайте. Некоторые модули, которые вы активировали на сайте «ваш-сайт. u с oz. ru », создают одноименный пункт меню в меню сайта (к примеру, каталог статей, каталог файлов, блог). Некоторые модули после их активации не создают пункты меню (как пример, редактор страниц, почтовые формы, поиск по сайту). Кроме этого в автоматически созданном меню обязательно присутствуют такие пункты меню, как «Главная страница» и «Информация о сайте».
Меню, созданное автоматически - одноступенчатое, и не отражает целей вашего сайта. Естественно, его необходимо переделать под ваши потребности. Для того, чтобы создать меню сайта, соответствующее вашим требованиям, вам необходимо открыть два окна вашего браузера. В одном окне необходимо открыть любую страницу вашего сайта (как пример см. Рис.2). Причем страницу сайта желательно открыть от имени администратора сайта. В другом окне открыть панель администрирования вашего сайта на главной странице (чаще употребляется название «Панель управления»), которая будет выглядеть примерно как на Рис.3.
Если структура вашего сайта предполагает создание главных страниц пунктов меню (их может быть много), то для их создания, а соответственно, и для создания данных пунктов меню целесообразно воспользоваться редактором страниц. Этот модуль обычно автоматически активируется при создании сайта на хостинге uCoz. А, в общем-то, редактор страниц присутствует на любом сайте любого хостинг-провайдера, в том или ином виде.
Редактор страниц можно открыть двумя способами. Первый способ – из окна браузера, в котором открыта любая страница вашего сайта, при условии, если вы зашли на сайт как администратор (см. Рис.2). При этом вам необходимо на панели администрирования выбрать вкладку «Добавление» (см.1 Рис.2), и затем из выпавшего меню выбрать «Редактор страниц» (см.2 Рис.2). После этого у вас откроется окно редактора страниц, в котором вы можете добавить новую страницу (см. Рис.4). Второй способ открытия редактора страниц – из панели управления вашим сайтом. Если вы в окне панели управления выберете «Редактор страниц», (см.1 Рис.3), то вы попадете в окно Рис.5, в котором, нажав на «Добавить страницу» (см.1 Рис.5), вы тоже попадете в окно создания страницы редактора страниц Рис.4.
С помощью редактора страниц создаются так называемые статические страницы. Название страницы, введенное в соответствующую графу (см.1 Рис.4), автоматически станет названием пункта меню в случае, если поставить галочку слева от «Добавить ссылку на страницу в главное меню сайта» (см.2 Рис.4). После того, как вы нажмете кнопку сохранить (см.3 Рис.4), в меню вашего сайта появится новый пункт, который будет соответствовать названию страницы. Надо отметить, что нельзя увлекаться таким методом создания пунктов меню, т.к. количество статических страниц, вводимых в сайт, должно быть ограничено. При количестве статических страниц около 20 ваш сайт начнет заметно тормозить, а при большем количестве вообще может перестать работать. Кроме этого, добавленный таким образом пункт меню на данном этапе будет типичным представителем одноступенчатого меню, т.е. при наведении на него курсора он будет активным, но еще не будет разворачиваться и предоставлять вам доступ к другим пунктам меню.
Создавать пункты меню можно с помощью конструктора меню, который вы найдете на главной странице панели управления вашим сайтом (см.2 Рис3). Нажав на «Конструктор меню», вы попадете в окно Рис.6, которое у вас будет отличаться от моего, т.к. у меня уже создано меню под действующий сайт. Обращаю внимание на то, что первоначально, сразу после нажатия на «Конструктор меню», в вашем окне не будет отображаться окошко «Добавить пункт меню» (см.2 Рис.6), оно появится сразу, как только в окне Конструктора меню Рис.6 вы нажмете на «Добавить пункт меню» (см.1 Рис.6). В небольшом окошке добавления пункта меню (см.2 Рис.6) вы должны в поле «Название» (см.3 Рис.6) ввести название своего пункта (в нашем случае – «Новое меню»). Затем в поле « URL адрес» ввести адрес своего пункта (см.4 Рис.6). Где его брать, мы поговорим чуть позже, а для начала вы можете просто нажать кнопку «Применить» (см.5 Рис.6). После этого в окне конструктора меню появится созданный вами пункт (см.1 Рис.7), который можно либо перемещать, либо вкладывать в другие пункты меню. Для того, чтобы вложить новый пункт меню в какой-нибудь другой пункт, вам необходимо навести курсор на крест слева от пункта меню (см.6 Рис.6). При этом форма курсора приобретет вид перекрещивающихся отрезков, и под пунктом появится пояснительная надпись «Вложить» (см.2 Рис.7). Для того, чтобы переместить новый пункт, вы должны навести курсор на название вашего пункта, при этом курсор приобретет форму крестообразных стрелок, и под ним появится пояснительная надпись «Переместить». Затем, при наведенном курсоре на крест или название пункта меню (в зависимости от того, что вы хотите переместить или вложить), вы должны нажать левую кнопку мыши, и перетащить (вложить) пункт в нужное место вашего меню. Таким образом, создавая новые пункты, перемещая их по вашему меню и вкладывая их в другие пункты, вы можете создать меню любой конфигурации, с любым количеством вложенных пунктов меню в другие.
После завершения верстки вашего меню все изменения, созданные вами, должны быть сохранены нажатием на кнопку «Сохранить» (см.7 Рис.6). Если этого не сделать, то после перехода на другую страницу в окне Панели управления вашим сайтом, или закрытии этого окна, все ваши настройки пропадут, и придется начинать все с начала.
Для того, чтобы пункт меню был активным, т.е. при нажатии на него открывалась соответствующая страница вашего сайта, каждому пункту меню должен быть присвоен URL адрес. Иначе созданные вами пункты окажутся неактивными, и через них нельзя будет вызывать необходимые вам страницы сайта.
К сожалению, пунктам меню, созданным с помощью Конструктора меню, URL адреса автоматически не присваиваются, но и создавать их вручную нет необходимости.
Чтобы пункты вашего меню стали активными, можно, а точнее нужно использовать URL адреса создаваемых вами статических страниц, материалов выложенных на вашем сайте, а еще лучше применять адреса категорий и разделов, которые вы создаете в активных модулях вашего сайта.
Вы, наверное, уже знаете, что при создании разделов и категорий в активированном вами модуле, каждому созданному вами разделу и категории присваивается URL адрес. Кроме этого, при просмотре материалов на вашем сайте, которые относятся к тому или иному активному модулю, под блоком меню вашего сайта появляется блок с названиями разделов и категорий, которые созданы в этом модуле (см.3 Рис.2). Выбрав необходимую вам категорию (раздел) (см.4 Рис.2) и нажав на ней левой кнопкой мыши, в адресной строке вы получите ее URL адрес (см.5 Рис.2). Таким образом, создавая категории и разделы, вы можете применять их URL адреса для ваших будущих пунктов меню. При применении такого способа, чтобы не было путаницы, желательно разделам и категориям присваивать названия, одноименные с названиями пунктов меню, для которых они создаются.
Для тех, кто еще не знаком с порядком создания категорий и разделов, мы сейчас вкратце рассмотрим этот вопрос.
Итак, на главной странице панели управления вашим сайтом выберите активный модуль, в котором вы размещаете свой материал (к примеру, «Каталог статей», см.3 Рис.3). Нажав на нем левой кнопкой мыши, вы вызовете окно Рис.8. В этом окне выберите «Управление категориями». При этом у вас откроется окно Рис.9. Обычно, если у вас нет одноименных пунктов меню, таких как на сайте iaisite.ucoz.ru (см. прямую ссылку на этот сайт в блоке «Друзья сайта » в левой колонке на любой странице сайта ). где, к примеру, пункт «Детективы» присутствует как в пункте меню «Фильмы», так и в пункте меню «Литература», вам достаточно создать какую-нибудь категорию, одноименную с пунктом вашего меню, и применить ее URL адрес для этого пункта меню. Если же у вас могут появляться одноименные пункты меню, воспользуйтесь возможностью создания разделов (см.1 Рис.9), как это сделано на сайте iaisite.ucoz.ru.
Рассмотрим случай, когда нет повторяющихся пунктов меню. Для создания категории нажмите кнопку «Добавить категорию» (см.2 Рис.9). После этого у вас появится окно Рис.10, в котором в поле «Название категории» нужно ввести название вашего пункта меню (у нас это «Новое меню») (см.1 Рис.10). Поле «Описание категории» (см.2 Рис.10) лучше не заполнять. Поставив соответствующие галочки напротив групп (см.3 Рис.10), можно определить права доступа к данной категории (в нашем случае «Новое меню»). И, наконец, нажав кнопку «Сохранить» вы завершаете создание URL адреса для вашего пункта меню.
Теперь вам осталось перейти на страницу сайта, открыть модуль «Каталог статей», найти и открыть категорию «Новое меню» и скопировать ее URL адрес. В целях экономии дискового пространства, выделенного под сайт, я не создавал отдельных рисунков с изображением страницы сайта, в котором бы отображался пункт меню с названием «Новое меню». URL адрес любой страницы сайта, в том числе и страницы с названием «Новое меню», вы найдете в адресной строке вашего браузера (см.5 Рис.2). Затем, вы должны снова зайти на главную страницу панели управления сайтом (Рис.3), запустить «Конструктор меню» (см.2 Рис3) и в окне Конструктора меню найти пункт «Новое меню» (или как там вы его назвали). Справа от пункта «Новое меню» нажмите символ в виде карандаша (см.9 Рис.6) и вызовите окно редактирования меню Рис.11. В этом окне в поле « URL адрес» (см.1 Рис.11) вставьте тот адрес, который вы скопировали. Затем нажмите кнопку «Применить» (см.2 Рис.11) и кнопку «Сохранить» (см.7 Рис.6), и после этого ваш новый пункт меню будет создан. Вы можете перейти в окно браузера со страницей вашего сайта, обновить ее и убедиться, что новый пункт меню создан.
Таким образом, можно создавать любое количество пунктов меню, а выше описанным способом менять структуру меню вашего сайта. При необходимости некоторые пункты меню можно удалять нажатием на крест, справа от пункта меню (см.8 Рис.6).
Не нужно забывать, что иногда для создания пункта меню можно применять не категорию или раздел, а какую-нибудь страницу сайта (и не обязательно статическую). Просто эту страницу необходимо создавать в виде, который бы полностью соответствовал названию пункта меню.
Иценко Александр Иванович
Урок№3. Учимся добавлять страницы и редактировать пункты меню на ucoz.ru
Дата добавления: 2015-04-22 ; просмотров: 76 ; Нарушение авторских прав
В этом уроке мы узнаем, как создавать новые страницы, как подключать модули, а также как редактировать и удалять пункты меню.
Наша задача создать следующие пункты меню и страницы:
- Главная страница
- Каталог сайтов
- Как добавить сайт
- Полезные советы
- Правила каталога
- Платные услуги
- Полезные статьи
- FAQ (вопрос/ответ)
- Обратная связь
В первую очередь нам нужно удалить лишний пункт меню «Информация о сайте», который был создан автоматически при создании сайта на юкозе. Для этого в панели управления сайта нужно зайти в раздел: Дизайн -> Конструктор меню.
Для того чтобы удалить пункт меню «Информация о сайте» нажмите на крестик справа от названия, после — на кнопку «Сохранить».
Теперь Вы знаете, как удалять пункты меню!
Идём далее…
Нам нужно создать раздел «Каталог сайтов», в котором будут описания всех сайтов, распределённых по категориям. Для этого нужно в левом меню админки перейти во вкладку «Неактивные» и выбрать модуль «Каталог сайтов», после чего активировать модуль, указав пункт «Малый каталог (18 категорий)».
Зайдите на сайт, и Вы увидите, что в левой колонке автоматически появился пункт меню «Каталог сайтов». Зайдите по нему, и перед Вами появится 18 категорий каталога. Но пока в этот каталог никто не может добавить информацию о своём сайте. Давайте исправим это. Я предлагаю дать возможность всем посетителям сайта добавлять сайт в каталог без предварительной регистрации. Для этого нужно зайти в раздел: Пользователи -> Группы пользователей.
Перед Вами появится список групп пользователей, где Вы можете им устанавливать права. Наша задача заключается в том, чтобы дать возможность добавлять материалы на сайт всем посетителям. Для этого сначала нужно нажать на гаечный ключик напротив группы пользователей «Гости».
Затем нужно раскрыть список «+ Каталог сайтов» и поставить галочку напротив пункта «Добавлять материалы», после чего нажать на кнопку «Сохранить».
Зайдите на страницу «Каталог сайтов», и Вы увидите, что в правом верхнем углу содержимого сайта появилась ссылка [ Добавить сайт ]. Нажав на эту ссылку, посетитель может добавить информацию о своём сайте, которая будет опубликована после проверки модератора.
Давайте попробуем добавить сайт webcaum.ru в данный каталог, чтобы понять весь процесс регистрации сайта. Нажав на ссылку [ Добавить сайт ], Вы попадёте на страницу добавления материала. Выберите категорию «Интернет».
Остальные данные, которые нужно указать:
Название сайта *: Как создать свой сайт
Ссылка на сайт *: http://webcaum.ru
Описание сайта: Добро пожаловать на блог сайтостроителя! В этом блоге Вы узнаете о разных способах создания и продвижения сайтов, а также о том, как заработать в Интернете с помощью сайта и без него.
Далее укажите своё имя, e-mail и введите проверочный код, после чего нажмите «Добавить». Перед Вами появится следующее сообщение:
Теперь в админке нам нужно подтвердить размещение информации о сайте. Для этого зайдите в раздел: Каталог сайтов -> Управление материалами.
На странице управления материалами Вы увидите заголовок, который мы указывали при регистрации сайта в каталоге. Нажмите на гаечный ключик справа от заголовка. Данная кнопка позволяет редактировать информацию о сайте, а также подтверждать или запрещать размещение сайта в каталоге.
Нажав на гаечный ключик, Вы попадёте на страницу формы входа администраторов. Вам нужно нажать на кнопку «Войти через uID», затем ввести свой почтовый ящик, который Вы указывали при регистрации сайта, и пароль. Данный пароль уже отличается от того пароля, который мы используем при входе в админку сайта. Помните, я говорил, что нужно сохранять все пароли? Итак, введите тот пароль, когда заполняли страницу «Регистрация пользователя» (см. первый урок). Чтобы информация о сайте показывалась в каталоге нужно снять галочку с пункта «Материал недоступен для просмотра» и нажать «Сохранить». Зайдите на наш сайт и перейдите по ссылке «Каталог сайтов» в левом меню, затем — в раздел Интернет [1]. Вы увидите, что описание сайта показывается в каталоге. Таким образом, Ваш каталог может автоматически наполняться контентом (информацией) другими пользователями. Ваша задача заключается лишь только в том, чтобы проверять добавленную информацию и подтверждать размещение сайтов. В этом и есть прелесть каталогов. Потом, когда Ваш каталог будет авторитетным, вы уже сможете брать деньги за размещение сайтов.
Идём далее…
Пункт меню и раздел «Каталог сайтов мы создали. Теперь нам нужно создать четыре пункта меню:
- Как добавить сайт
- Полезные советы
- Правила каталога
- Платные услуги
Но прежде чем добавить данные пункты меню, нам нужно создать страницы, на которые они будут вести. Это будут простые страницы, где планируется размещение общей информации о каталоге и его услугах.
Чтобы добавить страницу зайдите в админке в раздел: Редактор страниц -> Управление страницами сайта.
Для начала удалите лишние страницы «Информация о сайте» (данная информация будет на главной странице) и «Обратная связь» (мы создадим позже). Чтобы удалить страницу нажмите красный крестик.
Чтобы добавить новую страницу нажмите на кнопку «Добавить страницу» в правом верхнем углу.
Сначала добавим страницу «Как добавить сайт».
Название страницы укажите следующее: Как добавить сайт в каталог
В содержимое страницы напишите: На данной странице будет инструкция по добавлению сайта в каталог.
Опции и группы, имеющие доступ к странице мы оставим без изменений. Хочу обратить Ваше внимание на то, что в настройках опций стоит по умолчанию галочка у пункта «Добавить ссылку на страницу в главное меню сайта». Это означает, что в левом меню автоматически добавится пункт, который будет вести на создаваемую страницу.
Нажмите «Сохранить».
Таким же образом создайте страницы «Полезные советы», «Правила каталога», «Платные услуги».
Данные, которые нужно указать для страницы «Полезные советы».
Название страницы: Полезные советы по добавлению сайта в каталог.
Содержимое страницы: На данной странице будут представлены полезные советы по добавлению сайта в каталог.
Данные, которые нужно указать для страницы «Правила каталога».
Название страницы: Правила каталога.
Содержимое страницы: На данной странице будут представлены правила каталога.
Данные, которые нужно указать для страницы «Платные услуги».
Название страницы: Платные услуги каталога.
Содержимое страницы: На данной странице будет представлено описание платных услуг каталога.
Итак, новые страницы мы добавили. Теперь давайте зайдём на главную страницу нашего сайта и посмотрим на автоматически созданные пункты меню, которые ведут на данные страницы. Мы увидим — из-за того что названия у некоторых страниц слишком длинные, они в левом меню сокращаются. Например, на страницу «Как добавить сайт в каталог» ведёт пункт меню «Как добавить сайт в. ». Давайте исправим это и придадим нашим пунктам меню более красивый вид.
Вы уже умеете удалять пункты меню, сейчас Вы узнаете, как их редактировать. Зайдите в раздел: Дизайн -> Конструктор меню.
Чтобы отредактировать пункт меню, нажмите карандашик справа от его названия. Сократите названия пунктов меню, приведя их в следующий вид:
- Как добавить сайт
- Полезные советы
- Правила каталога
- Платные услуги
Исправив все названия, нажмите «Сохранить». Только после этого изменения вступят в силу.
На следующем шаге нам нужно добавить страницу и пункт меню «Полезные статьи». На данной странице будет список статей каталога сайтов. Для этого необходимо подключить модуль «Каталог статей». Зайдите в раздел: Неактивные -> Каталог статей ->.
Затем нажмите кнопку «Активировать модуль».
После активации модуля Вы увидите, что в левом меню появился пункт «Каталог статей», который ведёт на соответствующую страницу. Нам нужно поменять название страницы и пункта меню на «Полезные статьи». Давайте сначала поменяем название страницы. Зайдите в раздел админки: Каталог статей -> Настройки модуля. В поле «Название модуля» впишите «Полезные статьи» и нажмите «Сохранить». Как менять название пункта меню, Вы уже знаете, поэтому это Вы сделаете самостоятельно.
Примечание к модулю «Каталог статей»: Редактирование и добавление статей осуществляется в разделе: Каталог статей -> Управление материалами.
Теперь нам нужно добавить пункт меню и страницу «FAQ (вопрос/ответ)», где посетители каталога могут задать интересующие их вопросы и там же получить ответы на них. Для этого необходимо подключить модуль «FAQ (вопрос/ответ)». Зайдите в раздел: Неактивные -> FAQ (вопрос/ответ) ->.
Затем нажмите кнопку «Активировать модуль».
Обновите главную страницу сайта, и Вы увидите, что в левом меню добавился пункт «FAQ (вопрос/ответ)». Если Вы перейдёте по этой ссылке, то попадёте на страницу, где любой желающий может задать свой вопрос, нажав на ссылку [ Добавить вопрос ] в правом верхнем углу.
Примечание к модулю «FAQ (вопрос/ответ)»: Редактирование и добавление вопросов-ответов осуществляется в разделе: FAQ (вопрос/ответ) -> Управление материалами.
Нам осталось добавить страницу «Обратная связь» и пункт меню для него. Для этого необходимо подключить модуль «Почтовые формы». Зайдите в раздел: Неактивные -> Почтовые формы.
Затем нажмите кнопку «Активировать модуль».
Примечание к модулю «Почтовые формы»: Редактирование и изменение настроек формы обратной связи осуществляется в разделе: Почтовые формы -> Управление почтовыми формами.
Итак, в этом уроке Вы научились добавлять страницы, редактировать пункты меню и подключать модули.
Вам что-то еще надо? воспользуйтесь поиском по сайту:
Niciun comentariu:
Trimiteți un comentariu