Андрей Смирнов
Время чтения: ~10 мин.
Просмотров: 0

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

 Суббота, 28 Январь 2017 14:38

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

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

Ниже в статье, я постараюсь ответы на ваши вопросы, итак, давайте начнём.

Закладки ВКонтакте 

  • Где находятся закладки ВКонтакте в новой версии
  • Как добавить закладки в новом ВКонтакте
  • Как удалить закладки в новом Вконтакте 

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

1. Зайдите на свою страницу, далее наведите курсор мыши на любой из пунктов меню, я выберу фотографии, когда появится значок шестерёнки кликните по нему. 1.jpg

2. В открывшемся окне, необходимо промотать все пункт в низ, далее выделить галочкой пункт «Закладки» после чего жмём кнопку «Сохранить».  2.jpg

3. Теперь пункт закладки находится в меню с лева. 3.jpg

После добавления раздела закладки в меню (как это сделать я описал выше), мы можем добраться до наших закладок в один клик, нажав кнопку «Закладки».

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

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

Для того чтобы добавить какого либо человека в закладки, необходимо зайти к нему на страницу, далее нажать на кнопку действие.4.jpg

В выпавшем меню, выбрать пункт «Добавить в закладки». 5.jpg

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

Далее заходим в закладки, выбираем раздел «Ссылки», и жмём кнопку «Добавить ссылку». 8.jpg

В открывшемся окне, в раздел «Адрес» вставляем нашу ссылку, даём ей название, далее жмём кнопку «Добавить». После чего, эта группа появится в закладках.9.jpg

Как удалить закладки в новом Вконтакте

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

Для того чтобы удалить человека из закладок, необходимо зайти в раздел закладки, выбрать пункт «Люди» навести курсор мыши на аватарку удаляемого человека, далее нажать на крестик. 11.jpg

Для того чтобы удалить ссылку из закладок, заходим в закладки, выбираем раздел «Ссылки», наводим курсор на закладку которую хотим удалить, жмём на крестик. 14.jpg

Ну вот, как то так. У меня на этом всё, желаю успехов.

Опубликовано вИнтернет

Добавить комментарий

Наверх

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

Содержание

Как добавить нужную информацию в закладки Вконтакте?

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

zakladka-1.png

Переход в меню сайта

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

zakladka-2.png

Активирование раздела «закладки»

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

zakladka-3.png

Как добавлять закладки? Допустим вам понравился какой-нибудь пост в группе. Там содержится интересная для вас информация, например рецепт вкусняшки, которую вы решили приготовить. Однако добавлять себе на стену этот пост вы не хотите. В таком случае можно добавить его в закладки. Для этого нажмите на стрелку, указывающую вниз, которая располагается в правой верхней части поста. В списке меню, которое появиться, нажмите на вкладку «сохранить в закладки».

Добавление поста в раздел «закладки»

Чтобы впоследствии просмотреть информацию, добавленную в закладки, перейдите в этот раздел. В правой части этого раздела есть список пунктов для сортировки закладок. Этим списком удобно пользоваться, если у вас много закладок. Таким образом, благодаря сортировке вы сможете быстро найти интересующую вас информацию. Если закладок не много, то можно выбрать пункт «все закладки». В первую очередь вы сможете увидеть новые публикации, которые вы добавляли недавно.

Просмотр сохраненных закладок.

Если вам необходимо добавить в закладки статью, то для этого кликните на значок звездочки, находящийся в правой верхней части поста.

Сохранение статьи в закладки

Но что если вы хотите добавить публикацию в закладки с мобильного устройства? Отличий практически нет никаких. Опять же необходимо зайти в меню публикации, нажав на три горизонтальные точки в правой верхней части. Из списка меню, которое появится необходимо выбрать первый пункт «Сохранить в закладках».

Добавление поста в закладки с мобильного устройства

Кроме создания сайта, часто заказывают комплексное оформление аккаунтов соцсетей в едином стиле. Самое популярное – это создание меню в вк (для группы в контакте), оформление канала на ютубе и инстаграмма.

