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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наверх

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{|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-)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 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/