Редактирование меню

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

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

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

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

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

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

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

Посмотреть весь ассортимент можно нажав на данный значок в панели инструментов       . В открывшемся окне есть три вкладки : графические, простые и числовые маркеры. Нажав, например, на вкладку "Простые", вы увидите следующие элементы (рис.1) :



Нажав на вкладку "Числовые", вы увидете элементы из чисел (арабских и римских), а во вкладке "Графические" те самые стрелочки, которые я использовала для своего меню. Нажимаете на "Обзор" и видите три разных цветовых варианта этих стрелочек..

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

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

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

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

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

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

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

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

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

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



Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Проект для новичков
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
Полезные материалы:
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
??????.???????
ПОДРОБНЕЕ

Не забудь заглянуть в свою почту и подтвердить подписку!