В этой статье я расскажу как сделать адаптивное меню для сообщества вк.

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

Я делаю в фотошопе.

Для начала я нашел подходящие картинки. Очень хорошие изображения можно найти на фотостоках, но они платные (стоимость можно включить в стоимость заказа, если вы делаете меню на заказ).

1-kartinki-710x289.png
Картинки для оформления группы вк

Из картинок собираем макеты для оформления группы:

  1. аватарка
  2. шапка группы
  3. кнопка вызова меню
  4. меню

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

Аватарка для группы вк

Ава обычно это логотип компании. Если логотипа нет, то вы можете скачать подходящий по теме файл на том же фотостоке и изменить его под себя.

Я так и сделал – скачал подходящий логотип и немного его доработал.

Basketbolnaya-shkola-logotip-710x355.jpg

Размер аватарки рекомендую делать 200 x 200 px  (учтите что картинка будет обрезаться окружностью)

Oblast-miniatyuryi-710x486.png
Выбор области для миниатюры (аватарки)

Шапка для группы вк

Шапка (обложка) группы это место для полета фантазии. Именно по обложке пользователи определяют о чем эта группа. Следовательно шапка должна передать тематику группы.

Создавая шапку группы вк нужно учитывать особенности отображения размеров на разных устройствах.

Размер шапки вк для ПК

Основной размер шапки 1590 x 400 px 

Razmer-shapki-dlya-PK-710x231.png
Размер шапки в VK для компьютера

Размер шапки вк в мобильном приложении

В мобильном приложении шапка обрезается. 83 px срежется сверху и по 197 px по бокам.

Видимая часть в приложении 1196 x 317 px (сюда должна поместится вся важная информация)

Razmer-shapki-vk-v-prilozhenii-710x223.png
Размер шапки в ВК в приложении

Но в приложениях по бокам располагаются дополнительные элементы. Они тоже перекроют часть изображения. Ещё по 140 px слева и справа.

