В контакте как сделать меню группы: Как создать меню группы ВКонтакте • sdelano.media

Содержание

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

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



1

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

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

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

  • Не забывайте, что в группе и сообществе отображение меню будет происходить немного по-разному. Поэтому, если вы хотите перевести группу в сообщество, кликните по иконке трёх точек рядом с названием группы и выберете строку “Перевести в страницу”. Учтите, что обратно превратить сообщество в группу не получится.

  • Теперь зайдите по ссылке “Управление сообществом” в том же меню.
    Вы увидите блок со всеми настройками вашей группы, здесь можно изменять имя, контактную информацию, приватность, управлять участниками. Перейдите в категорию “Разделы”.

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

  • Зайдите в группу и перейдите в окно “Свежие новости”, именно из него вы и будете создавать меню.

  • Кликните “Редактировать”.

  • Прежде всего, вам нужно изменить название “Свежие новости” на “Меню” либо любое другое, которое ясно даст понять участникам, что здесь они могут быстро перейти по нужным ссылкам.
    Переключите режим редактирования записи в “редактирование Wiki разметки” по небольшой стрелочке в правом углу.

Теперь создайте структуру:

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

На данном скриншоте, можно предположить, что в группе есть материал с названием “Раздел 1”, обсуждение “Раздел 2” и альбом “Раздел 3”. Нажмите “Предпросмотр” либо “Сохранить изменения”.

  • Ваш раздел сменится на “Меню”, а в нем появятся активные ссылки на основные категории группы, аккуратно оформленные в список.



2

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

Чтобы ускорить доступ на ваш официальный сайт, либо разделы непосредственно внутри группы, лучше вставлять активные ссылки.

  • Снова зайдите в редактирование раздела меню. Скопируйте нужную ссылку и просто вставьте в окно в режиме Вики разметки. После сохранения она станет активной.

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

3

Как создать меню Вконтакте с изображениями

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

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

  • Загружайте изображения в формате jpeg не более 500 пикселей на 500.

  • Скопируйте адрес загруженного изображения.

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

Вставьте обе ссылки в окно редактирования меню в таком виде:

  • [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]

Пример показан на скриншоте.
Нажмите “Сохранить страницу”.

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

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

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

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видеоролики, а не читать длинные тексты, есть видео:

Путь #1. Заказать создание меню у дизайнера-специалиста

Плюсы этого способа - относительная быстрота и минимальное участие с вашей стороны. Минусы - самая высокая цена и шанс получить красивое, но неправильное меню (об основных ошибках при создании меню мы подготовили ). Кроме того, нужно еще найти исполнителя. Тут мы можем рекомендовать искать его на сервисе kwork.ru , в разделе «Дизайн групп в соцсетях».

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

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

  • Уметь уверенно пользоваться графическим редактором. Например, PhotoShop. При изготовлении меню вам нужно будет сначала сделать изображение правильных размеров (до пикселя, никаких «примерно»!), а затем правильно его нарезать (разбить на фрагменты)
  • Уметь вникать в инструкции и читать их внимательно
  • Не сдаваться и не отчаиваться, если что-то не получается с первого раза

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

Меню для группы делают из wiki-страниц, создание которых поддерживает ВК. Вики-страницы - это специальные страницы, которые можно создавать только в пабликах. От обычных постов они отличаются тем, что в них можно применять так называемую wiki-разметку. Эта разметка - специальный код, который преобразовывается в объекты дополнительного форматирования. Чтобы было понятнее, поясним. Например, в обычных постах вы можете использовать только простой текст, а вики-разметка позволяет выделять части текста жирным или курсивом. То есть, она вводит дополнительные возможности оформления. В частности - возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке. Именно эти дополнительные возможности форматирования и используются для того, чтобы делать меню пабликов ВК. Как именно это делать мы расскажем ниже.

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы - это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

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

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page-

ID_группы _XXX ?act=edit&section=edit

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

Шаг #2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две - внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка - внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) - значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

Обратите внимание, что внешние ссылки в вики-коде ВК оформляются одинарными скобками, а внутренние - двойными. При этом внутренние ссылки ВК указываются не как привычный адрес веб-сайта, а как указатель на тот или иной объект ВК. Например, указатель на группу имеет такую форму записи:

clubID_группы

Во ВКонтакте существуют указатели не только на группы, но и на отдельные фотографии, посты, вики-страницы, страницы пользователей, аудиозаписи и т.д. У каждого указателя своя форма записи. Позже мы будем использовать некоторые из них и рассмотрим их подробнее.

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

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

Нажмите на фотографию в закрепленном посте: должна появится ваша вики-страница с простейшим меню группы.

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности - к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

Перейдите в настройки сообщества и найдите там управление разделами (сервисами) сообщества. Отметьте «Материалы» как «Ограниченные». Теперь в верхней части главной страницы вашего сообщества появится новый пункт. Он располагается справа от пункта «Информация». При первом включении материалов в группе этот пункт по умолчанию называется «Свежие новости». Вот как это выглядит:

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие - тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

"""Вариант меню для раздела «Материалы»"""

[]

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

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

Мы узнали, что меню можно размещать в двух местах. Предпочтительнее сделать его и в виде закрепленной записи и в разделе «Материалы». Помните о двух нюансах:

  • Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
  • Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

Кстати. Вы можете делать ссылки с одних вики-страниц на другие. Работает это примерно так: пользователь открывает (например, с помощью изображения-ссылки в посте) первую вики-страницу. А в ней есть ссылки на другие вики-страницы. При нажатии на эти ссылки будет открыта соответствующая вики-страница. Таким способом можно создавать довольно сложные и многоуровневые меню и, например, инструкции. Однако мы не советуем вам слишком увлекаться этим без лишней надобности.

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

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

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая - на группу ВК «Команда ВКонтакте».

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

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

  • Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами - не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
  • Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается - просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
  • Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
  • Составляется код вики-разметки, который вставляется в нужную вики-страницу.
  • В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее - см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню - на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» - это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

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

Как работает вики-разметка

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

Ширина любой вики-страницы - 607px. Высота ограничивается только количеством знаков, всего их может быть около 16 000.

Вся вики-разметка держится на тегах, как и HTML. Есть одиночные теги (например,
- перенос строки) и парные (например, жирный текст).


Как работают теги для текста в вики-разметке

В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменены на типографские знаки). Например, для создания маркированного списка используются звездочки «*», а для нумерованного - решетки «#».


Как работают типографские знаки в вики-разметке

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

В стандартном редакторе вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так: ).


Так выглядит активный режим вики-разметки

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

Как создать вики-страницу

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

Стандартный

Для группы. Зайдите в «Управление сообществом» → «Разделы» → «Материалы» и выберите пункт «Открытые» или «Ограниченные».


Как включить «Материалы» в группе

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


Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid= 123456789

Искомое id группы - это все цифры после «gid=».

Теперь нужно ввести в адресную строку браузера такой код:

https://vk.com/pages?oid=-ХХХ&p=Нaзвание_страницы

Вместо ХХХ подставляем id паблика, вместо «Нaзвание_страницы» - то название, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы использовать не запрещено, но лучше не рисковать: из-за них у вас может пропасть возможность редактирования страницы. Вставляем все данные на нужные места, нажимаем Enter, и браузер откроет созданную страницу.

С помощью приложения

Разработчики ВКонтакте рекомендуют к использованию три приложения для работы с вики-разметкой: «Мобивик» , «Исходный код» и «Вики Постер» .

В этом руководстве мы возьмем для примера приложение «Мобивик». В ноябре 2017 года оно получило второй приз в программе ВКонтакте по поддержке стартапов (Start Fellows). Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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


Как создать новую страницу с помощью приложения «Мобивик»


Ссылки на новую вики-страницу в приложении «Мобивик»

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

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


Слева - страница меню сообщества LIVE, открытая на мобильном,
справа - она же, но открытая через «Мобивик»

