Как в группе ВК сделать меню с подразделами

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены.

Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

Как настроить разделы в группе ВКонтакте с телефона

Добавление фото в альбом группы вконтакте

Добавление фото в альбом группы вконтакте

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

После этого в пустую область ниже вводим wiki — код, который и отобразит наше будущее меню. У меня он получился следующим (Рисунок 5):

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Тег “nopadding” – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.seowind.ru – внешняя ссылка. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

Для того, чтобы сделать картинку некликабельной я использовал тег nolink:

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

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

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

Похожие записи:

1. Создание меню в группе вконтакте
2. Как вставить фото в описание в группе вконтакте
3. Как создать группу вконтакте?
4. Как создать каталог товаров в группе вконтакте?

Источник: www.seowind.ru

Как сделать меню для группы вконтакте?

Вконтакте – социальная сеть, входящая в тройку крупнейших проектов в России, Украине и Казахстане. Существует уже почти 9 лет. Идея для создания этого ресурса было общение студентов и выпускников ВУЗов. На текущий момент аудитория проекта составляет более 70 млн. человек, от школьников до пенсионеров. Основа контингента — люди от 15 до 30 лет.

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

Открыто огромное количество сообществ по интересам: рыбалка, игры, фильмы, эзотерика, поэзия и, конечно, магазины. Открыть интернет – магазин в социальной сети очень просто – надо всего лишь создать свою группу. Но перед этим необходимо хорошо продумать структуру меню, чтобы оно привлекало внимание потенциальных покупателей. Ведь чем больше будет посещений, тем выше ваш заработок. Рассмотрим пошаговую инструкцию как сделать вконтакте меню.

Выбор программы

Чтобы это сделать, не нужно много знаний. Самое главное – четко понимать цель проекта: развлечение, информирование или продажа. От этого будет зависеть и вид будущего меню. Потом необходимо определиться, с помощью какой программы вы его будете создавать: Paint, Photoshop, wiki-разметка или что-то иное.

Первое что надо сделать после выбора программы – выбрать фон. Это может быть картинка из интернета, просто однородный цвет или что-то иное – все зависит от фантазии.

После этого продумать, сколько изображений понадобится, чтобы рассчитать размер картинки. Она должна быть не меньше 131 пикселя (изображение получится слишком мелкое) и не больше 500 пикселей. Если ваша цель – продажи, то основная задача помочь будущему покупателю быстро ориентироваться среди многообразия товаров.

Работа с графическим редактором

На фоне надо написать названия будущих подразделов (в ссылки их превратим потом). Или, если есть желание, чтобы кнопки были красивыми – предварительно сделать их нужной формы, сделать надписи на каждой и поместить на фоновый рисунок.

После этого, используя выбранный графический редактор, разрезать картинку на количество кусков, соответствующее числу пунктов.

В фотошопе, например, это делается с помощью инструмента «раскройка». Потом заходим во вкладку «файл» и выбираем пункт «сохранить для WEB». Сохранять необходимо каждую строку отдельно в формате .jpeg с максимальным разрешением. Картинки сделаны.

Делаем ссылки

• Загрузить сделанный каркас в фото группы Вконтакте. Для этого открыть: «Мои фотографии» – «Мои альбомы» – «Добавить фотографии»
• Зайти в свою группу на вкладку «управление сообществом». Открыть пункт «материалы» и включить этот раздел. Если это не было сделано ранее
• После этого в меню группы добавится пункт «свежие новости». Потом надо нажать кнопку «редактировать» около нового подпункта и откроется текстовый редактор с возможностью верстки. Необходимо сменить название и активировать «вики-разметку»

• Затем, используя кнопку «фото» загружаем все сохраненные ранее картинки по отдельности
• Следующий шаг – это добавление тега «nopadding». Делается это для объединения отдельных частей в единое целое
• И, наконец, в конце каждой записи, после знака «слеш», добавляем ссылку на фото, которые загружены в альбом группы вконтакте, на сайт или на другую группу, и после слеша вставляем ссылку на этот адрес. В итоге, получается окно редактора

• Для проверки правильности действий, перед сохранением надо воспользоваться кнопкой «предпросмотр». Если все верно, то нажимаем «сохранить»