E`lementyi-perekryivayushhie-shapku-po-bokam-710x245.png
Элементы перекрывающие шапку группы ВК по бокам

Кстати! Вот тут можно посмотреть все размеры вк.

И так, у меня получилась вот такая шапка (обложка)

Basketbolnaya-shkola-shapka-710x179.jpg
Готовая шапка для группы вконтакте

Заходим в Управление

upravlenie-gruppoy-v-vk-710x122.png

Обложка сообщества → Загрузить. И выбираем нашу картинку.

Zagruzit-oblozhku.png

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

Меню в ВК делается с помощью wiki-разметки (это специальный язык программирования созданный для ВКонтакте).

Для меню нужно создать вики-страницу. Делается это так:

Скопируйте и вставьте в адресную строку такой код (с вашими данными)

http://vk.com/pages?oid=-123456789&p=МЕНЮ

Где 123456789 это порядковый номер (ID) вашей группы.

Взять его можно в адресной строке.

AyDi-gruppyi-710x42.png
ID группы ВК

а МЕНЮ – это название страницы.

В результате у вас появится вот такая новая страница.

Viki-stranitsa-710x215.png
Новая вики-страница с названием МЕНЮ

Нажимаем “Наполнить содержанием”. И мы попадаем в редактор страницы.

Если треугольные скобки обрамлены в синий квадрат, то значит включен режим вики-разметки.

rezhim-viki-razmetki-710x135.png
режим вики-разметки

Если скобки синие без рамки, то вы в визуальном редакторе.

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

Но перед написанием кода, посмотрите в адресную строку.Скопируйте все символы до знака вопроса (?) – это адрес вашего меню.Запишите его!

Меню для группы ВК

С начала его нужно сделать (в графическом редакторе).

Я сделал такое меню:

Basketbolnaya-shkola-MENYU.jpg
картинка меню группы вк

Теперь в фотошопе (инструментом “Раскройка”) я разрезаю меню на равные части.

rezhim-menyu.png
весь макет режим на равные части

Там же в фотошопе нажимаем Файл → Сохранить для Web…

Выделяю все части и сохраняю в формате Png-24.

В итоге у меня получилось 12 частей.

chasti-menyu-vk.png

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

Теперь все получившиеся куски надо загрузить в альбом группы.

Я для этого создаю отдельный альбом с названием “Технический”. Туда я переношу и аватарку и картинку шапки.

Что-бы вновь перейти к режиму редактирования – нужно нажать значок Карандаша в верхнем углу.

znak-redaktirovaniya-710x105.png
Нажми для редактирования

Меню всегда делайте таблицей, что-бы кнопки не скакали когда смотришь группу через приложение

В общем пишем так (но со своими значениями):

{|noborder;nopadding |- | [[photo-176307581_456239020|300x100px;nopadding;nolink| ]] | [[photo-176307581_456239021|300x100px;nopadding;nolink| ]] |- | [[photo-176307581_456239022|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] | [[photo-176307581_456239023|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] |- | [[photo-176307581_456239024|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] | [[photo-176307581_456239025|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] |- | [[photo-176307581_456239026|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] | [[photo-176307581_456239027|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] |- | [[photo-176307581_456239028|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] | [[photo-176307581_456239029|300x100px;nopadding|https://vk.com/topic-176307581_39164350]] |- | [[photo-176307581_456239030|300x100px;nopadding;nolink| ]] | [[photo-176307581_456239031|300x100px;nopadding;nolink| ]] |} 

Вместо photo-176307581_456239020 и подобных – заменяем на номера своих картинок.

Узнать их можно так:

  1. Переходим в альбом группы “Технический”
  2. Открываем первое фото куска меню
  3. В адресной строке копируем часть с номером этой картинки (там много цифр, перед нужной нам написано photo-)
adres-kartinki-710x25.png
адрес картинки для меню в vk

И так проделываем с каждой картинкой нашего меню для группы ВКонтакте.

А вместо https://vk.com/topic-176307581_39164350 пишем ссылку на нужную нам страницу. Эти страницы я обычно создаю как Обсуждения (для этого их нужно активировать через настройки Управления)

Vklyuchit-obsuzhdeniya-710x388.png

Так проделываем с каждой кнопкой.

У тех картинок которые не являются кнопкой стоит значение [[photo-176307581_456239030|300x100px;nopadding;nolink| ]]. При нажатии на такую картинку – ничего не произойдет.

В любой момент редактирования вы можете посмотреть что у вас получается. Для этого кликните по вкладке Просмотр.

prosmotr-710x291.png
Просмотр покажет ваш текущий результат

Кнопка меню вк

Подготавливаем картинку с надписью “Открыть меню” или просто “Меню”.

Это будет кнопка вызова меню группы.

menyu-710x475.jpg
Вот моя кнопка вызова меню

Теперь переходим в нашу группу и создаём Новую запись.

В качестве фотографии выбираем нашу картинку-кнопку.

А в названии вставляем адрес с нашим Меню (тот который надо было записать). Вы увидите, что после картинки (ниже) появится надпись МЕНЮ. Теперь просто стираете название-ссылку.

И нажмите на Шестеренку и добавьте галочки “От имени сообщества” (что-бы можно было закрепить запись) и галочку “Выключить комментарии”

nastroyka-knopki-Menyu.png
Настройка кнопки вызова меню

Теперь нажимая на эту картинку – будет открываться наше меню в вк.

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

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

Обязательно добавьте статью в закладки. Я так сделал) Не раз ещё пригодится.

И подписывайтесь на новые и только полезные статьи!

Если вам понравилось как я оформляю группу вк, то заказывайте оформление у меня (стоимость услуг)

Используемые источники:

  • http://normalnet.ru/internet/zakladki-vkontakte-novyj-dizajn.html
  • https://vksos.com/moya-stranitsa/zakladki-vkontakte/
  • https://1akm.ru/socseti/kak-sdelat-menu-dlya-groups-vk/

Рейтинг автора
5
Подборку подготовил
Андрей Ульянов
Наш эксперт
Написано статей
168
Ссылка на основную публикацию
Похожие публикации