Как получить ссылку на вики-страницу

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


Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики-страницу

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


Прикрепленная к посту картинка станет частью ссылки на вики-страницу в десктопной версии

Текст

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

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

На одну страничку можно поместить около 16 тысяч знаков.

Ссылки

Чтобы вместо адреса был виден текст, добавляем название ссылки:

[] - на профиль пользователя

[] - на главную страницу сообщества

[] - на другую вики-страницу

[] - на встречу ВКонтакте

Картинки

Предельная ширина изображения, которое можно использовать в вики-разметке, - 607px, это и есть ширина самой вики-страницы. Высота практически не ограничена (помним, что высота самой страницы - 16 000 знаков). Изображения можно загрузить двумя способами.

С помощью загрузчика в верхнем меню редактора.

С помощью кода. Загружаем картинку в отдельный альбом группы, открываем ее, в адресной строке видим длинный код наподобие этого

https://vk.com/club12345678?z= photo-12345_12345 %2Falbum-12345678_12345678

Копируем из него id картинки (выделено жирным). Дальше обрамляем это двойными квадратными скобками и вставляем в нужные места на странице. Получается примерно так:

[­]

Что дальше? Отредактируйте выравнивание, обтекание текстом, размер, привяжите ссылку. Для этого напишите нужные параметры после вертикальной черты и через точку с запятой. Например, в таком коде мы задали для картинки размер 300x100px и обтекание текстом справа:

Видео

Для начала нужно загрузить видео в видеозаписи сообщества. После загрузки открыть видео и скопировать из адресной строки его id (выделено жирным).

https://vk.com/videos-12345678?z= video-12345_12345 %2Fclub12345678%2Fpl_-12345678_-2.

Обрамляем это квадратными скобками и получаем такой код:

Получаем небольшую картинку со значком play, при нажатии на который разворачивается полноценный видеоплеер. Чтобы видео воспроизводилось на самой странице, разработчики ВК предлагают воспользоваться тегом player .

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

Чтобы ее убрать, нужно подогнать размер плеера под размер самого видео. Например, в нашем случае подошли такие параметры:


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

Таблицы

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