Делаем подпункты в меню

• Для этого надо открыть редактор, написать название ссылок (каждое название на новой строке), далее выделить одну из них и нажать кнопку «Добавить ссылку»
• В открывшемся окне выбрать пункт «внешняя ссылка» и нажать кнопку «добавить», после чего сохранить страницу

• Следующий шаг – скопировать url страницы и вставить его в поле редактора после слеша. Сохранить. Готово
• Эти действия повторяем для каждой строки, которые написаны ранее. Перед сохранением каждого действия лучше пользоваться «предпросмотром» для собственного контроля

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

Источник: delaismelo.ru

Разбираемся, как в группе ВК сделать меню

Меню – первое, на что обращают внимание большинство посетителей групп. Создание функционального и красивого меню будет не только привлекать новых посетителей, но и упростит навигацию в группе, придаст страничке определённый стиль, который будет задавать тон всей группе.

Как сделать меню в группе ВК? Готовы поспорить, таким вопросом задаются практически все новоиспечённые администраторы групп. Существует несколько способов, благодаря которым можно его создать. О них мы и поговорим в этой статье.

Для чего нужны меню в группах?

Итак, вы создали группу, теперь следующий шаг – создание меню. Но перед этим вам необходимо определиться – для чего вы будете его использовать? У меню существует несколько задач, главные из которых:

• информационно-навигационная;
• для привлечения новых гостей;
• для продаж.

В первом случае главная задача меню – создание удобной навигации в группе. Там же размещаются плашки с ссылками на альбомы, обсуждения, видеозаписи, музыку и так далее. Основное правило – меню должно быть максимально функциональным и простым, для того чтобы все посетители группы смогли в нём разобраться.

Во втором случае оформление (как и весь функционал) создаётся для максимального увеличения траффика. Меню такого рода должно быть ярким, а также включать в себя все главные темы и разделы группы – самые популярные посты, последние публикации, посты о моде, здоровье, спорте и так далее.

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

Во всех трёх случаях к самому меню можно прикрутить и другие фишки – ссылки на группы в других соцсетях, различные виджеты и многое другое.

3 варианта, как сделать меню в группе ВК

Способ 1. Работа в графических редакторах

Как бы странно это ни звучало, создание меню в группе ВК начинается не с самого ВК, а с работы в графических редакторах. Наиболее популярный и подходящий редактор – Adobe Photoshop, но для этой цели можно использовать и другие, бесплатные редакторы: GIMP, Krita, Movavi, Photofiltre и Paint.NET. Так как Фотошоп наиболее распространённый редактор, будем использовать его.

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

Следующий этап создания меню – настройка фона. Фон можно подобрать в зависимости от выбранной тематики группы. Можно использовать и чисто белый фон, и зелёный, и какую-либо «стандартную» картинку из интернета, или же, к примеру, градиент голубого и белого.

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

Картинка меню уже наполовину готова, следующий этап работы – подгонка для верстки. Чтобы картинка подошла, её необходимо порезать. Для этого можно использовать стандартный инструмент Photoshop «slice tool», или же «раскройка».

Раскраивать вручную совсем не вариант, линии могут выйти неравномерными, поэтому используйте вспомогательное деление, которое активируется сочетанием клавиш Ctrl+R, после чего поверх картинки появятся синие линии, они-то нам и помогут в «раскройке» картинки.

Изображение можно разделить как угодно, хоть 4 на 4, хоть 5 на 3, но для наглядности попробуем следующий формат:

Чтобы разделить картинку на несколько составляющих, перейдите в пункт «slice tool», после чего выбрать инструмент «фрагменты по направляющим». Количество направляющих ничем не ограничено, благодаря этому можно создавать меня 4 на 4, 6 на 2, 10 на 3 – в общем, в любых пропорциях.

Теперь всё, что нужно – сохранить изображение. Для этого можно использовать несколько форматов – gif, jpeg, bmp. Для сохранения нужно перейти в меню «Файл», далее – «Сохранить для Web».

Способ 2. Вёрстка меню в ВК

Картинка готова, теперь можно переходить к следующему шагу – делаем так, чтобы она превратилась в меню, для этого следует интегрировать изображение в ВК. Заходим на сайт, переходим в меню «Группы», переключаем вкладу на «Управление» и выбираем нужный паблик.

