Поддержка → Темы и шаблоны → Одинаковые кнопки меню в mantra
Одинаковые кнопки меню в mantra
-
Начинаю, наконец, то делать сайт филиала ВУЗа и столкнулся вот с чем. Тема mantra и основное меню выглядит вот так:
картинкакак сделать, чтобы кнопки темы были одинаковыми, не зависели от длины надписи? В идеале бы, чтобы равномерно по ширине сайта распределены были (ширина указана в процентах, поэтому меняется в зависимости от разрешения и размера окна браузера)
Сам слабо разбираюсь в кодах и стилях, но просто подскажите где копать, что поменять на что, если это не сложно. Если нужно писать длинные скрипты, я тут пас…
-
чтобы кнопки темы были одинаковыми, не зависели от длины надписи
Неужели это так критично? С моей точки зрения одинаковые по длине кнопки, но с разными по длине надписями, например «Внеучебная деятельность» и «УМС» тоже не есть красиво…. Лучше сделайте кнопки с закругленными углами, расположите их посередине и уберите разрыв между кнопками и фоном содержимого. Благо настройки темы это позволяют сделать. Но это тоже ИМХО! (У меня на 2 сайтах тоже Мантра)
Сделать несложно на чистом CSS, если постараться.
Приведу один из примеров, использовал его и в чистом виде и с доработками.
Мануал designshack.net/articles/css/code-a-responsive-navigation-menu/
Выглядит так dabblet.com/gist/2030070 , пробуйте при разной ширине, всё отлично.
Желательно чётное количество пунктов меню
В зависимости от количества пунктов меню задаётся ширина пункта в процентах, в примере:nav li a { width: 12.5%;
Эта ширина меняется при сужении экранах, на узких экранах ширина кнопки 50%.
Обязательно применяем:* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Иначе будет расползаться в некоторых браузерах, особенно в старых версиях IE
Подробнее о border-box здесь htmlbook.ru/blog/ispolzovanie-box-sizing
Если вкратце:
При значении border-box ширина начинает включать поля и границы, но не отступы. Таким образом, включая box-sizing со значением border-box в свой стиль, мы можем задавать ширину в процентах и спокойно указывать border и padding, не боясь, что изменится ширина блока.Konstantin, не то, чтобы критично, но как то более привычно.
web911, да, это то, что нужно,здОрово… Но я ж говорю — я никакой программист, так, подправить код, где ткнут носом я могу.
Можно поподробнее, в самой теме что и где поменять-добавить? И, я так понимаю, это все-таки скрипт, его же тоже куда то нужно девать?
Плюс сложность в том, чтобы на мобильных устройствах функционал мантры сохранился — студенты то сейчас вовсю телефонами да планшетами пользуются…
Просто сайт на юкосе был, там стандартными инструментами пользовались и все, а тут как то, раз уж всерьез взялись, приходится с нуля учиться.
Вот, я смотрю, в Мантре есть пункт в настройках «Остальные настройки» и там «Свой CSS» и «Свой JavaScript» — я правильно понимаю, что то нужно куда то туда прописывать? Сам экспериментировать побаиваюсь…
Но я ж говорю — я никакой программист, так, подправить код, где ткнут носом я могу.
Тогда не играйтесь, а ищите готовую тему для своих нужд.
Ясно, спасибо. Но это не вариант.
Кто пользовался темой mantra — в каких хотя бы шаблонах в редакторе искать настройки непосредственно самого верхнего меню? Там уж разберусь, как их там расширить-сузить…
Кто пользовался темой mantra — в каких хотя бы шаблонах в редакторе искать
Всё, что связано с меню, можно настроить в админка-внешний вид-mantra setting
Разделы
— Настройки заголовка
— Настройки цвета
— Настройки графического оформленияЧто касается шаблонов редактора — то в Мантре все сложно. Так как там всё выводится несколько иначе, чем в других темах — хуками. Но вообще — в header.php и style.css
Однако я придерживаюсь мнения web911… не играйтесь…
А используйте стандартные настройки Мантры
И вообще не лезьте в шаблоны через стандартный редактор WP. Это прямой путь, чтобы найти себе большие проблемы и угробить сайт. Тем более если вы неуверенно чуствуете себя в вопросах правки кодов.В моем случае немного можно поэкспериментировать — сайт только начал делать, там пока материала толком нет, в основном работаю над дизайном, пока все ходят на старый сайт на юкосе. Так что тут грех не воспользоваться и не подучиться 🙂
Хорошо… Если есть сложности в моем случае с расширением кнопок, то тогда как их сделать, по совету выше, посередине и уменьшить расстояние? В настройках мантры этого нет — все равно придется где-то править код.
Кстати, если не желательно пользоваться встроенным редактором, то лучше использовать обючный, через FTP, я так понимаю?.В какой то теме, помнится, была возможность менять расстояние между кнопками… но не помню в какой…
В настройках мантры этого нет
Есть! Будьте внимательныы. НАСТРОЙКИ ГРАФИЧЕСКОГО ОФОРМЛЕНИЯ-MAIN MENU ALIGNMENT
И углы на кнопках можно закруглить — НАСТРОЙКИ ЗАГОЛОВКА
Кстати, если не желательно пользоваться встроенным редактором, то лучше использовать обючный, через FTP, я так понимаю?.
Естественно! Лучший из доступных и бесплатных редакторов php, html, css — Notepad++ http://www.softportal.com/software-5406-notepad.html
В крайнем случае, для небольших изменений, можно делать так
Есть! Будьте внимательныы. НАСТРОЙКИ ГРАФИЧЕСКОГО ОФОРМЛЕНИЯ-MAIN MENU ALIGNMENT
Блин, точно, пропустил…
Углы то сразу увидел, где «круглить», а центровать — пропустил…Спасибо, дальше продолжаю…
Спасибо, дальше продолжаю.
Правильно. Тем более
В моем случае немного можно поэкспериментировать — сайт только начал делать….грех не воспользоваться и не подучиться
Обратите внимание на страницу презентаций. Не обязательная, но очень интересная и красивая фишка!
Обратите внимание на странцу презентаций. Не обязательная, но очень интересная и красивая фишка!
Да, я ее уже попробовал. Только, видимо, уже что то наисправлял — новости под ней «уезжают» за пределы влево. Сейчас попробую вернуть все обратно (видимо, удаление логотипа мантры или добавление скрипта четно-нечетной недели где то что то не так исправило)
в общем на данный момент вот так все http://www.belovokyzgty.ru/
Где то накосепорил
- Тема «Одинаковые кнопки меню в mantra» закрыта для новых ответов.