Сегодня мы поговорим с вами о том, как сделать меню в паблике «ВК». Начнем мы с самых простых вещей, а затем закончим чем-то более масштабным. На самом деле если вы решили украсить свою группу, то стоит быть готовым к тому, что придется долго работать над поставленной задачей. Особенно, если вы вообще не умеете программировать и работать в графических редакторах. Давайте же поскорее посмотрим, как сделать меню в паблике «ВК».
Придумываем идею
Итак, начнем, пожалуй, с самого простого, что только может нам сегодня повстречаться — это не что иное, как продумывание идеи и общего вида вашего меню. Без этого у вас не получится создать что-то красивое, привлекательное и интересное.
Если вы думаете, как сделать меню в паблике «ВКонтакте», то лучше всего запастись временем и графическим редактором. Подумайте над всеми пунктами вашего «путеводителя», а также над тем, как визуально будет выглядеть наш итоговый объект. Придумали? Замечательно, тогда открываем графический редактор и рисуем с вами кнопки. На них делаем соответствующие надписи.
Как сделать вики страницу и меню в паблике ВКонтакте
Иначе говоря, готовим макет. На каждую кнопочку — отдельный файл. Можно изначально сделать все в одном документе, который вы потом «разрежете» на части. После того как этот шаг будет пройден, можем посмотреть далее, как сделать меню в паблике в «ВК». Пошаговая инструкция сможет помочь вам в этом непростом деле.
Включаем материалы
Что ж, мы двигаемся с вами дальше. У нас уже готова идея для «менюшки» — все пункты расписаны, кнопки — сделаны. Остается только внедрить их в паблик и закрепить. Для этого придется включить так называемые «материалы» в настройках группы.
Если вы только что решили создать паблик, то после ввода названия у вас выскочат настройки автоматически. Там придется найти пункт «материалы» и переключить их в состояние «Подключены». После этого сохраните настройки. Только потом можно думать, как сделать меню в паблике «ВК» дальше.
Если же вы уже создали группу, а теперь думаете над ее оформлением, то вам следует нажать на «Управление сообществом», после чего выбрать «Настройки сообщества». Далее перед вами откроется уже знакомое нам окошечко. Там «подключите» материалы, сохраните изменения и продолжайте работу над вопросом. На самом деле, если вы думаете, как сделать меню в паблике в «ВК», то теперь надо подготовиться к самым сложным моментам.
Работа над фоном
Но для начала давайте займемся с вами более приятными моментами. В частности, немного поработаем над оформлением нашего меню. Кнопки уже готовы — это прекрасно. Но их надо на что-то помещать. Естественно, у вас есть возможность размещения на «белом» стандартном фоне.
В этом случае данный пункт можно пропустить. Если вы хотите знать, как сделать меню в паблике «ВКонтакте», пошаговая инструкция обязательно поможет вам в создании чего-то особенного.
Итак, предположим, что мы решили создать аватарку и общий фон группы в одном цвете. То есть от «авы» как бы вытекает наше меню. Для этого стоит проявить не только фантазию, но еще и некоторые знания. В частности, от пользователя потребуется знать размер создаваемых картинок.
Вы должны четко представлять, что аватарка у вас получится в виде прямоугольника, размером 200 на 710 пикселей, а фон меню — 382 на 442 пикселя. После того как вы создадите подобные «холсты», можете раскрашивать их.
Но радоваться рано — на этом наши мучения с редактором не заканчиваются. Теперь фон стоит разделить на линии. Разрежьте картинку при помощи инструмента «Slice Tool», разместите на каждом секторе свои кнопки, затемжмите «Сохранить для веб-страницы». Можно двигаться дальше.
Загрузка материалов
Возвращаемся к нашей группе в социальной сети. Итак, мы уже получили с вами кнопки, фон и аватарку. Теперь остается загрузить все это на страницу и заставить работать. Если уж с загрузкой авы проблем нет, то вот с графическим интерфейсом группы придется немного помучиться.
Для того чтобы установить аватарку на страничку, следует просто кликнуть по «Загрузить фотографию» под местом, где должен располагаться данный объект. Теперь загрузите туда файл размером 200 на 710 пикселей и сохранитесь. Посмотрите, что получилось. Можно думать дальше, как сделать меню в паблике «ВК».
Теперь мы можем с вами приступить к работе с пунктами нашей «менюшки». Мы уже сохранили «разрезанную» версию фона с кнопками. Их мы сейчас и будем загружать. На главной страничке группы посмотрите на раздел «Свежие новости». В правой части строки найдите «Редактировать». После этого перед вами появится wiki-редактор. В ней требуется просто поместить наше меню в правильном порядке.
Перед этим вам необходимо создать альбом, в котором будут располагаться все наши графические файлы. Готово? Тогда можно размещать все необходимые ссылки в соответствующее поле, после чего сохранять изменения и смотреть, что же у вас получилось.
Подчищаем «хвосты»
Когда пользователь думает, как сделать меню в паблике в «ВК», то ему приходится довольно часто убирать «косяки», сделанные автоматически нашим редактором. В принципе, можно этого и не делать, но если вы не хотите потом запутаться, то придется хорошенько поработать над внутренним кодом.
Следует помнить, что общий вид ссылок нашего меню должен выглядеть так: [[photo***_***|Опции|Описание / Ссылка]]. После этого ничего лишнего быть не должно. Никаких кодов или тегов — в противном случае у вас не получится осуществить задумку.
Стоит отметить, что в опции обычно пишут размер загружаемой фотографии, а затем приписывают функцию склеивания изображений (для получения однотонного и целостного списка). За это дело отвечает «nopadding». После можно добавить описание (правда, это довольно бесполезная вещь), а затем — ссылку, куда вас будет перекидывать при нажатии. Сохраните все получившиеся изменения, а затем посмотрите, что у вас вышло.
Заключение
Сегодня мы научились с вами создавать и редактировать меню в социальной сети «ВКонтакте». Как видите, это не особо трудное дело, если вы имеете определенные навыки. В частности, в создании графических файлов.
Довольно часто для того, чтобы долго не заморачиваться над оформлением группы, пользователи выбирают уже готовые меню или фоны с аватарками. Их довольно просто скачать. Данный ход облегчит вам мучения с созданием и редактированием элементов «менюшки». Правда, такие файлы не отличаются особой оригинальностью. Лучше уж нанять специально обученного человека, который сможет разработать вам что-то особенное и создать красивую аватарку и фон меню.
Источник: fb.ru
[Мануал-free]Создаём графическое меню для паблика ВК
You shall not pass. Ага.
- Регистрация: 02.02.2013
- Сообщений: 1,184
- Webmoney BL: ?
Гендальф Серый. Создание графического меню для публичной страницы Вконтакте.
Работает исключительно на магии.
Специально для webmasters.ru
Ну что, друзья, давно я не писал ничего полезного. Данной темой я постараюсь как можно полнее осветить все тонкости создания меню для публичных страниц Вконтакте. Для чего оно нужно я, думаю, объяснять не буду.
Ну, и как всегда, всё подробно и по пунктам.
1. Создаём страницу для нашего меню.
Есть много различных способов, однако я пользуюсь этим: тыц
Тут всё просто — вставляем айдишник нашего паблика, вводим название страницы и получаем готовую страницу на выходе.
Как узнать ID Паблика
Находим тут нужный вам паблик
Копируем id паблика из ссылки на статистику (http://vk.com/stats?gid=40207438), из ссылки «Управление страницей» (http://vk.com/public40207438?act=edit) или с поста на стенке (http://vk.com/wall-40207438_136). Получили ID публичной страницы: 40207438
Вставляем в форму, что выше в поле «ID Паблика»
Заполняем «Название создаваемой страницы»
Жмем «Создать страницу». В новой вкладке открывается ваша страница.
Забыли адрес страницы? Не беда, если вы помните название страницы. Проделайте то же самое, что нужно для создания новой страницы и вы попадете на уже созданную вами страницу.
Итог: мы получили страницу vk.com/page-40207438_44110215
2. Подготовка графики
Ну что, страница у нас есть, осталось сделать графический макет. Лично я рисую цельную картинку, а потом разрезаю её на части.
Пример:
Но иногда нужно отрисовать множество отдельный элементов. В таком случае, рисовать придётся каждый отдельно.
Пример:
Лично я пользуюсь Corel Draw, ибо очень удобно. (люблю вектор, да и лицензия у меня). Однако, сами можете рисовать хоть в пэинте. Ещё хочу предупредить, больше 10 элементов у вас прикрепить не выйдет, так что рассчитывайте количество изображений. Я, конечно, знаю, как обойти это ограничение, но ведь я весь такой загадочный.
Так, страница у нас создана, графика у нас есть. Теперь начинается магия. Изначально вики-страницы не предназначены для паблика, но нас это не удержит! Мы будем делать всё и сразу.
Грузим ваши изображения. Имеем много весёлых картинок, которые расположены крайне весело. Аррррр.
Теперь начинаются математические рассчёты. Максимальная ширина: 600px. Высота нам не важна. Давайте прокликаем каждую картинку и установим ширину таким образом, чтобы общая длина строки не превышала максимальный размер:
Прим. Поля каждой картинки — 5px, что не стоит учитывать, если мы хотим сделать на выходе цельное изображение. Чуть позже я расскажу, как их убрать.
После всего этого действа на выходе мы получаем что-то вроде этого:
Но меню без ссылок нам не нужно. Вот тут и начинается магия.
Каким образом ВК проставляет ссылки и атрибуты известно, верно, только разрабам, однако где наша не пропадала?
Опять прокликиваем каждую картинку и прописываем название и ссылку на сайт. Как-то так (осторожно, скрытая реклама):
Уже работает, но выглядит ужасно. Не стоит пугаться этого ужаса. Дуем из визуального редактора в редактор кода и видим весёлый-развесёлый код, немного похожий на вики-разметку из википедии. Нам нужно убрать поля у картинок. Для этого мы к каждому изображению добавлем атрибуты nopadding и noborder:
[[photo216767283_309869015|99x72px;noborder;nopadding;| ]] [[photo216767283_309869017|199x72px;noborder;nopadding;| ]] [[photo216767283_309869021|203x72px;noborder;nopadding;| ]] [[photo216767283_309869023|95x72px;noborder;nopadding;| ]] [[photo216767283_309869719|298x90px;noborder;nopadding;|page-57681113_44775894]] [[photo216767283_309869729|298x90px;noborder;nopadding;|page-57681113_45064452]] [[photo216767283_310545432|596x33px;noborder;nopadding;| ]] [[photo216767283_309881284|298x117px;noborder;nopadding;|page-57681113_45064396]] [[photo216767283_309881296|298x117px;noborder;nopadding;|page-57681113_45064435]]
Скопируйте себе этот код и отложите в надёжное место. Я, как истинный идиот скидываю его прямо в скайп заказчику (да простит меня Денис :), но на самом деле это удобно — можно восстановить всё прямо из истории переписки).
Очень важно: ни в коем случае не выходите из текстового редактора, не сохранив код. Если вы перейдёте из текстового редактора в визуальный, а потом назад — у вас слетят все атрибуты.
На выходе (если всё верно подрассчитали) имеем уже более менее нормальное изображение:
4. Размещение в закреплённом посте
Так, страница с меню у вас готова — осталось сделать так, чтобы она была всем видна. Рисуем красивую зазывающую картинку. Ну или не зазывающую. Я делаю нечто вроде такого:
Затем мы делаем новый пост в паблике, в который вставляем ссылку на нашу страницу с меню и прикрепляем к нему нашу крутую картинку:
Не пугайтесь, после того, как нажмёте на «опубликовать» адрес ссылки исчезнет и останется только название страницы:
Ну а дальше всё проще пареной репы: жмём на время создания поста и затем на «закрупить». Вуаля! Стильное меню для вашей публичной страницы готово! Вы восхитительны!
Макет для паблика, на котором я показывал примеры оформления меню для публичной страницы Вконтакте делал замечательный дизайнер Илья Гармаш. Но чаще я рисую сам.
Несравненные консультации по продвижению Вконтакте оказывает мой хороший друг и коллега Арсений Скурт
Ну и несколько примеров, сделанных мною лично с нуля:
Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 1 сообщение(ий)):
У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.
Так же хочу передать пламенный привет всем тем, кто продаёт мои мануалы или копирует к себе на сайты/форумы без указания ссылки на источник. Вы все сгорите в аду.
С вами был Гендальф Серый, удачи в продвижении!
Источник: sozdayom-graficheskoe-menyu-dlya-pablika-vk-49613/» target=»_blank»]webmasters.ru
Как создать меню в группе Вконтакте
Чтобы сделать общий вид сообщества эстетичнее, а работу с ним комфортнее, лучшим решением будет создание меню группы. Так вы сможете вынести все важные элементы в один аккуратный список, задать для каждой ссылки собственную иконку или изображение, оповестить посетителей о каких-либо изменениях быстро и броско. В меню могут входить такие элементы: различные ссылки на внешние сайты, выноски на обсуждения, альбомы, музыку и прочие разделы внутри сайта Вконтакте, изображения и просто структура вашей группы. Следуя инструкциям ниже, попробуйте создать собственное меню для сообщества Вконтакте.
Как создать простое меню в группе Вконтакте
Если вы хотите, чтобы каждая строка меню вела в тот или иной топик обсуждений, прежде всего, нужно создать эти самые обсуждения и дать им имена. Оставлять их закрытыми или открытыми для комментариев – сугубо личное дело, так как эта опция не влияет на отображение страницы в меню.
Попробуйте сделать простейшее меню, которое будет представлять из себя структуру вашей группы и вмещать все самые главные разделы.
- Не забывайте, что в группе и сообществе отображение меню будет происходить немного по-разному. Поэтому, если вы хотите перевести группу в сообщество, кликните по иконке трёх точек рядом с названием группы и выберете строку “Перевести в страницу”. Учтите, что обратно превратить сообщество в группу не получится.
- Теперь зайдите по ссылке “Управление сообществом” в том же меню.
Вы увидите блок со всеми настройками вашей группы, здесь можно изменять имя, контактную информацию, приватность, управлять участниками. Перейдите в категорию “Разделы”.
- В строке “Материалы” поставьте значение “Выключены” или “Ограничены”, чтобы участники группы не смогли нечаянно навредить вашим файлам, которые нужны для оформления. Не забудьте сохранить свой выбор.
- Зайдите в группу и перейдите в окно “Свежие новости”, именно из него вы и будете создавать меню.
- Кликните “Редактировать”.
- Прежде всего, вам нужно изменить название “Свежие новости” на “Меню” либо любое другое, которое ясно даст понять участникам, что здесь они могут быстро перейти по нужным ссылкам.
Переключите режим редактирования записи в “редактирование Wiki разметки” по небольшой стрелочке в правом углу.
Теперь создайте структуру:
- Важно, чтобы у вас были обсуждения, материалы или альбомы в группе, название которых вы будете использовать в меню.
- Впишите все названия основных разделов в строку, обрамляя их дважды в квадратные скобки.
- Чтобы текст оформился в виде списка, поставьте звёздочки перед пунктами.
На данном скриншоте, можно предположить, что в группе есть материал с названием “Раздел 1”, обсуждение “Раздел 2” и альбом “Раздел 3”. Нажмите “Предпросмотр” либо “Сохранить изменения”.
- Ваш раздел сменится на “Меню”, а в нем появятся активные ссылки на основные категории группы, аккуратно оформленные в список.
Как вставлять ссылки в меню группы Вконтакте
Чтобы ускорить доступ на ваш официальный сайт, либо разделы непосредственно внутри группы, лучше вставлять активные ссылки.
- Снова зайдите в редактирование раздела меню. Скопируйте нужную ссылку и просто вставьте в окно в режиме Вики разметки. После сохранения она станет активной.
- Вот так выглядят все ссылки, которые вы можете вставить в меню своей группы.
Как создать меню Вконтакте с изображениями
Если вы хотите, чтобы меню состояло из красивых иконок, которые ведут на тот или иной раздел, простой следуйте инструкции ниже.
- Для начала создайте специальный альбом, в котором будут храниться только технические картинки для оформления группы.
- Загружайте изображения в формате jpeg не более 500 пикселей на 500.
- Скопируйте адрес загруженного изображения.
- Теперь скопируйте ссылку на обсуждение, материал или другой внешний сайт.
Вставьте обе ссылки в окно редактирования меню в таком виде:
- [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]
Пример показан на скриншоте.
Нажмите “Сохранить страницу”.
- Теперь аккуратная ссылка появится в вашем меню. Вы можете ставить значение пикселей такое, какое посчитаете нужным.
Чтобы добавить несколько изображений, просто впишите новые ссылки с новой строки.
Поделиться советом: “Как создать меню в группе Вконтакте”
“Как создать меню в группе Вконтакте”
0 
599
0 1330
0 1173
0 580
0 589
0 1527
0 608
Актуальные советы
0 589
0 573
0 620
0 4523
0 555
Новое и популярное
- «img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как отстирать белые кроссовки
0 567
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как читать табулатуры для гитары
0 550
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как создать беседу в ВК
0 587
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как узнать гостей Вконтакте
0 688
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как открыть страницу В контакте
1 792
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как удалить страницу ВКонтакте навсегда
1 409
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как скачать видео с Вконтакте на компьютер
34 2294
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как закрыть стену В контакте
0 608
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как удалить подарки в ВКонтакте
0 4438
«img», «alt» => «Фото «.str_first_down1($post->post_title)));—> Как удалить все диалоги ВКонтакте
0 12380
Источник: sovetclub.ru