Далее заходим в паблик, кликаем по значку «…», который располагается под аватаркой паблика.

После чего в действиях выбираем «Управление сообществом», переходим в пункт «Разделы» и проверяем, подключён ли раздел «Материалы», если да, то необходимо выставить соответствующий статус для редактирования группы. Необходимо выставить «ограниченные» права, чтобы посетители группы не могли намеренно или случайно отредактировать wiki-меню.

Возвращаемся обратно на главную страничку группы. Если вы успели закрепить какой-либо пост, то открепите его, и обновите саму страницу. Обновив сайт, вы увидите новый пункт – «Свежие новости», его-то мы и используем для создания меню. Для этого выберите пункт «Редактировать», после чего вы попадёте в раздел редактирования новости.

Но сперва требуется загрузить то самое изображение, которое вы делали для меню в группе ВК. Чтобы его загрузить, можно использовать сторонний хостинг фотографий, а можно добавить напрямую в фотоальбом группы. Чтобы сделать это, переходим в «Фотографии сообщества» и создаём альбом, который виден только вам.

Название альбома не имеет никакого значения, к примеру, мы назвали свой так: «Альбом для меню». Загружаем фото, возвращаемся обратно на страницу редактирования новости. Чуть менее, чем всегда свежесозданная новость называется «Свежие новости», к счастью, её также можно переименовать.

Чтобы приступить к настройке «Меню», сперва нужно активировать специальный режим – wiki-разметку, который включается после нажатия на символ внизу страницы, состоящий из угловых скобок.

После активации вики-разметки необходимо вставить следующий код: [[photo111111_111111111 | 370px; nopadding; | page-22222222_2222222]]

Ограничений на количество пунктов нет, поэтому код можно дублировать сколько душе угодно (пока у вас есть пункты меню, конечно же). Вместо «photo111111_111111111» вставляем ссылочку на картинку, которую вы делали в Фотошопе, а вместо «page-22222222_2222222» вставляем ссылку на ту новость, которую вы сейчас редактируете. Обычно в ней будет находиться айди вашей группы (как на примере новости выше).

Помимо внутренних «ВКшных» ссылок на группы, аудио и видео, таким образом можно размещать ссылки и на внешние ресурсы. Например, если у вас есть сайт-визитка или интернет-каталог, можно разместить на них ссылки подобным образом:

Обратите внимание – каждый пункт необходимо начинать с квадратных скобок «[]», а также обязательно вначале каждого пункта добавить астериск «*». Если вы хотите добавить текстовое меню (помимо графического), перед каждым наименованием необходимо выставить вертикальную «|» черту.

Не спешите закрывать меню редактирования, для его завершения вам понадобиться проверить, всё ли настроено правильно. Для этого воспользуйтесь функцией предпросмотра. Посмотреть на то, что вышло в итоге, довольно просто: проскролльте страничку вниз, пока не увидите пункт «Предпросмотр», затем тыц на него, готово.

Результат устраивает? Тогда можно смело возвращаться на главную страницу сообщества, для этого жмём «Сохранить», возвращаемся в группу, обновляем станицу и тестируем работоспособность всех плашек. Если не работает, повторяем все предыдущие пункты, вполне возможно, что вы что-то упустили.

Как сделать меню для группы Вконтакте? Новый дизайн.

Создание вики-меню для группы Вконтакте.

Способ 3. Чтобы в группе ВК сделать меню — обратитесь к специалисту

Но подобная «ручная» работа – не единственный способ сделать меню в группе ВК. Если у вас слишком мало времени, либо просто лень разбираться с версткой, можно попробовать другой способ – заказать меню на специализированном сайте, где за определённую цену разработают дизайн и функционал вики-разметки.

Конечно, главный минус такого способа – деньги. Обычно на заказ уходит от 200-300 рублей, но некоторые сервисы просят до 2-3 тыс. за свои услуги. К тому же, если вы и дальше планируете работать с пабликом и обновлять её дизайн, практичнее было бы самостоятельно понять, как сделать меню в группе ВК.

Как статья?

Источник: kak-zarabotat-v-internete.com