Меню


пятница, 30 мая 2014 г.

Мастер-класс для начинающих блоггеров - создаем меню с вкладками

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

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

Я начну с Галереи. Заходим в настройках блога в меню Страницы. Нажимаем Создать страницу.




Появившиеся окно очень похоже на обычное окно создания обычного сообщения.


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

Также можно отредактировать параметры страницы - разрешать или нет комменты и др. В конце создания страницы нажимаем публикация.

После публикации снова появляется окно настроек в меню Страницы.

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

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

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

1. Можно в меню Дизайн добавить гаджет Страницы.

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

Вот так это будет выглядеть в блоге.

В таком варианте кнопок в дизайнере шаблонов можно изменить фон кнопок и цвет текста

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

Способ 2. Используем в качестве кнопок меню заранее нарисованные или скаченные в интернете картинки.

Я нарисовала себе такого типа кнопочки в фотошопе
Теперь их нужно разместить в верхней части блога и привязать к ним соответствующие ссылки. Для этого сначала нужно необходимые для кнопок картинки разместить в любом интернет-альбоме, потом заходим в настройках блога в меню Дизайн, выбираем Добавить гаджет - начало аналогично первому способу, но выбираем гаджет HTML/Java Sckript

В появившимся окне в Названии пишем - Меню
В Содержание копируем следующее:

<a href="адрес сайта"><img src="адрес изображения"></a>

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

Сохраняем расположение и можно проверять как смотрится наше меню и как оно работает)))


Вроде бы все)) Если есть вопросы - спрашивайте))) постараюсь ответить. 

В следующий раз хочу сделать МК по ярлыкам и рубрикам в блоге. Если интересуют еще какие-то темы - пишите)))

2 комментария:

  1. Спасибо вообще огроменное! Я сегодня полдня писала сообщение второе, чтобы всё, как мне надо выглядело, тыкалась-тыкалась - ничего не выходит! А если ещё и самой разбираться во всех тонкостях - меня точно не хватит! Очень хочется попробовать, но даже страшно - как много и как сложно то!

    ОтветитьУдалить
    Ответы
    1. пробуйте))) пошагово все не так сложно делать))

      Удалить