При работе с таблицами можно использовать 4 тега: noborder (делает рамки таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы), nopadding (убирает отступы в ячейках) и fixed (позволяет создать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.

Вот пример таблицы 2×2 без отступов сверху и снизу текста внутри ячеек:


Ширина первого столбца - 200px, ширина второго - 300px.

Вот что из этого получилось:

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

Как сделать вики-меню

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

  1. Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.

При подготовке картинки для меню помните, что ширина вики-страницы - 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.

  1. Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».


Как разрезать картинку в Photoshop

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.

  1. Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом {| и сразу задаем три важных параметра:
  • nopadding - разрешит картинкам соприкасаться
  • noborder - скроет видимые границы таблицы
  • fixed - позволит задать точные размеры ячеек.

Указываем фиксированную ширину ячеек - 255px 255px (два раза, потому что столбцов тоже два). Дальше устанавливаем места для начала новых строк тегом |- и новых ячеек (столбцов) тегом | . Закрываем таблицу тегом |} и получаем такой каркас:

  1. Помещаем картинки в ячейки и задаем для них ссылки . Поочередно открываем в альбоме сообщества нужные части картинки, копируем из строки браузера их id ( photo-12345_12345) , заключаем в двойные квадратные скобки, прописываем размеры 255x100px и тег nopadding для склеивания картинок. После вертикальной черты назначаем ссылку для каждой кнопки. Получаем такой код.

{|noborder nopadding fixed
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

  1. Готово! Нажимаем «Сохранить страницу» - и получаем удобное меню для сообщества.


Готовое меню группы в десктопной версии


Готовое меню группы в мобильной версии

Если вы делали меню для группы , то оно будет легко доступно по клику на «Свежие новости» (кстати, эту страничку можно переименовать на «Меню» в режиме редактирования).

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

Чтобы закрепить меню в группе , опубликуйте запись с баннером и ссылкой на вики-страницу от имени сообщества (если опубликовать от своего имени, закрепить страницу будет невозможно). В паблике проблем с закреплением не будет: там можно закрепить запись любого автора.


Как сделать пост со ссылкой на меню в паблике


Как закрепить меню сообщества

Новый редактор статей ВКонтакте и вики-разметка

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

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

Из этого видно, что сделать удобное меню для сообщества или вики-лендинг по-прежнему можно только с помощью вики-разметки. Что будет дальше - время покажет.


Так выглядит интерфейс нового редактора статей ВКонтакте

Что запомнить о вики-разметке
  • Стандартный метод создания вики-страниц кропотливый и не очень удобный. Проще всего создать страницу через приложение «Мобивик», «Исходный код» или «Вики Постер».
  • Меню сообщества нужно сделать таблицей, чтобы оно аккуратно смотрелось на мобильных устройствах.
  • При редактировании вики-страницы в стандартном интерфейсе не стоит переключаться между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может поехать верстка.

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

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

Что такое вики разметка Вконтакте?

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

Для чего нужна wiki-разметка?

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

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

Оформление группы с помощью wiki-разметки

Хочется сразу отметить, что система редактирования wiki разметка очень напоминает HTML-верстку.

Главным преимуществом wiki разметки является, то что его изучить может каждый, даже не сильно «продвинутый» пользователь сети.

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

Как выучить язык wiki-разметки и узнать о всех мелочах?

На просторах интернета я нашел, очень подробную инструкцию в которой расписаны все мелочи создания wiki страниц, от вставка видео и аудио, до работы с ссылками и таблицами! Данная инструкция в формате справки Windows, а значит её откроет любой компьютер.

Как создавать страницы

Страница - это интернет-элемент, вмещающий в себя информацию для общего обозрения пользователями.

Страница формируется автоматически, при указание текста:
[[Название статьи]] или [[Название статьи|текст для ссылки]]

На страницах тексты подаются при помощи тегов.

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

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

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

Статьи

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

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

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


Ссылки на вики-публикации можно размещать в других смм-пабликах в качестве гостевых размещений и получать трафик на свое сообщество.

Контентные статьи часто выходят в топ-выдачи Яндекса и Гугла наравне со статьями из блогов. Для продвижения сообществ можно использовать SEO-оптимизацию контента.


Моя статья 60 способов иногда попадает в топы выдачи, но довольно редко.

Меню

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


Сначала мы видим публикацию в сообществе

Вариантов, как именно сделать меню — много, большая часть описана в сообществе Wiki . В Кайросе сделали подобие лендинга с плашкой для навигации.


Игры

Используя вики-публикации можно создавать простенькие квест-игры:


Мы рассмотрели три самых популярных причины использования вики-публикаций для сообществ в ВКонтакте. Давайте разберемся с технической стороной.

Создание вики-публикаций

По умолчанию, в сообществах в ВКонтакте нет функционала, который позволит быстро и просто создавать вики-публикации. Я знаю три варианта создания вики-публикаций. Сложный, простой, через приложение «Исходный код» и простой, через разрешение Хрома.

Сложный способ заключается в ручном прописывании ссылки в адресной строке. Нужно в ссылке:

Заменить -XXX на id вашего сообщества и «Название страницы» на верное название страницы. Более подробно способ описан в СММщиках . Мне лень запоминать ссылку, ещё лень постоянно возвращаться к этой статье, поэтому я обращаюсь к лайфхаку, создаю страницу, через разрешение VkOpt на Хром.

С помощью разрешения, в выплывающем меню в настройках сообщества появляется кнопка «Список wiki-страниц».


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


Нажав на кнопку «добавить», появится новая вики-страница

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

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


В режиме редактирования вики-страниц у вас доступно два режима: визуальный и режим кода. Полностью возможности вики-разметки можно узнать в сообществе Wiki , там достаточно подробно все описано.


Мне работать с чистым кодом удобнее, чем в визуальном редакторе, но это зависит от степени знаний кодов разметки.

Самые «важные» коды вики-разметки*

* Которые я чаще всего использую

Заголовок первого уровня. Для оформления заголовка первого уровня используются символы « == » с двух сторон заголовка.


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


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

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

Таблица начинается с « {| », а заканчивается « |} », чтобы обозначить строку, используется код « |- », а для того, чтобы разбить строку на ячейки, используется « | ».

В таблице, часто использую:
Невидимые границы таблицы: noborder;
Расширить таблицу на ширину страницы (по-умолчанию, таблица создаётся на 500 px, а ширина вики-страницы 600 px): nomargin;
Колонки фиксированной ширины (по-умолчанию таблица растягивается в зависимости от контента). Если нужно сделать три столбца одинаковой ширины, после того как прописали код открывающий таблицу, пишите на следующей строке |~33 33 33.


Цитата со встроенной таблицей с тремя колонками

Как переименовать неправильно названные страницы

Раньше считалось, что если ошибиться в названии страницы, то придется создавать новую страницу с правильным названием. Но СММщики нашли лазейку, нужно при открытой вики-странице с неправильным названием, в конце адресной строки прописать /market и перейти на новую страницу. Появится кнопка редактирования названия страницы, подробнее способ описан в материале «

Сегодня проработаем очень интересную и важную тему — вики разметка вконтакте, т.е. создание wiki-страниц и работа с ними.

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

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

Переходим в «Управление группой», в раздел «Настройки»

Спускаемся вниз и в поле «Материалы» выбираем «Ограниченно», для того чтобы изменения здесь могли производить только создатели и администраторы группы.

Мы можем сменить название главного меню сообщества. Чтобы редактировать ее, нужно вернуться в группу и нажать на «Свежие новости».

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

Вики страница прописывается следующим образом:
[[Название]]

Или с указанием текста:

На новых вики-страницах, картинки можно размещать шириной не более 607 px, а код объемом не более 16300 знаков.

Итак, мы создадим несколько вики страниц.

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

И в двойных квадратных скобках прописываем название наших страниц:

[[декоративная косметика]] [[уход за кожей]] [[контакты]]

Сохраняем страницу. Просмотрим — у нас получилось три страницы.

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

Верхняя панель -это кнопки визуального редактора, он очень похож на вордовский. Справа — переход из режима вики разметки в визуальный и обратно.

В нижнем левом углу мы можем настроить доступ к странице. В правом нижнем углу можно сохранить страницу.

Вставляем заготовленный текст и видим, что он не отформатирован, начинаем его редактировать.

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

Если мы кликнем на картинку в визуальном режиме, в открывшемся окне мы можем поменять название картинки, ее размер, вставить ссылку.

Если нам не нужно, чтобы картинка увеличивалась — нужно перейти в режим вики разметки и добавить в код картинки, после размера, код ;nolink

Более подробно, по шагам, можно посмотреть в видео под этой статьей.

P.S. Надеюсь вам понравилась эта информация!

P.S.S. Пользуйтесь вики разметкой вконтакте, и пусть вам сопутствует удача!

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

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

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


Пошаговое оформление меню группы ВКонтакте


Шаг 1. Скачать утилиту «Русский фотошоп».

Программа для фотошопа фотографий на русском языке совместима с ОС Windows, начиная с версии XP. Перейдите на страницу загрузки, введите адрес электронной почты, щелкните по ссылке, и дождитесь окончания скачивания дистрибутива. Установите утилиту на компьютер, добавьте в нее фотографию.

Шаг 2. Отредактировать изображение.

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

Шаг 2. Ввести текст для меню.

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

Шаг 3. Разрезать изображение.

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

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

Шаг 4. Опубликовать новое меню.

Перейдите на сайт ВКонтакте, далее на страницу группы, раздел «Управление сообществом», «Материалы» – изменить на «Открытые» или «Ограниченные». На главной странице появится блок «Материалы», нажмите рядом с ним на ссылку «Редактировать».

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

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

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

Понравилась статья? Расскажите друзьям:

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

Знания о том, как сделать меню в группе ВК, обязательно пригодятся всем пользователям, которые начинают работу по развитию собственного сообщества в социальной сети. Меню позволяет быстро перейти в нужный раздел группы или на сторонний ресурс. Благодаря этому юзерам легче пользоваться сообществом: читать посты, общаться с друзьями, знакомиться с дополнительными материалами или совершать покупки.

Создание текстового меню в группе

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

Подробная инструкция по разработке текстового меню в группе VK:

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

  • Вернуться на главную страничку группы и войти в раздел «Свежие новости» под названием и статусом. Кликнуть кнопку «Редактировать».

  • В верхней правой части экрана нажать на значок «<>», обозначающий режим вики-разметки. Это обеспечивает более стабильную работу редактора.

  • Переименовать «Свежие новости», подобрав наиболее подходящее название.

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

  • Найти текстовое поле, которое располагается под панелью инструментов. Вставить туда список разделов будущего меню.
  • Каждый из пунктов следует заключить в квадратные скобки []. А в начале всех пунктов нужно вставить значок «*». Например, *[Правила].
  • Внутри квадратных скобок каждого из пунктов поставить значок «ǀ». Например, *[ǀПравила].
  • Между начальной скобкой и вертикальной чертой поставить прямую ссылку на страницу, куда будет осуществляться переадресация. Например, *[id319071239ǀПравила]. При этом ссылки могут быть как внутренними, так и внешними.
  • В нижней части окна кликнуть «Сохранить страницу».
  • Во вкладке «Просмотр» можно ознакомиться с результатом своей работы. При необходимости можно вернуться в режим редактирования и исправить все недочеты.

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

Создаем графическое меню

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

  • Запустить программу Photoshop. Войти в раздел «Файл» и кликнуть по пункту «Создать».

  • В появившемся окне указать следующие размеры: высота — 450 пикселей, ширина — 610 пикселей, разрешение 100 пикселей на дюйм. Разумеется, при желании Вы можете ввести другие параметры, но помните о том, что при создании wiki-странички каждая сторона изображения не может быть больше 610 пикселей.

  • В рабочую область программы поместить изображение, которое будет выступать в качестве фона меню. При необходимости растянуть его, удерживая клавишу Shift, и нажать Enter.
  • Правой кнопкой мыши щелкнуть по фону и в появившемся меню выбрать пункт «Объединить видимые».

  • На панели инструментов найти иконку «Прямоугольник». С её помощью создать кнопку меню.
  • В меню «Просмотр» включить режим «Вспомогательные элементы». Здесь можно моделировать кнопку, придав ей желаемый вид.

  • Размножить кнопку нужное число раз, удерживая клавишу «Alt» и перетаскивая изображение в нужное место будущего меню.
  • Активизировать инструмент «Текст», нажав клавишу «Т» или с помощью специальной иконки на панели инструментов.
  • Кликнуть в любом месте рабочей области и ввести текст первой кнопки. Перетащить текст в нужную область.
  • Центрировать текст по картинке, выделив слой с картинкой и текстом с помощью клавиши «Ctrl» и нажимая иконки выравнивания на панели инструментов.
  • Оформить все остальные кнопки.
  • Активизировать инструмент раскройки или нажать клавишу «С» на клавиатуре, выделить каждую кнопку.

  • Открыть раздел меню «Файл» и кликнуть пункт «Сохранить для Web».
  • Выбрать формат PNG-24, нажать кнопку «Сохранить». В папке появится соответствующее количество файлов.

  • Войти в режим редактирования меню на главной странице сообщества ВКонтакте.
  • Кликнуть значок «Добавить фотографию», загрузить все изображения, созданные при работе в Photoshop.

  • Дождаться загрузки и добавления строчек кода в редактор.
  • Переключиться в режим визуального редактирования.
  • Нажать по каждому изображению, прописав для кнопок максимальный параметр ширины (610 пикселей).

  • Вернуться в режим редактирования wiki-разметки.
  • После разрешения в коде поставить символ «;» и указать параметр «nopadding;». Это нужно для того, чтобы избежать разрывов между картинками.
  • Теперь в каждую строчку между первой квадратной скобкой и вертикальной чертой нужно добавить прямую ссылку, куда будет осуществляться переадресация. Нажать кнопку «Сохранить».
  • Войти во вкладку «Просмотр», чтобы убедиться в нормальном функционировании меню.

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

IT-специалист и продвинутый пользователь ВК. Зарегистрировался в соцсети в 2007 году.

« Предыдущая запись Следующая запись »

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

Самым эффективным и удобным способом оформления группы в контакте является использование wiki-разметки. Данная разметка схожа по принципу действия с html кодом, но является более простой и понятной. Своим названием она обязана Википедии, благодаря которой многие пользователи и успели познакомиться с основными особенностями wiki-разметки.

Wiki-разметка позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Вам больше не придется сутками изучать книги по html, ведь изучению wiki-разметки достаточно уделить не более часа своего времени.

Существует несколько способов, как сделать меню для группы в контакте при помощи wiki-разметки, и то, какой из этих способов выберите Вы – зависит от направленности и цели группы. Если это социально направленная группа, то лучше всего подойдет текстовое меню, т.к. оно выглядит куда более серьезно, чем графическое. Использовать изображения в своём меню лучше всего для групп развлекательного или коммерческого характера.

Работа с изображениями

Вставить картинку или фотографию в контакте при помощи wiki-разметки можно только в том случае, если это изображение есть в альбомах на сайте.

Итак, для вставки картинки заходим в альбом, копируем адрес фотографии, например photo11111_11111, и обрамляем его двойными квадратными скобочками таким образом:

[[photo11111_11111]]

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

[[photo11111_11111|options|text/link]], где на месте options может находиться одно из таких значений:

  • plain — ссылка на фотографию оформляется в виде текста, без картинки;
  • noborder — убирает рамку вокруг фото;
  • box — открывает изображение в окне;
  • nolink — убирает ссылку на фото;
  • nopadding — убирает пробелы между фото;
  • NNNpx или NNNxYYYpx — указывает размер фотографии в пикселях (только ширину или ширину на высоту соответственно).

Создание таблиц с помощью wiki-разметки

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

{| знак начала таблицы, является обязательным атрибутом любой таблицы;
|+ знак расположения названия таблицы по центру, ставится сразу после знака начала таблицы и не является обязательным атрибутом;
|- знак начала новой строки, в т.ч. и строки ячеек;
| знак, отвечающий за прозрачность ячейки;
! знак, отвечающий за темный цвет ячейки; если отсутствует – обязательно применение предыдущего знака;
|} знак конца таблицы, необязательный атрибут, используется для предотвращения возникновения ошибок.

Заполняя таблицу, данные каждой ячейки следует помещать после знака |, а разделяя ячейки, необходимо просто продублировать типы строки таким образом: || или !!.

Приведем пример оформления меню группы с помощью wiki-разметки.

wiki-разметка

загрузка...

Это меню было создано применением следующего кода:

{|
|-
|<center>»’Новости»'</center>||<center>»’Основное»'</center>||<center>»’Все серии»'</center>
|-
!<center>[[photo708176_168310200|nolink;noborder;90x80px| ]]</center>!!<center>[[photo-4489985_130746672|nolink;noborder;90x80px| ]]</center>!!<center>[[photo708176_168309890|nolink;noborder;90x80px| ]]</center>
|-
|<center>
[[Новости из жизни актеров сериала|Новости]]<br/>
[[Биографии]]<br/></center>
|<center>
[[Аудио]] <br/>
[[Видео]]<br/>
[[Книги]]<br/>
[[Обсуждения]]<br/></center>
|<center>
Сезоны:<br/>
[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]<br/>
[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]<br/></center>
|-
|}
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег <br />, а для центрирования текста в ячейках – тег <center>.

Оформление ссылок при помощи wiki-разметки

При оформлении коммерческих групп очень важно уметь преподнести пользователям ссылку на тот или иной товар. В wiki-разметке существует три способа оформления внешних ссылок:

    1. Оформление ссылки как ссылки:
      [http://www.kontaktlife.ru]

    1. Оформление ссылки как текста:
      [http://www.kontaktlife.ru|Всё о контакте]

    1. Оформление ссылки как изображения:
      [[photo40778045_189420249|40px|http://www.kontaktlife.ru]]

Как сделать графическое меню в группе?

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

1. Нарезаем картинку в фотошопе и жмём «Сохранить для веб»
2. Загружаем картинки через Стандартный загрузчик т.к. флеш-загрузчик может ухудшить качество
3. Собираем меню тегом nopadding
4. Прописываем ссылки
По итогу получится что-то типа:

[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Новости]]
[[photo-177777777_18888888|noborder;370px;nopadding|Программы]]
[[photo-177777777_18888888|noborder;370px;nopadding|https://vk.com]]
[[photo-177777777_18888888|noborder;370px;nopadding|Правила]]
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Магазин]]
[[photo-177777777_18888888|noborder;370px;nopadding|Полезное]]
[[photo-177777777_18888888|noborder;370px;nopadding|Админы]]
[[photo-177777777_18888888|noborder;370px;nopadding|F.A.Q.]]

Особенности и секреты wiki-разметки

Большинство особенностей wiki-разметки познаются только опытным путем и недоступны для начинающих wiki-программистов. Но для того, чтобы избежать ошибок при оформлении групп, всё-таки желательно заранее ознакомиться с некоторыми из них.

  • Следует быть осторожными, изменяя размер изображения – если он будет меньше 131 пикселя, качество картинки значительно ухудшится;
  • Максимальный размер ширины изображения – 610px;
  • На одной wiki-странице не может размещаться более 17 незакрытых тегов;
  • Указывая ширину изображения, его высота изменится автоматически в соответствии с пропорциями;
  • Список внутри таблицы или спойлера создается при помощи тега <br />;
  • Одна строка разметки может содержать в себе не более 8 элементов списка.

Приложения в контакте для wiki-разметки

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

Интерактивный FAQ(beta) Приложение, которое дает возможность пользователям проверить свои способности и знания wiki-разметки. Принцип приложения довольно прост: Вам дается уже оформленное меню, к которому необходимо восстановить код разметки, после чего сравнить свою версию с правильной.
Вики редактор Приложение-редактор, который поможет Вам оформить группу без каких-либо знаний wiki-разметки: Вам достаточно просто кликать мышкой в визуальном редакторе, а всё остальное приложение сделает за Вас!

Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.

Если вам нужна раскрутка группы, то читайте наш пост.

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

ВАЖНОЕ ОБНОВЛЕНИЕ : эта статья сильно устарела, поскольку появился специальный сервис MenuMake , который позволяет создать меню для группы автоматически. В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.

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

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

Поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню для продаж

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

Первый этап – работаем в фотошоп

Меню для контакта начинают создавать не в социальной сети, а с помощью графических редакторов. Для этого лучше всего использовать Фотошоп, при том, что даже минимальных знаний для этого вполне достаточно. Поэтому, открываем программу и создаем шаблон меню. Размер нового документа напрямую зависит от количества разделов, которые вам нужны.


Далее вам понадобится фон. Это может быть просто белый фон, либо цвет, либо конкретная картинка. Качаете из интернета и вставляете в шаблон. Далее пишите на фоновой картинке пункты меню, которые вы запланировали. Эти надписи впоследствии превратятся в ссылки, направляющие пользователя в конкретный раздел.


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

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

Привет друзья!

Задался вопросом сделать меню в свою публичную страницу в контакте. Но в поисках решения проблемы, немного потерялся на просторах интернета.

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

В общем сделал простое меню для одной из страниц вконтакте:

Потратил буквально 30 минуток, чего не скажешь о написанной статье 😀

Прежде всего хотел бы сразу оговориться — данное меню всплывающее, в паблике (не в группе) .

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

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

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

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

Для группы все проще. Сразу под основным описанием, есть пункт меню и ссылка “редактировать” (Как показано на картинке). Если у вас нет такой надписи, то скорее всего вы просто не подключили материалы в своей группе, зайдите в настройки группы и нажмите галочку рядом со словом материалы.

На группе, подробно останавливаться не будем. Формируется оно примерно также как и для паблика с теме же Вики-кодами. Но Вы не пугайтесь. Не обязательно лезть в дебри символов. Я например, сделал не заходя во вкладку редактирования кода.

Более подробно, объясню как сделал меню на своей странице:

Итак, про паблики. Все работает для старых и для новых пабликов. Делаем следующие шаги:
1. Выполняем запрос типа: //vk.com/pages?oid=-XXX&p=YYY
где XXX — это ваш номер паблика; YYY — это название необходимой страницы
Если все сделано правильно, то перед вами появится новая страница. Нажимаем «Редактировать» и делаем Вики-меню или что-то там еще
2. Вызов всплывающей страницы осуществляется с помощью команды:
//vk.com/publicXXX?w=page-XXX_YYY

Внимание! Все минусы, знаки вопроса и прочие знаки — обязательны. Меняйте только XXX и YYY.
Все! Теперь нужно придать ссылке «приятный вид» — с помощью vk.cc — сократитель ссылок ВКонтакте.

Например — моя страница имеет адрес: //vk.com/sf_kontakt , чтобы узнать XXX (ид страницы), заходим в пункт «управление страницей»

//vk.com/pages?oid=-34016644 &p=Здесь вводим название

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

В моем примере все ссылки были на внешние ресурсы. При клике на первую иконку — открывался сайт статусов, при клике на вторую иконку (книжечку) — открывалась подписная страница. Также можно не отправлять пользователя на внешние ресурсы, а кружить его внутри контакта. Либо на новые (другие) группы, либо на страницы описания, созданные по такому же принципу.

Получается, что можно сделать внутренний сайт внутри Вашей страницы. В данном случае мы создали вторую страницу относительно главной:

она приняла такой адрес: //vk.com/sf_kontakt?w=page-34016644_44405134

А в итоге: Основная группа или паблик/Название созданной страницы

Надеюсь с этим сложностей не возникнет.

Создаем основное меню в контакте:

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

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

Чтобы Вам сделать подобное меню, не разбираясь в коде, можете просто перейти по ссылке и подобрать уже готовое меню. Вот группа, где можно найти шаблоны: //vkontakte.ru/club9390683

  1. Жмем «Меню» -> «Коллекции меню»
  2. Выберите понравившееся меню
  3. Скопируйте код выбранного вами меню
  4. Зайдите в свою группу и в редактирование страницы Свежие новости , в разделе исходный код вставляем код нашего меню для контакта.

Меню для группы вконтакте

Теперь у нас есть страница с пунктами навигации, которая имеет адрес: //vk.com/page-34016644_44405134 , чтобы вывести ещё в верхней части Вашего паблика делаем следующее:

  • Добавляем новую новость
  • Прикрепляем основную картинку, нажимая по которой, пользователю откроется наше меню.
  • Вставляем в новость ссылку созданной страницы
  • И последний шаг «закрепление постов». Пишите пост с фото/видео/музыкой, потом публикуете, затем нажимаете на дату публикации — и жмете «Закрепить».

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

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

А на сегодня всё. Спасибо, что забежали! 😉 До новых встреч…

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

Первые секунды пребывания формируют дальнейшие действия гостя. Именно поэтому интерфейс играет большую роль.

Факторы оставляющие гостя:

  • аватарка;
  • описание;
  • название;
  • красивое и практичное меню;
  • красочность;
  • контент.

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

Каким должно быть меню

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

Три основные цели групп:

  1. продажи;
  2. увеличение трафика;
  3. увеличение активных посестителей.

Для продаж навигация в группе заменяет витрину в магазине.


Здесь должны быть самые важные кнопки:

  1. каталог;
  2. стоимость;
  3. доставка;
  4. акционные предложения;
  5. отзывы.

Для увеличения посещаемости акцент делается на контент и изюминку сайта или блога.


Приблизительный вариант набора кнопок:

видео: меню для паблика

Работаем с фотошопом

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

Алгоритм действий:

Делается это с помощью инструмента «Прямоугольная область»:

Работа с графикой:

Приблизительно должно получиться вот так:


Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.


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

Для начала следует сделать разметку:

Создаем фрагменты:

Сохранение изображений:

Техническая часть

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

Важно! Заливка меню отличается от обычно загрузки фото или картинок.

Все по порядку:

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

  1. найдите необходимую запись;
  2. кликните по ней левой кнопкой мыши;
  3. скопируйте URL в адресной строке.
  • зайдите на источник, куда нужно переправлять посетителя;
  • скопируйте необходимый адрес.

Сохраните изменения соответствующей кнопкой внизу окна.

Внимание! Изменения могут не сразу отобразиться. Рекомендуется выйти на свой основной профиль, а затем снова зайти в группу.

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

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

Данный инструмент позволяет создавать:

  • эффекты;
  • необычные меню;
  • таблички;
  • элементы навигации;
  • форматировать текст.

Словом, данная разметка позволяет создать мини сайт ВКонтакте. Это очень удобно, особенно для продаж и набора подписчиков.

Такое оформление интуитивно заставляет посетителя остаться, кликнуть по кнопке. То есть задерживает и стимулирует к действию – а это как раз то, что и нужно.

Визуально такая система очень схожа с HTML-версткой. Но она не требует длительного обучения и специального склада ума.

Видео: меню с поиском по рубрикам

Нюансы создания

Собственно, то, что было сделано выше (разделение и загрузка картинки) это уже элементы разметки. В этом и преимущество данного инструмента. Автоматическое превращение в теги, при простой загрузке картинок.

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

Вот так: []

Основные теги представлены в таблице ниже:


Фото: теги используемые для разметки

Работа с картинками

Где options заменяется на:

  • noborder - снятие рамки вокруг изображения;
  • nopadding - снятие пробелов между изображением;
  • plain - вставка ссылки на картинку. Оформляется в виде текста, без графики;
  • nolink - снятие ссылки на картинку;
  • box - открытие изображения в окне;
  • NNNxYYYpx или NNNpx - задает размер фото в пикселях.

Создание таблицы

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


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

  • {| символ начала таблицы, без него таблицы быть не может. Используется всегда;
  • |+ отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
  • | обозначает начало новой строки и ячейки;
  • | символ, делающий ячейку прозрачной;
  • ! делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
  • |} означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

Особенности разметки

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


С целью избегания основных ошибок следует ознакомиться с основными из них:

  1. необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
  2. ширина картинки не должна превышать 610px;
  3. на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
  4. при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
  5. список внутри таблицы следует создавать с помощью тега
    ;
  6. в одной строке разметки должно быть не больше 8 элементов списка.

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

Важно! Проверяйте закрытие всех тегов. Сохраняйте последовательность.

Основной помощник в данном деле это внимательность и четкое следование инструкции. В помощь всегда может прийти официальная страница вк, которая так и называется вики-разметка.

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

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

Как сделать wiki-разметку

Подготавливаем макет

Прежде всего, в Paint создаем графический макет нашего будущего меню. Структурируем будущее меню. Структура может зависеть от специфики группы.

Наполняем разметку

Создаем наше меню

Кстати, подготовить картинку, которая потом будет украшать меню группы, можно и в Photoshop. Конечно, для новичков замечательно подойдёт Paint. Но если вы умеете пользоваться Photoshop или имеете огромное желание учиться - осваивайте эту программу. Подробнее о работе с Photoshop вы сможете прочитать в статьях нашего раздела - . Меню вашей группы будет на другом, более серьезном уровне. Вся разница в работе между Paint и Photoshop заключается в разной сложности работы с изображениями. У второго гораздо больше возможностей, чем у первого. В Paint вы не сможете создать качественную картинку с нуля. Зато все сделаете быстро и просто, ведь в интернете полно красивых изображений, которые могут стать достойным фоном вашего меню.

Раньше продавали услуги создания меню для групп. Администраторы групп платили разные суммы за дизайн их меню и аватаров. Однако теперь вы на собственном примере видите, что самостоятельно сделать это совсем просто. Главное - немного креатива и усидчивости.

В настоящее время на нашем сайте доступны уже десятки графических шаблонов меню для групп. Но никакого мануала по их установке в своё сообщество мы до сих пор не написали, и это кажется нам неправильным. Поэтому сегодняшняя статья будет посвящена установке PSD-шаблонов меню в сообщество ВКонтакте.

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

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

Все бесплатные шаблоны меню для групп ВКонтакте обычно распространяются в трёх видах:

  • шаблон, укомплектованный в файл формата PSD для программы Photoshop;
  • архив с нарезанными частями меню;
  • готовый wiki-код.
Спросите, что лучше? Ответ прост: шаблон в формате PSD. Если вы нашли полностью бесплатное PSD-меню или купили его у хорошего дизайнера, вы сможете самостоятельно отредактировать его в случае необходимости и стереть все водяные надписи, если они там присутствуют.

Готовые бесплатные меню, распространяющиеся без PSD-файла, как правило, содержат в себе водяные надписи с адресами чужих сайтов, которые, обычно, убрать нельзя.

Если вы имеете готовый PSD-шаблон для группы, примерный алгоритм его установки, если вкратце, будет содержать следующие пункты:

  • нарезка PSD-шаблона на необходимое количество частей;
  • загрузка нарезанных частей в фотоальбом вашей группы ВКонтакте;
  • создание wiki-кода и его размещение в меню вашей группы.
Используемый софт:
Описывать обработку PSD-шаблонов, а если точнее процесс их нарезки, я буду на примере программы Adobe Photoshop CS5 на русском языке. Если у вас другая версия программы или в ней нет русского языка, просто действуйте аналогичным образом и, если потребуется, воспользуйтесь переводчиком.

Сразу хочу сказать, что это не полноценный урок по Photoshop. Я не учу использовать эту программу, а показываю, как её применить в определённой ситуации, по ходу дела объясняя, что, где и как. Поэтому, при столкновении с какими-либо несоответствиями в функционале программы Photoshop или возникновении каких-либо других проблем, касательно этой программы, воспользуйтесь справкой в самой программе или изучите видео-уроки для начинающих дизайнеров, доступные в интернете в огромном количестве.



Готово! Второй этап инструкции завершён. Остался самый последний – создать wiki-код, который и будет результатом нашей долгой и упорной работы.

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

Этап третий – создание wiki-кода меню и его установка
После загрузки изображений в фотоальбом, вкладку браузера лучше всего не закрывать, потому что нам ещё понадобится доступ к каждой загруженной картинке. Чтобы продолжить работу, откройте в браузере новую вкладку и перейдите на неё. Затем, следуйте инструкции ниже:



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

Надеюсь этот материал был вам полезен и вы научились чему-то новому! Заходите на наш сайт почаще и будете узнавать и получать ещё больше интересной информации и полезных материалов. А пока что можете почитать о том,

Рекомендуем также

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

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

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

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

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

Заготовки для меню PSD

Ниже на картинке я показал простую схему открытого меню. Это первое, с чего стоит начать. Как видно, есть 2 блока: большой слева и поменьше справа. Слева – это само меню, справа – аватарка.

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

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

Ну и после некоторых усилий, у вас должно что-то получиться, как пример, скриншот ниже:

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

Это третья завершающая картинка и с ней проще простого. Главное, помните о том, что ширина у нее должна быть 600 px, а высота по желанию. Да и вообще: необязательно делать третье меню картинкой, в редакторе делайте, что вам хочется и нравится, к примеру, просто текст или схемы и таблицы.

И по-прежнему остается вопрос: как сделать меню группы Вконтакте открытым?

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

Теперь Вам нужно будет скопировать ссылку на меню, она имеет такой вид:

http://vk.com/page-18410568_276885674419

Дальше сделайте новую запись в группе, вот так:

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

Опубликуйте новость, и последним этапом станет вот такая манипуляция –  Нажмите на «ВРЕМЯ» под новостью:

 

И в открывшемся окошке нажмите на кнопку «ЗАКРЕПИТЬ»

 

 

Закрывайте окно и обновите страничку. Если вы все сделали правильно, то меню Вконтакте будет всегда открыто. А если что-то не получается, оставляйте комментарии.

Еще один пример замечательного открытого меню:

Небольшой разбор полетов: то меню, которое находится под спойлером, невозможно сделать (на данный момент) всегда открытым, так как по неясным мне причинам ВК не дает такой возможности, хотя раньше так можно было делать. Кто знает, возможно через время такая возможность появится…

Дополнение. Где взять ссылку на меню?

Мне по почте пришло пару писем на тему того, что не получается найти ссылку на меню под спойлером. Действительно, достать ее довольно-таки непросто, выполните такие пункты:

  1. Меню должно уже быть сделано в редакторе и находиться под спойлером, есть? Отлично, идем дальше;
  2. Нажмите правой кнопкой мыши по спойлеру и выберите там “Открыть в новой вкладке“, казалось бы ссылку можно там получить, но нет.
  3. Нажмите “Редактирование“, а потом “Вернуться к странице“, эти ссылки находятся в верхнем правом углу;
  4. Все, в адресной строке будет отображаться корректная ссылка такого вида: http://vk.com/page-18410568_276885674419.

Если у вас есть способы попроще, буду благодарен, если опишите их в комментариях.

Дополнительное видео. Делаем меню всегда открытым:

Ну все, всем спасибо за внимание!

Как создать список контактов для текстовых сообщений на Android | Small Business

Стивен Мелендез Обновлено 4 февраля 2019 г.

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

Создание группы в контактах

Чтобы создать группу контактов в Android, сначала откройте приложение «Контакты». Затем нажмите кнопку меню в верхнем левом углу экрана и нажмите «Создать ярлык». Оттуда введите желаемое имя для группы и нажмите кнопку «ОК».

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

Использование групп контактов Android

Если вы хотите отправить текстовое сообщение группе на Android, вы можете выбрать его из своих контактов в приложении для обмена сообщениями. Различные телефоны Android поставляются с немного разными приложениями для обмена сообщениями в зависимости от вашего оператора связи, и вы можете установить собственные приложения для обмена сообщениями, которые могут вести себя немного иначе, но обычно вы можете выбрать группу, которую хотите, прокручивая список контактов и групп или используя автоматический режим. -предложить текстовое поле.

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

Удаление участников групп

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

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

Редактирование групп контактов из Интернета

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

Чтобы добавить людей в группу в Интернете, посетите сайт контактов Google и установите флажки рядом с людьми, которых вы хотите добавить. Нажмите кнопку «Ярлык» и щелкните группу или набор групп, чтобы добавить эти контакты.

Если вам нужно создать совершенно новую группу контактов в Интернете, нажмите «Ярлыки» в Google Контактах и ​​нажмите «Создать ярлык». Введите имя новой группы и нажмите «ОК».

Чтобы удалить контакты из группы таким образом, посетите веб-сайт контактов Google и щелкните имя группы.Затем установите флажки рядом с человеком или людьми, которых вы хотите удалить из группы. Нажмите кнопку «Ярлык» и снимите флажок с названия группы.

Группы электронной почты из Gmail

Если вы используете Gmail в Интернете и у вас есть адреса электронной почты для контактов в группе, вы можете отправить электронное письмо группе. Для этого начните вводить название группы в поле «Кому» в меню Gmail «Написать». Щелкните группу в меню автозаполнения.

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

Как создавать группы контактов

Митч Бартлетт 24 комментария

Кажется, довольно много людей задаются вопросом, как создавать группы (или ярлыки, как их называет Google) для контактов на своих устройствах Android. Вот два варианта создания групп / ярлыков для ваших контактов.

Вариант 1 - Из приложения "Контакты"

Примечание. Этот выбор есть не во всех версиях приложения «Контакты».

  1. Откройте приложение « Контакты » на своем устройстве Android.
  2. Выберите значок « Меню », расположенный в правом верхнем углу экрана.
  3. Выберите « Создать этикетку ».
  4. Введите « Label name », затем нажмите « OK ».
  5. Коснитесь значка добавления человека в правом верхнем углу экрана.
  6. Выберите контакт, чтобы добавить его в группу / метку.
  7. Повторите шаги 5 и 6 для любых дополнительных контактов, которые вы хотите добавить в эту группу.

Вариант 2 - Из индивидуального контакта Редактировать

  1. Откройте приложение « Контакты » на своем устройстве Android.
  2. Выберите контакт, который вы хотите добавить в создаваемую группу.
  3. Выберите « Details »> « Edit ».
  4. Нажмите « Группы ».
  5. Нажмите « Создать группу ».
  6. Введите новое имя группы, затем выберите « Create ».

Примечание. Эти действия были выполнены на Galaxy Note8 и могут различаться в зависимости от версии устройства.

Вариант 3. Из веб-браузера

  1. Войдите в свои контакты Google с помощью веб-браузера.
  2. Выберите « Создать этикетку » на левой панели. Если у вас уже есть группа / ярлык, переходите к следующему шагу.
  3. В списке контактов отметьте контакты, которые вы хотите добавить в группу / метку.
  4. Выберите значок метки, расположенный в правом верхнем углу экрана.
  5. Выберите ярлык, который вы хотите использовать для этих контактов.

FAQ

Как отправить электронное письмо или текстовое сообщение этим группам / ярлыкам?

  1. В приложении « Контакты » выберите группу / ярлык.
  2. Выберите значок « Меню » в правом верхнем углу.
  3. Выберите « Отправить сообщение » или « Отправить сообщение » по желанию.

Из под: Android С тегами: Oreo

Взаимодействие с читателем

Этот сайт использует Akismet для уменьшения количества спама.Узнайте, как обрабатываются данные вашего комментария.

Как создать контактную группу на iPhone

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


К счастью, создавать группы контактов так, как задумал Apple, с помощью iCloud проще простого. В App Store также есть несколько бесплатных приложений, которые могут вам помочь.

В этом практическом руководстве мы расскажем о тонкостях создания группы контактов с помощью iCloud и предложим краткое руководство о том, как создать группу контактов на iPhone с помощью популярного приложения под названием «Группы».

Дополнительная литература

Как создать контактную группу с помощью iCloud (кроссплатформенный)

Шаг 1: Перейдите на iCloud.com и войдите в свою учетную запись iCloud, используя свой Apple ID и пароль. Затем выберите Контакты , чтобы просмотреть список ваших текущих контактов.

Шаг 2: Выберите значок плюса в нижнем левом углу и щелкните Новая группа в появившемся всплывающем меню. Или вы можете дважды щелкнуть пустое серое пространство, чтобы быстро создать новую группу.

Шаг 3: Затем назовите группу и щелкните в любом месте за пределами текстового поля, чтобы сохранить ее. Если вы хотите изменить имя, дважды щелкните его и введите новое имя группы.

Шаг 4: Чтобы добавить контакты в определенную группу, выберите Все контакты вверху списка Контакты , щелкните и перетащите нужные контакты в нужную группу.

Шаг 5: Чтобы удалить всю группу или только один контакт из группы, выберите его, щелкните значок шестеренки в нижнем левом углу и выберите Удалить .Имейте в виду, что при этом удаляется только контакт из группы; при удалении группы контакты внутри нее не удаляются.

Шаг 6: Ваша группа автоматически синхронизируется со списком контактов вашего iPhone. Чтобы использовать новую группу, коснитесь значка Контакты на вашем iPhone и выберите Группы в верхнем левом углу страницы контактов, затем отметьте группы, которые вы хотите использовать, и выберите Готово .

Шаг 7: Если вы случайно удалили группу или контакт из группы, вы всегда можете восстановить их с помощью iCloud.Для этого войдите в свою учетную запись iCloud в Интернете и нажмите «Настройки ». Оказавшись там, вы увидите множество вариантов восстановления контактов, файлов, напоминаний, календарей и закладок в разделе Advanced .

Создав подобную группу, вы можете отправить ей сообщение. Для этого откройте Сообщений и создайте новое сообщение. В поле To: начните вводить имя группы, а затем нажмите на него. Затем напишите свое сообщение и отправьте.

Совет. Пусть ваш iPhone автоматически синхронизируется с iCloud. Таким образом, когда ваш телефон подключен к компьютеру, ваши группы будут автоматически скопированы в iCloud.

Как создать группу контактов с помощью Группы (приложение)

Groups - бесплатное приложение, доступное в App Store, которое позволяет создавать группы без компьютера.

Шаг 1: Откройте App Store на своем iPhone, щелкните вкладку Search внизу и введите Groups в поле поиска вверху.После этого выберите Группы в верхней части результирующего списка и нажмите кнопку Получить перед тем, как нажать Установить .

Шаг 2: Запустите группы и на главной странице выберите Добавить новую метку.

Шаг 3: Перейдите на страницу «Новая группа», сформируйте имя группы контактов и выберите « Нет контактов - Добавить». После этого вы можете начать добавлять контакты. Нажмите на контакты, которые хотите добавить, и нажмите Готово .Рядом с названием группы появится синий символ, который можно щелкнуть, чтобы персонализировать символ группы. Нажмите Готово в верхнем левом углу экрана после того, как вы добавили всех, кого хотите, и полностью настроили группу по своему вкусу. Важно отметить, что вы также можете добавить одного и того же человека в несколько групп.

Шаг 4: Вы можете добавлять или удалять контакты из группы после того, как вы ее создали. Если вы хотите сделать это, просто щелкните имя группы и найдите параметр управления в правом верхнем углу страницы.После этого шага отсортируйте контакты и выберите те, которые хотите добавить или удалить. Когда вы это сделаете, выберите Done в верхнем левом углу страницы, затем нажмите на название группы вверху, чтобы вернуться на исходную страницу.

С iCloud можно делать много разных вещей. Если вы впервые вступаете в мир iOS, советуем прочитать нашу статью о том, как использовать iCloud. Имейте в виду, что iCloud хранит ваши данные на серверах Apple, что означает, что они могут быть уязвимы для взлома.Чтобы бороться с этим, мы настоятельно рекомендуем вам использовать двухэтапную проверку для повышения безопасности iCloud.

Рекомендации редакции

Как создать групповую электронную почту в Gmail и отправлять групповые сообщения

  • Вы можете создать групповое электронное письмо в Gmail с помощью инструмента ярлыков на странице контактов Google.
  • После создания метки с несколькими электронными письмами вы можете добавить эту метку в строку адресата в любом сообщении электронной почты.
  • Если вы отправляете электронное письмо группе людей, считается обычной вежливостью использовать строку «Скрытая копия», чтобы скрыть адреса электронной почты.
  • Посетите техническую библиотеку Business Insider, чтобы узнать больше.
Идет загрузка.

Вы можете легко создать групповое электронное письмо в Gmail (иногда называемое списками рассылки или списками рассылки) и отправить электронное письмо этим контактам всего за пару кликов.Это удобно, потому что вам не нужно вручную добавлять много имен в строку «Кому» в электронном письме каждый раз, когда вам нужно отправить сообщение.

К сожалению, процесс неочевиден, поэтому вы, возможно, не смогли бы понять шаги самостоятельно.

Как создать группу электронной почты в Контактах

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

1. Откройте Google Контакты в веб-браузере.

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

3. Проверьте имя каждого контакта, которого вы хотите включить в группу.

Проверьте имя каждого человека, которого вы хотите включить в группу электронной почты.Дэйв Джонсон / Business Insider

4. Когда вы закончите, нажмите кнопку «Управление ярлыками» вверху страницы. Он имеет форму ярлыка и находится рядом с кнопкой «Отправить письмо».

5. В раскрывающемся меню щелкните «Создать ярлык».

Создайте новый ярлык для этой группы писем.Дэйв Джонсон / Business Insider

6. Введите имя для ярлыка группы электронной почты и нажмите «Сохранить».

Как создать групповую электронную почту в Gmail

1. Откройте Gmail в браузере. Если Gmail уже был открыт на другой вкладке браузера, обновите страницу.

2. Нажмите «Написать».

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

Выберите метку, которая включает группу электронной почты, в которую вы хотите отправить сообщение.Дэйв Джонсон / Business Insider

4. Теперь группа должна находиться в строке «Кому» электронного письма, и вы можете создать и отправить электронное письмо как обычно.

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

Защитите адреса электронной почты ваших контактов с помощью строки Bcc. Дэйв Джонсон / Business Insider

Дэйв Джонсон

Писатель-фрилансер

Как создать группу контактов в Gmail

Если вам часто приходится отправлять групповые электронные письма, вы можете повысить свою продуктивность, сгруппировав людей в группы контактов.Ниже вы найдете инструкции по созданию контактной группы в Gmail.

Создание групп контактов в Gmail

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

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

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

Когда вы познакомитесь с созданием групп контактов и управлением ими в Gmail, вы заметите удивительный рост производительности и эффективности Gmail.

1. Шаги по созданию контактной группы в Gmail

Чтобы создать группу контактов в Gmail, выполните следующие действия. Это будет пустая группа контактов или метка, в которую мы будем добавлять людей на следующем шаге.

1. Войдите в свою учетную запись Gmail на компьютере с Windows или Mac.

2. Щелкните значок Google Apps (в правом верхнем углу) и выберите пункт «Контакты» в меню «Приложения».

3. На экране «Контакты» нажмите опцию + Create Label в боковом меню.

4. Во всплывающем окне введите имя своей контактной группы и нажмите «Сохранить».

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

2. Добавление людей в группу контактов в Gmail

Как только ваша контактная группа или ярлык станут доступны, добавить контакты в эту контактную группу будет очень просто.

1. Войдите в Gmail> щелкните значок Google Apps и выберите пункт «Контакты» в меню «Приложения».

2. На экране «Контакты» убедитесь, что вы находитесь на вкладке «Контакты» (1), и выберите контакты (2), которые вы хотите добавить в группу контактов.

3. После выбора «Контакты» щелкните значок «Ярлыки» (3), выберите свою контактную группу (4) в контекстном меню и нажмите «Применить» (5).

Выбранные контакты будут немедленно добавлены в вашу контактную группу.

3. Как отправить групповое электронное сообщение в Gmail

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

1. Войдите в свою учетную запись Gmail и нажмите «Написать».

2. В окне «Новое сообщение» начните вводить имя своей контактной группы в поле «Кому», и оно будет выбрано в раскрывающемся списке.

3. Напишите групповое сообщение электронной почты и нажмите кнопку «Отправить».

Как вы можете видеть на изображении выше, все участники группы будут автоматически добавлены в поле «T0».

3. Добавление новых людей в контактную группу

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

1. Войдите в Gmail> щелкните значок Google Apps и выберите пункт «Контакты» в меню «Приложения».

2. На экране «Контакты» выберите группу контактов (1), в которую вы хотите добавить новые контакты, и нажмите «+ Создать контакт» (2).

3. В контекстном меню выберите «Создать контакт» или «Создать несколько контактов».

4. Во всплывающем окне введите имя контакта, адрес электронной почты и нажмите «Создать».

Примечание: Убедитесь, что вы вводите несколько контактов в том же формате, что и в примере.

Все новые контакты будут добавлены в контактную группу, а также в ваш список контактов Gmail. Позже вы можете получить доступ к контактам индивидуально и при необходимости ввести другие данные.

4. Удаление людей из контактной группы

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

1. Войдите в Gmail> щелкните значок Google Apps и выберите пункт «Контакты» в меню «Приложения».

2. На экране «Контакты» выберите группу контактов> выберите контакты, которые вы хотите удалить> щелкните значок меню с тремя точками и выберите параметр «Удалить из метки» в раскрывающемся меню.

Это приведет к удалению контактов из группы контактов, но они по-прежнему будут доступны в вашем списке контактов Gmail.

Примечание: При нажатии на опцию «Удалить» выбранные контакты будут навсегда удалены из вашей учетной записи Gmail.

5. Удалить группу контактов в Gmail

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

1. Войдите в Gmail> щелкните значок Google Apps и выберите пункт «Контакты» в меню «Приложения».

2. На экране «Контакты» выберите группу контактов, которую вы хотите удалить, и щелкните значок корзины.

3. Во всплывающем окне выберите «Сохранить все контакты и удалить эту метку» и нажмите «Удалить».

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

6. Переименуйте контактную группу Gmail в

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

1. Войдите в Gmail> щелкните значок Google Apps и выберите пункт «Контакты» в меню «Приложения».

2. На странице контактов выберите группу контактов, которую вы хотите переименовать, и щелкните значок карандаша.

3. Во всплывающем окне введите новое имя для своей контактной группы и нажмите «Сохранить».

Связанные

Создание, просмотр и редактирование контактов и списков контактов в Outlook в Интернете

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

Примечание: Поскольку список контактов представляет собой просто набор адресов электронной почты, вы можете добавлять только те контакты, у которых есть адрес электронной почты.

Добавьте людей в список контактов, отредактировав список контактов:

  1. На странице «Люди» выберите Ваши списки контактов на панели навигации или выполните поиск по имени списка контактов.

  2. Выберите список контактов, а затем выберите Изменить .

  3. Введите имена или адреса электронной почты.

  4. Выберите Сохранить .

Добавьте один или несколько контактов в список контактов с помощью параметра Добавить в список :

  1. На странице «Люди» выберите контакты, которые хотите добавить в список.

  2. На панели инструментов вверху выберите Добавить в список .

    • Выберите знак «плюс» рядом со списком контактов, в который вы хотите добавить контакты.

      или

    • Выберите Новый список контактов , чтобы добавить выбранные контакты в новый список, а затем введите имя для нового списка контактов.

  3. Щелкните за пределами панели, чтобы закрыть ее, когда закончите.

Как добавить, отредактировать или удалить группу в контактах - База знаний и поддержка

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

Как добавить новую группу

  1. В своей учетной записи щелкните «Контакты» на верхней панели навигации.
  2. В левой части страницы контактов щелкните Добавить группу
  3. Введите имя группы.
  4. По завершении нажмите Сохранить .


Как редактировать группу

  1. Наведите указатель мыши на группу, которую хотите отредактировать, и щелкните трехточечное меню. что появляется.
  2. Щелкните Изменить информацию в меню.
  3. В диалоговом окне редактирования вы можете изменить имя, номер идентификатора списка или создать собственный ответ о присоединении к группе.
  4. По завершении нажмите Сохранить .


Как удалить группу

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

  1. Наведите указатель мыши на группу, которую хотите отредактировать, и щелкните трехточечное меню. что появляется.
  2. Щелкните в меню Удалить .
  3. Щелкните Удалить в появившемся диалоговом окне для подтверждения вашего выбора.

Вы получили ответ на свой вопрос? Спасибо за ответ Не удалось отправить отзыв. Пожалуйста, попробуйте позже.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *