Как сделать меню в wordpress в стиле Windows 8 Metro? Палю тему!

как сделать меню в wordpress, wordpress виджет меню, вывод меню wordpress, wordpress красивое меню

Приветствую Вас, друзья!

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

Вообщем любителям новизны и удобства посвящается!

Так Windows 8 это новая эра нашего развития: простота, удобство в использовании, сенсорный ввод, в интернете стали популярны шаблоны для сайтов разных платформ в стиле Windows 8 Metro.

Но если вы не хотите устанавливать новый шаблон по таким причинам:

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

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

А именно, установка на сайт отдельных виджетов, меню в красивом стиле Metro. Вообще-то я эту тему спалил для сайтов Blogger, но решился попробовать на своем сайте (кстати, он на платформе wordpress)и все, на удивления, вышло на ура!

Тут я и решился поведать вам  как сделать меню в wordpress в стиле Windows 8 Metro. Я пробовал установить данное меню в подвале своего сайта (footer.php), вот что получилось, просто (повторю слова того блоггера) прелесть:

как сделать меню в wordpress, wordpress виджет меню, вывод меню wordpress, wordpress красивое меню

У меня просто нет слов!

Как сделать меню в wordpress:

Кто желает установить такое меню на свой блог, просто следуйте моей инструкции. Для начала нам нужно установить в наш шаблон стиль CSS для меню.

Заходим в панель администратора — внешний видредактортаблица стилей (style.css) и добавляем в самый низ код CSS:

В коде, если вы хотите, можно изменять оформление: тени, градиент, цвета и т.д .

Теперь нам нужно установить само меню (код HTML) в шаблон.

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

А вот и сам код:

Меняйте название меню, подставляйте свои ссылки вместо решеток, удаляйте лишние блоки, добавляйте новые- все в ваших руках!

Новость 1:

Нашел запись, оказывается это меню можно использовать на любой платформе, которая поддерживает Html или CSS: WordPress, Joomla и т.д.

Также советую почитать вам, вот эту статейку:

Устанавливаем виджет комментариев вконтакте для сайта на WordPress

Обращайтесь, всегда буду рад помочь!

На этом сегодня все!

Всем пока. До новых встреч!

С уважением, Владислав Лемишко.

Читайте также:

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 30 коммент.
  1. Александр:
    Тема до конца не раскрыта. И если честно, то так не делают. Ссылки на картинки, которые лежат на другом сайте, а он не работает. Прежде чем публиковать такие уроки, нужно проверить все самому. Тупо скопированный код с другого сайта может попросту не работать.
    Ответить
    • Vlad:
      Во-первых, здравствуйте! А во-вторых, вы вообще читали пост? В нем ясно написано, что я опробовал данный код и все работает на ура! Может вы дополните тему, прямо в комментариях? С любопытством почитаю, да и пользователям пойдет на пользу!
      Ответить
      • Vlad:
        Кстати, хочу сказать Вам спасибо! Про замену ссылок я как-то забыл! Но, насчет того, что ссылки на картинки не работают Вы не правы!

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

        Они немного прозрачны и на белом фоне их не видно! Можете попробовать теперь уже с моими ссылками, все картинки хранятся на моем блоге! :)

        Ответить
        • Александр:
          Ну все равно, зачем, допустим, мне, делать меню, картинки которого будут лежать на другом сервере. Так не делают, это не есть хорошо. И с уведомлениями об ответе в комментариях разберитесь, они не приходят на почту. Если бы не написали на моем блоге, то я бы не узнал, что тут есть ответ.
          Ответить
          • Vlad:
            Сохраните картинки и загрузите на свой сервер, в чем проблема? Нужна подробная информация, обращайтесь! Даже могу сделать специальный архив с картинками! А уведомления работают!
  2. Алех:
    хм прикольненько:)
    Ответить
    • Vlad:
      Рад снова видеть Вас на моем блоге! :)
      Ответить
  3. Александр:
    И еще, я увидел здесь фразу:

    Рад снова видеть Вас на нашем сайте:)

    Этот блог ведут несколько человек?

    Ответить
    • Vlad:
      Я и еще раз я! :)
      Ответить
      • Александр:
        Так и пишите — мой сайт. :-) Мне на почту ничего не приходит.
        Ответить
        • Vlad:
          Я уже поменял! :) А вы галочку не убирали случайно?
          Ответить
          • Александр:
            Нет. Самый верный способ проверить, это спросить остальных, приходят ли им уведомления.
  4. WPixel:
    Смысл от такого меню? Дизайн должен гармонировать во всей теме оформления
    Ответить
    • Vlad:
      Это на любителя: кому-то нравится, кому-то нет! Все можно настроить под свой дизайн, думаю тогда будет неплохо смотреться!
      Ответить
  5. Лара:
    Здравствуйте, Влад! Вот тут столько споров сразу…

    Но понятно же должно быть, что может кто то захочет креатива и поменяет всё под стиль Windows 8 Metro. И тем более, Вы пишете, что поможете разобраться кому это надо будет. Для меня пока это сложновато — менять кардинально что то в коде, но у меня всё обучение впереди, то есть хочу сказать, что учусь всему каждый день.

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

    Ответить
    • Vlad:
      Здравствуйте, Лара! Спасибо Вам за понимание, хоть кто-то все понял правильно! Я не заставляю — я предлагаю! А за стрелочку отдельное спасибо! :)
      Ответить
  6. Лара:
    У Вас хороший блог! Мне нравится! Буду приходить за техническими советами!
    Ответить
    • Vlad:
      Вы предоставили мне стимул работать больше, спасибо! Всегда рад Вас видеть на моем блоге!
      Ответить
  7. Артём:
    От этого наверное нагрузка на бд идёт сильная.
    Ответить
    • Vlad:
      Я так не думаю, код делали специалисты, возможно они учли этот момент!
      Ответить
      • Артём:
        Я от том, что лишние коды в любом случае дают дополнительную нагрузку.
        Подписка норм работает.
        Ответить
        • Vlad:
          Что да, то да! Но лучше скрипт, чем какой-то плагин! Хотя блогу без скриптов и плагинов никак!
          Ответить
  8. Антон Дышлюк:
    Блин игра пугает, когда захожу в статью, в первую очередь начинаю искать рекламный блог Гугла, а потом и забываю зачем зашел!)
    Ответить
    • Vlad:
      А зачем рекламный блог Гугла? Ты хотел сказать «блок»…?
      Ответить
  9. Дмитрий:
    Можете помочь установить на сайт такое меню? У меня не получается…
    Ответить
    • Vlad:
      Да, могу посмотреть и по возможности помочь! =)
      Ответить
      • Дмитрий:
        Напишите почту, я вам туда логин и пароль от сайта скину.
        Спасибо.
        Ответить
        • Vlad:
          Постоянно всем пишу почту в комментариях… А почему бы просто не зайти в раздел «Контакты» и посмотреть там? *UNKNOWN*
          Ответить
  10. Дмитрий:
    Еще раз хочется выразить благодарность автору сайта за своевременную помощь в создании и редактировании меню! Очень сильно помог человек. Желаю дальнейшего развития вам и успехов!
    Спасибо!
    Ответить
    • Vlad:
      Обращайтесь, если что! Всегда рад помочь! =)
      Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

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

Оповещение на e-mail о выходе новых статей

Введите ваш e-mail адрес:

Топ комментаторов!
moon(1)
Александр(1)
Александр(1)
Макси(1)
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика