Как сделать меню в группе в контакте: Attention Required! | Cloudflare

Содержание

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

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

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

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

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

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

Фото: пример функционального меню

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

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

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

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

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

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

Фото: пример навигации для продаж

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

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

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

Фото: привлечение подписчиков

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

  • интересные статьи;
  • полезная информация;
  • подписаться;
  • отзывы.

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

Предлагаем такие кнопки:

  • подписаться на новости;
  • задать интересный тематический вопрос;
  • акции;
  • опросник;
  • голосование.

Фото: предоставление услуг

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

Создаем по этапам

Создание навигации – процесс интересный, сложный и длительный. Но результат того стоит.

Весь процесс условно делиться на 2 этапа:

  • работа с фотошопом;
  • техническое добавление.
видео: меню для паблика

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

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

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

  1. ширину – 630 пикс;
  2. высоту – 725 пикс;
  3. содержимое фона – белый.

    Фото: заданные параметры

Далее нужно разделить рабочую область на 2 окна. Они то и будут привлекать внимание посетителей и обязательно заставят передвигаться по группе.

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

  • кликните на значок правой кнопкой мышки;

    Фото: кнопка для вырезания фигур

  • выберите инструмент «Прямоугольник»;
  • используя вертикальную и горизонтальную линейки как ориентир, выделите прямоугольник размером 200х710 пикс, зажав левую кнопку мыши;
  • Внимание! Убедитесь, что линейка измеряет в пикселях, а не в других единицах.

  • после, нажмите кнопку Delete;

    Фото: появившееся окно

  • в появившемся окне установите использование 50% серого;
  • нажмите ОК;
  • аналогично создайте прямоугольник размером 382х442 пикс, как на рисунке:

    Фото: расположение прямоугольников

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

  1. под этим слоем расположите свое оформление:

    Фото: замащивание слоя картинкой

  2. далее напишите желаемый текст;
  3. с помощью инструментов рисования фигур, нарисуйте кнопки:

    Фото: кнопка рисования фигур

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

Фото: готовый результат

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

Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

Фото: загрузка аватарки

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

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

  1. комбинацией клавиш «CTR+R» включите линейку;
  2. наведите курсор на верхнюю линейку;
  3. зажав левую кнопку мыши, потяните вниз, к нижней границе кнопки;
  4. повторите по каждой кнопке.

    Фото: расстановка направляющих

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

  • возьмите инструмент Slice Tool;

    Фото: расположение Slice Tool

  • вверху есть кнопка «Фрагменты по направляющим»;

    Фото: кнопка «Фрагменты по направляющим»

  • должно получиться вот так:

    Фото: разбивка картинки

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

  1. нажмите Файл – Сохранить для web;

    Фото: путь для сохранения картинок

  2. введите название;
  3. укажите формат JPEG;
  4. ставьте наилучшее качество;
  5. отметьте галочки у «Прогрессивный и Встроенный профиль»;
  6. последняя кнопка «Сохранить».

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

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

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

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

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

  1. зайдите в группу;
  2. включите новостную ленту;

    Фото: включение новостей через настройки

  3. возле полосы «Свежие новости» нажмите «Редактировать»;
  4. поменяйте название на меню или что-то подобное;

    Фото: смена названия

  5. через кнопку в виде фотоаппарата добавьте картинки;

    Фото: загрузка картинок

  6. результат будет приблизительно таким:

    Фото: код загрузки картинки

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

Перейдя по ссылке, посетитель быстро попадет на необходимую информацию.

Если вы хотите вставить ссылку на запись со стены:

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

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

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

Фото: адресная строка

Далее просто вставьте ссылку на соответствующую картинку. Вот код картинки, который появился в окне загрузки картинки: [[photo37602118_351733570|400x90px;noborder|]].

После символа «|» просто вставьте свою ссылку. Выглядеть это будет вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

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

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

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

Для того чтоб прикрепить ссылку или текст к изображению, с возможностью слегка видоизменить его, следует ввести код следующего вида:
[[photo37602118_351733570|options|text/link]].

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

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

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

Фото: варианты создания таблиц

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

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

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

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

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

Фото: пример функциональности

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

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

Не знаете, как переустановить Андроид на планшете. Вам поможет статья.

Вас интересует, как увеличить память на диске С. Вам сюда.

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

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

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

proremontpk.ru

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

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

Разновидности меню для сообщества "ВКонтакте"

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

Итак, есть закрытое меню и открытое.

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

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

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

Открытое меню для группы "ВКонтакте" сейчас более популярно, а закрытое уже практически не используется. Следовательно, будет разумным рассмотреть подробнее создание именно открытого типа. Далее вы узнаете, как сделать меню в группе "ВКонтакте" (пошаговая инструкция представлена ниже).

Этап первый

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

Первая картинка представляет из себя аватар. Вторая (центральная) – изображение-действие. Параметры аватара должны быть не менее 200 х 330 пикселей. Центральное изображение – не менее 390 х 280 пикселей.

Этап второй

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

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

Этап третий

Копируйте адрес страницы. Первый ряд чисел после слова “page” – это номер сообщества, второй – номер страницы группы. Это нужно обязательно знать, задумываясь, как создать меню в группе "ВКонтакте". Адрес необходимо вставить на стене вместе с центральным изображением. Чтобы прикрепить картинку, нажмите «прикрепить» и «фотографию». Далее выбирайте и вставляйте. После нажмите отправить – это опубликует пост.

Этап четвертый

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

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

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

Как создать таблицу в меню?

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

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

  • {| означает начало;
  • |+ расположение по центру;
  • |- с новой строки;
  • | прозрачность;
  • ! темня заливка ячейки;
  • |} обозначает конец.

Как оформить ссылки?

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

  • Оставить просто ссылкой. Для этого возьмите ссылку в квадратные скобки [].
  • Сделать ссылку словом или фразой. Откройте квадратную скобку, вставьте ссылку, после ссылки поставьте знак | и закройте квадратную скобку.
  • Изображение-ссылка. Сделать это можно по такому примеру: [[photo54634620_58576|60px|адрес страницы]].

Советы по созданию меню

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

  • Размер картинки не должен быть менее 130 пикселей. Это значительно ухудшит внешний вид меню.
  • Ширина картинки – не более 610 пикселей.
  • Вики-страница не способна содержать в себе больше 17 незакрытых тегов.
  • Когда вы ставите показатель ширины, то высота автоматически изменяется согласно пропорциям.
  • Внутри таблицы можно создать список, используя тег <br />.
  • В одной строке можно разместить максимум 8 единиц списка.

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

К примеру, приложение «Интерактивный FAQ (beta)» позволяет проверить свои способности в вики-программировании.

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

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

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

fb.ru

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

 

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

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

Что такое меню ВКонтакте и для чего оно нужно?

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

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

 

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

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

Способы создания меню для групп ВКонтакте

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

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

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

  1. Для начала вам нужно установить программу Photoshop, если ранее на компьютере у вас не была установлена эта программа.
  2. Открываем Фотошоп и создаем два файла-шаблоны для аватара и для меню. Задаем нужные размеры. Например, для аватара – 200×500 пикселей, а меню 389×600 пикселей. Залейте их каким-нибудь одним цветом для того, чтобы их было отчетливо видно и сохраняем два созданных отдельных файла.
  3. Загружаем в группу шаблон на место аватара, выделяя всю область.
  4. Загрузка меню происходит немного сложнее. Для этого вам понадобится в «Управлении сообществом» включить материалы. После этого станет доступна возможность добавлять меню. Зайдите в появившуюся вкладку под описанием группы «Свежие новости» и нажмите в панели инструментов на кнопку в виде фотоаппарата и загружайте файл с компьютера. Получилось?
  5. Сразу после загрузки вам станет доступна ссылка, которую придется немного доработать. После слова «noborder» впишите знак «;» и слово«nopadding». Это функция не даст вашему меню опускаться при добавлении новостей в сообщество.
  6. Делаем Prnt Scrn основной страницы вашей группы. Для чего? Чтобы понять свои ошибки. Дело в том, что сейчас это черновой вариант – все не ровно и не так красиво. Ваша цель состоит в том, чтобы нижние границы меню и аватара идеально совпадали. Тогда возможно у вас появится вопрос «Почему я не даю вам точных размеров?». А дело в том, что каждый админ использует разное количество текста в описании группы, от чего меняется высота меню, а ширина меню — это дело вкуса и как мы знаем у всех он разный.
  7. Входим в Фотошоп, и создаем новый файл, вставляя туда скриншот.
  8. Теперь, работая с этим файлом, выделяем область аватара с помощью «прямоугольного выделения» — им можно максимально точно выделить конкретную область. Далее, кликаем правой клавишей мыши и выбираем «вырезать на новый слой».
  9. То же самое прорабатываем с картинкой меню, только при выделении нужно отсечь ненужное внизу. Сделать так, чтобы низ меню и аватара полностью совпадали.
  10. Теперь, зажав кнопку Ctrl, выбираем два, созданные нами слои. Кликаем правой клавишей мыши по ним и выбираем функцию «Объединить слои». Перед нами появляются два наших идеально подогнанных друг под друга шаблона на одной странице.
  11. Следующий этап – загружаем фото обложки. Оно появляется поверх наших шаблонов. Теперь справа в инструментах для слоев кликаем по файлу-обложке, зажав клавишу Alt. После данной процедуры, обложка будет видна только на шаблонах и станет невидимым за их границами. Но это не помешает вам передвигать обложку и подбирать нужную видимую ее часть.
  12. Теперь важный пункт создания меню – кнопки. К этому моменту вы должны уже знать точные названия будущих кнопок. Например, «Здоровье», «Дети», «Наши контакты». Для облегчения задачи создаем первую кнопку, следующие лишь дублируем и меняем текст.
  13. Добавляем логотип на аватарку или словесный призыв, или же и то, и другое. Это добавит вашей группе живости, а также отличительную черту.
  14. Сохраняем общий файл в качестве картинки на свой компьютер. Что дальше?
  15. Открываем в Фотошопе созданный только что нами файл. Далее создаем новый пустой файл с точными размерами нашего аватара, вставляем в него созданную нами картинку с логотипом и кнопками. Выбираем нужную нам область под аватар и идеально подгоняем под выбранные размеры. После чего сохраняем наше творение.
  16. То же самое делаем с меню. Но опять же здесь есть свое дополнение. Для начала нужно узнать высоту меню, так как она не совпадает с черновым вариантом. Используя линейку, измеряем высоту до единого пикселя (а лучше всего несколько раз измерить, чтобы не ошибиться). Создаем новый файл со старой шириной и новой высотой, подгоняем картинку под размер и нажимаем кнопку «Сохранить».
  17. Загружаем новый аватар, выделяя всю область и подбираем миниатюру.
  18. Закачиваем меню через кнопку «Свежие новости». Удаляем предыдущую ссылку, загружаем новое фото и добавляем «;nopadding».
  19. Теперь раскраиваем наш макет меню. Применяем инструмент Фотошопа «Раскройка» или «Нож». В разных версиях Фотошопа он называется по разному. Под каждой кнопкой проводим линию, чтобы сделать отдельные прямоугольники, наводя на которые пользователь сможет в будущем переходить на конкретные ссылки.
  20. Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут показаны пропуски между нашими картинками. Для того чтобы от них избавиться, нужно добавить в каждую ссылку слово";nopadding".
  21. Теперь чтобы ваши ссылки были активны и вы могли вставить нужную вам информацию, то напишите по ссылками картинок в редактировании меню — название одной из ваших кнопок — например Доставка. Но это слово нужно написать четко по установленным правилам, выглядеть оно должно так [[Доставка]]. Далее сохраняем страницу, переходим по этой ссылке и наполняем ее нужным контентом.
  22. Последним действием, чтобы все заработало, является вставка копии ссылки на страницу Доставка в ссылку кнопки, например — page-123456_456789, то есть инфа между словами «vk.com/» до «?». Все, теперь каждую кнопку оформляйте также и ваше меню будет успешно привлекать вам целевую аудиторию.

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

Всем пока!

 

Тысячи людей уже читают блог, почему тебя еще нет среди них?

andreyspektor.com

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

Доброго времени суток. Меня зовут Михаил.

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

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

Добро пожаловать, друзья, на блог о создании и настройке сайтов —  SdelaemBlog.ru. Наверняка, почти у каждого сейчас есть личная страница в социальной сети вконтакте, а у кого-то есть даже группа. Вот пользователи, у которых есть свои группы, скорее всего задумывались, как ее оформить, например сделать меню для группы. Но далеко не каждый знает, как сделать меню вконтакте, а создать его хотелось бы. Я тоже когда-то об этом задумывался и немного поискав в интернете — ответ был найден. Чем и хочу поделиться с вами — как создать меню для группы вконтакте.

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

На самом деле сделать меню вконтакте очень просто. Сейчас вы в этом убедитесь.

Из чего делается меню вконтакте?

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

Как создать меню вконтакте?

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

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

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

Для создания простейшего меню, нужно прописать, следующий код и сохранить его:

{|
|-
|
[[пункт меню 1]]
|-
!
[[пункт меню 2]]
|-
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

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

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

"{|" - начало новой таблицы.
"|-" - новая строка.
"|" - ячейка таблицы с обычным текстом. (взаимозаменяемо - "!").
"!" - ячейка таблицы с жирным текстом и более темным фоном. (взаимозаменяемо - "|").
[[пункт меню]] - внутренняя ссылка.
[внешняя ссылка|название пункта(ссылки)] - ссылка на внешнюю страницу(внешние гиперссылки можно оформлять и без скобок.)

А выглядеть оно будет, вот так: 

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

Таким же образом, можно сделать и горизонтальное меню:

{|
|-
|
[[пункт меню 1]]
!
[[пункт меню 2]]
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

Пример: 

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

{|
|-
|<b>О движке wordpress:<br/> статьи, мануалы и др.</b>
{{Hider|wordpress
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|'''О движке wordpress:<br/> статьи, мануалы и др.'''
{{Hider|dle
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|}

И сохраняем. В результате, получится вот такое меню: 

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

<br/> - перенос строки текста.
<b>инфо</b>('''инфо''') - два варианта сделать текст жирным.
{{Hider|спойлер
}} - (2 пункта) спойлер для навигации, скрывает пункты меню.

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

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

До новых встреч!

sdelaemblog.ru

Как создать меню Вконтакте? | Блог Татьяны Татаринцевой

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

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

Подготовка к созданию меню Вконтакте

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

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

Моё меню  будет состоять из трёх кнопок:

  1. Секреты здоровья (переход на страницу с рекомендациями и советами по здоровью)
  2. Здоровая шея (переход на страницу, где будет описание и ссылка на платный лечебный курс по лечению остеохондроза шеи)
  3. Здоровая спина (переход на страницу, где будет описание и ссылка на бесплатный лечебный курс по лечению спины).
Создание меню
  • Для создания меню заходим в «Управление сообществом» во вкладку «Информация», находим «Материалы» ставим «Ограниченные» и сохраняем.
  • Далее возвращаемся на главную страницу группы и сверху видим надпись «Свежие новости», переходим в данный раздел через «Редактировать».
  • В открывшемся окне меняем надпись «Свежие новости» на «Меню», например. В пустом поле вписываем названия наших страниц — кнопок, слова обязательно закрываем двойными квадратными скобками без пробелов. Каждое название в новой строке.
  • Внизу страницы нажимаем на «Предпросмотр» и видим названия «кнопок», которые стали кликабельны.
  • Сразу же в разделе «Доступ к странице» откорректируйте настройки. Просматривать страницу могут все пользователи, редактировать – только администраторы, иначе завалят спамом. Сохраните изменения.
  • Возвращаемся на главную страницу группы, нажимаем на «Меню» и видим кликабельные названия страниц. Нажимаем сбоку на «Редактировать».
  • Следующий наш шаг, это узнать адреса наших страниц – «кнопок». Нажимаем в меню на «Здоровая спина» и на странице «Здоровая спина» нажимаем на «Редактирование»
  • Далее, в окне браузера мы видим вот такой адрес и берём из него только то, что выделено синим цветом. Наш адрес страницы «Здоровая спина» должен выглядеть так: page-116040065_52123446, а не так: https://vk.com/page-116040065_52123446?act=edit

  • Открываем все три страницы через «редактирование» и копируем у себя в текстовый блокнот три адреса. В моём случае, это выглядит так:
    page-116040065_52123446
    page-116040065_52123461
    page-116040065_52123485
  • Далее, нам нужны адреса наших картинок, которые будут выполнять функцию кнопок. Для этого загружаем приготовленные картинки в альбом своего личного аккаунта и в настройках закрываем его от просмотра, что бы эти нарезанные картинки никто кроме вас не увидел. Если же вы загрузите их в альбом группы, то видеть их будут все, что на мой взгляд не совсем эстетично.
  • Когда загрузите все картинки в альбом, предварительно придумав ему название и отредактировав на предмет приватности, то нажмите по очереди на все картинки и перепишите адреса этих фото.
  • Для этого смотрим в адресную строку браузера. Копируем нужную нам часть и вставляем в свой рабочий текстовый блокнот. Адреса картинок должны иметь вот такой вид:

    В моём случае адрес верхней картинки имеет вот такой вид:
    photo189052615_337249677
  • Заходим в меню через «Редактирование», спускаем вниз текстовое меню и вверху  прописываем адреса наших страниц – кнопок. Это выглядеть будет так, пример моей страницы:
    [[photo189052615_337249677|388px;noborder;nopadding|page-116040065_52123446]]
    Для наглядности смотрим фото:

    Я указала цифрами, что за что отвечает и обозначает:
    1 – это адрес нашей картинки;
    2 – это ширина картинки, а значит ширина нашего меню, эту цифру можно менять, но идеальный размер 388 пикселей. Эта цифра должна быть во всех трёх строках одинакова;
    3 — этот текст «noborder;nopadding» отвечает за то, что бы между картинками не было промежутков, что бы меню было сплошной картинкой;
    4 – это адрес нашей страницы меню
    Для того что бы не ошибиться, можно скопировать мой образец и вписать туда адреса своих картинок и страниц.
  • Нижнее текстовое меню под цифрой 5 убираем (стираем) и нажимаем внизу на «Предпросмотр». Видим своё красивое меню — сохраняем страницу.
  • Переходим на главную страницу группы, обновляем её и нажимаем на «Меню». Всё! Наше меню готово! Нажимая на надписи, мы будем попадать на страницы. Пока они пустые, но всему своё время.

Полезная информация на тему группы Вконтакте:

Оставайтесь на связи и подписывайтесь на свежие новости.
Успехов и Удачи!

mirtani.ru

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

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

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

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

<center>[[photo-48249652_297601976|130x46px;nopadding;|http://ссылка]]
[[photo-48249652_297601975|129x46px;nopadding;|http://ссылка]]
[[photo-48249652_297601974|129x46px;nopadding;|http://ссылка]]</center>

А в самой группе, меню выглядит вот так:

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

Как добавить в меню вконтакте внешнюю ссылку?

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

Вместо «http://ссылка», просто подставляем любую внешнюю ссылку и сохраняем меню. Например, вот так:

<center>[[photo-48249652_297601976|130x46px;nopadding;|/graficheskoe-menyu-vkontakte/]]
[[photo-48249652_297601975|129x46px;nopadding;|/kak-sdelat-menyu-vkontakte/]]
[[photo-48249652_297601974|129x46px;nopadding;|/]]</center>

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

Остался главный вопрос: «Как добавить внутреннюю ссылку в графическое меню вконтакте?».

Как создать внутреннюю страницу вконтакте и добавить ее в меню группы?

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

Переходим в группу. И нажимаем на «редактировать».

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

[[страница 1]]
[[страница 2]]
[[страница 3]]

И нажимаем на «предпросмотр».

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

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

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

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

После чего, в коде, вместо «http://ссылка», необходимо вставить скопированный адрес. Чтобы код стал выглядеть так:

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

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

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

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

На этом у меня все. Удачи!

sdelaemblog.ru

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

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

Посмотрите на верхний рисунок. Это пример красивого кликабельного меню в группе Vkontakte. Здесь и красивые цвета, и запоминающаяся картинка, и само меню. Для того, чтобы такое сделать, нужно хорошо знать две вещи: Фотошоп и вики-разметку. Даже и вики-разметку знать не обязательно, так как существуют сервисы, при помощи которых можно эту самую разметку скопировать с понравившегося меню другой группы. Один из подобных ресурсов расположен по адресу: «vkmaster.zf-projects.ru» (нижний скриншот). На сайте есть множество отличных функций: зачеркивание текста ВК, дата регистрации, дата рождения, поиск ВУЗов, код wiki-страницы и др.

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

Сделать меню для группы Вконтакте в 2018 году стало проще

А сейчас поговорим о специальных сервисах, которые помогут в 2018 году сделать меню для своей группы Вконтакте намного проще и быстрее, нежели при помощи редактирования разметки. Один из таких инструментов – это menumake.ru (смотрите рисунок внизу). Заходим на сайт через профиль Вконтакте. При этом обязательно даем сервису разрешения, которые он попросит. После входа вы увидите все вами администрируемые сообщества.

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

  • menumaker.pw.
  • vkprofi.ru.

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

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

  • Находим группу с красиво и качественно оформленным меню.
  • Копируем в буфер ссылку на страницу с меню.
  • Далее заходим по ссылке: «vkmaster.zf-projects.ru/wiki-pcode». Вставляем скопированную ранее ссылку в специальное поле.
  • Нажимаем кнопку: «Узнать».
  • Чуть ниже появится поле с кодом wiki-страницы.
  • Копируем данный кусок кода (смотрите скрин внизу).

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

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

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

socprka.ru

Как сделать меню в группе в ВК и красиво оформить ЭРА ТЕХНОЛОГИЙ

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

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

Вам будет интересно почитать статьи:

  • Как раскрутить группу ВКонтакте
  • Как быстро набрать 10000 друзей ВКонтакте
  • Самые популярные социальные сети в России и в Мире

1 этап – подготовка меню фотошопе

  1. Для наглядного примера, как сделать Меню, мы нашли подходящую картинку в Интернете. Важно только, чтобы ширина изображения составляла не более 600 пикселей (из-за особенностей ВК). Мы выберем ширину 400px. Это органично спишется в наш дизайн. Задать размеры можно через сочетание клавиш Alt+Ctrl+I. Обратите внимание, что высоту указывать не надо, она подстроится пропорционально.

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

Изменяем ширину заготовки под меню группы

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

Раскройка изображения для создания кнопок меню

  1. Теперь сохраните изображение для меню группы ВКонтакте в формате WEB через сочетание клавиш «SHIFT+CTRL+ALT+S».

Сохранение кнопок меню

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

Сохраненные Кнопки меню

2 этап – создаем Вики-разметку меню ВК

  1. Переходим к группе ВКонтакте. Первым делом надо зайти в ее настройки и для раздела «Материалы» установить значение «Ограниченные».
  2. На главной странице группы переходим во вкладку «Свежие новости». Кликаем по надписи «Редактировать».
  3. Вы вызвали Вики-редактор, где мы и будем создавать красивое меню ВКонтакте. Теперь поменяйте надпись «Свежие новости» на «Меню» и загрузите при помощи специальной иконки в виде фотоаппарата изображения, которые получили при «раскройке» в Фотошопе.
  4. После загрузки всех изображений перейдите в режим редактирования «Вики-разметки», нажав в панели инструментов редактора кнопку &lt,&gt,.  Здесь вы увидите код меню такого типа.

[[photo449038873_456239150|400x82px,noborder| ]] [[photo449038873_456239151|400x70px,noborder| ]] [[photo449038873_456239152|400x57px,noborder| ]] [[photo449038873_456239153|400x72px,noborder| ]] [[photo449038873_456239154|400x68px,noborder| ]] [[photo449038873_456239155|400x70px,noborder| ]] [[photo449038873_456239156|400x83px,noborder| ]]

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

Пока выглядит не очень красиво

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

[[photo449038873_456239150|400x82px,noborder,nopadding| ]] [[photo449038873_456239151|400x70px,noborder,nopadding| ]] [[photo449038873_456239152|400x57px,noborder,nopadding| ]] [[photo449038873_456239153|400x72px,noborder,nopadding| ]] [[photo449038873_456239154|400x68px,noborder,nopadding| ]] [[photo449038873_456239155|400x70px,noborder,nopadding| ]] [[photo449038873_456239156|400x83px,noborder,nopadding| ]]

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

3 этап – размещаем меню группы ВКонтакте со ссылками

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

[[photo449038873_456239150|400x82px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239151|400x70px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239152|400x57px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239153|400x72px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239154|400x68px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239155|400x70px,noborder,nopadding|https://vk.com/club173497067]] [[photo449038873_456239156|400x83px,noborder,nopadding|https://vk.com/club173497067]]

  1. Теперь выровняем наше меню по центру при помощи тегов &lt,center&gt,&lt,/center&gt,:

&lt,center&gt, [[photo449038873_МЫ СПРЯТАЛИ ЧАСТЬ КОДА…club173497067]] &lt,/center&gt,

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

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

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

Теперь вы знаете, как сделать меню в группе в ВК. Как видите, ничего сверхсложного в этом нет. И пусть «страшный» код Вики-разметки вас не пугает! Удачи!

Загрузка...

Узнаем как изготовить меню в группе в ВК: вики-разметка

Социальные сети давно вошли в жизнь большинства людей и являются важной составляющей в ней. Многие люди даже умудряются создавать свои виртуальные бизнесы в них: накрутка лайков, подписчиков, продажа товаров как из других стран, так и авторских. Почти все они имеют группу. А как пользователям донести быстрее всего, чем занимается человек или даже целая организация? Создать специальное меню, в котором будет содержаться самая необходимая информация. И именно здесь нам понадобится Wiki-разметка. Как сделать меню группы ВК? Что добавить в неё? В статье будут рассмотрены правила создания и примеры.

Чем является Wiki-разметка?

Как сделать меню группы ВК? Вики-разметка — вот хороший помощник! Это очень эффективный и удобный способ оформления группы в социальной сети «ВКонтакте». Эта разметка по принципу своего действия очень напоминает html код. Но для людей, не связанных с программированием, она будет более понятной благодаря простоте реализации. Своё название вики-разметка получила благодаря «Википедии», где многие пользователи впервые смогли ознакомиться с основными особенностями её функционирования. Вики-разметка позволяет людям без знаний в программировании быстро и легко оформлять внешний вид группы:

  1. Создавать графические спойлеры и таблицы.
  2. Форматировать текст и изображения.
  3. Работать с якорями и ссылками.

Как сделать меню группе ВК? Рекомендации бывают так нужны, но в целом, можно разобраться и с помощью хорошего руководства. Если говорить о html, то для его изучения и работы с ним необходимо было посидеть несколько суток или даже неделю. Вики-разметка при хорошей памяти требует только совсем немного времени. Как же её можно создать? Какие есть подходы? Вот мы будет говорить о технологии, а кто её сделал? Мы разберемся, как сделать меню группе ВК. Уорд Каннингем же впервые ввёл понятие «вики» (в переводе с гавайского значит «быстрый»).

Способы создания вики-разметок

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

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

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

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

Как сделать меню в группе в ВК, которое было бы красивым? В социальной сети «ВКонтакте» вставить фотографию или картинку при помощи вики-разметки предоставляется возможным только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем нужную фотографию и копируем её адрес. К примеру, пускай он будет такой: photo12345_67890. Теперь необходимо его взять в двойные квадратные скобки. Должен получиться такой результат: [[photo12345_67890]]. А что, если к фотографии или картинке следует прикрепить текст или ссылку? А может, есть желание немного отредактировать внешний вид? Тогда с этим поможет следующее: необходимо, чтобы у файла был такой вид — [[ photo12345_67890|options|text/link]]. Вместо трех последних слов подставляется то, что надо. Text — пишем то, что нужно. Думается, особенных объяснений не надо. Link переводится с английского как «ссылка». Указывается для того, чтобы машина пользователя знала, куда ей необходимо идти. Options — здесь могут устанавливаться такие значения:

  1. Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
  2. Noborder — убирается рамка около фотографии.
  3. Box — изображение открывается в окне.
  4. Nolink — ссылка на фотографию убирается.
  5. Nopadding — пробелы между изображениями не отображаются.
  6. NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

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

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

  1. {| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
  2. | — используется, чтобы давать ячейкам эффект прозрачности.
  3. |+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
  4. |- — так обозначают новые строки (в том числе и для ячеек).
  5. ! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
  6. |} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

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

Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута !. А вот и сам пример:

{|
|-
|<center>”’Новое в науке”’</center>||
|-
!<center>[[photo12345_67890|nolink;noborder;150x70px| ]]</center>!!
|-
|<center>
[[Новости науки|Новости]]<br/>
[[Открытия]]<br/>
|<center>
[[Конференции]] <br/>
[[Разработки]]<br/>
[[Книги]]<br/>
[[Симпозиумы]]<br/>
|<center>
Разделы:<br/>
[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]<br/>
[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]<br/>
|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

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

Вики-разметка - это инструмент форматирования текста в публикациях ВКонтакте.

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

Подробней о вики-разметке ВКонтакте

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

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



Как сделать вики разметку

Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:

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

Как создать публикацию самостоятельно

Сначала нужно открыть в группе материалы. Для этого зайдите в управление, выберите «Разделы» и подключите этот пункт. Затем перейдите обратно в сообщество. Вам понадобится id страницы. Это цифры из адресной строки после слова club.

Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя. Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.

Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».

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

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

  • полужирный шрифт.
  • курсив.
  • подчеркивание.
  • – ссылка.

Проверьте статью. Внизу есть кнопка предпросмотр, с ее помощью вы увидите недочеты.

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

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

Меню

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

Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline . Скачайте их и загрузите в редактор. Не забудьте нажать . Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.

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



Таблицы

На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».

Другие знаки:

  • |- – начало новой строки. Ставится после {|.
  • | – простая ячейка.
  • ! – ячейка с выделенным, центрированным текстом.
  • |+ – заголовок по центру.

Также в построении часто используются теги (всегда прописываются после первого знака):

  • Noborder – отсутствие видимых рамок.
  • Nomargin – увеличивает таблицу на ширину материала.
  • Nopadding – уменьшает отступы в ячейках.
  • Fixed – фиксирует ширину.

Пример.

Коды вики разметки

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

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

  • Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
  • е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
  • Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.

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

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

Вот несколько примеров, чтобы все понимали, о чем речь.


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

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

Объясняю на пальцах. Паблик — это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

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

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

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

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

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

Оформление группы Вконтакте

Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

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

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

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

Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.

Разрезаем изображение на фрагменты и сохраняем их.

Всё. Настало время заключительного аккорда — собираем меню уже в самой группе.

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

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

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

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

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

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

В моем случае код меню выглядит следующим образом.

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

В итоге код меню принимает следующий вид.

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

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

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

  1. Теоретическое понимание Вики разметки.
  2. Возможность практического ее применения.

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

  • создавать таблицы;
  • производить форматирование текста;
  • создавать теги, метки;
  • производить дополнительную структуризацию элементов в группе;
  • Привлекательно оформить группу в своем аккаунте в социальной сети Вконтакте.

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

Wiki разметка имеет:

  • схожесть с профессиональным языком программирования;
  • Преимущество перед языком HTML в виде более простого его понимания и отсутствия необходимости изучения объемной информации.

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

Принципы оформления заключаются в создании таблицы , которая является базовым элементом в меню, текстовых и графических вставок.

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


Номер в группе соответствует номеру ID сообщества.


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

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

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

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

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

  1. Начало таблицы {| ;
  2. Заголовок таблицы |+ ;
  3. Новая строка |- ;
  4. Новая ячейка прозрачного цвета | ;
  5. Новая ячейка темного цвета ! ;
  6. Конец таблицы |}.

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

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

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

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

Меню можно оформить в:

  • текстовом стиле;
  • графическом стиле.

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

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

Шаблоны разметки для меню группы (картинки, теги, таблицы, спойлеры)

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

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

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

  1. Необходимо группу подключить к сервису «новости» . Подключение происходит путем нанесения «галочки» напротив раздела «новости» в функционале «настройки»;
  2. Картинка вставляется в Вики страницу только в том случае, когда изображение размещено на основной странице аккаунта в выделенном альбоме;
  3. На одной Вики странице не может размещаться более семнадцати открытых и незакрытых тегов ;
  4. В одной разметочной строке может содержаться до восьми списочных элементов ;
  5. Ширина вставляемого изображения не может превышать величину 610 пикселей;
  6. При редактировании величины изображения , все пропорции картинки меняются пропорционально своим соотношениям значений.

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

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

  1. Приложения, являющиеся пособием для обучения по Вики разметке. Интерактивное FAQ бета приложение предоставляет уже готовую разметку страницы. И, для обучающих целей, предлагает восстановить ее кодировку;
  2. Приложения, не требующие абсолютно никаких знаний, при этом они самостоятельно автоматически выполняют работу пользователя. К такому типу относится Вики редактор . Для оформления группы достаточно разбираться в визуальном редакторе.

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

Вот несколько примеров, чтобы все понимали, о чем речь.


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

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

Объясняю на пальцах. Паблик — это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

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

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

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

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

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

Оформление группы Вконтакте

Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

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

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

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

Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.

Разрезаем изображение на фрагменты и сохраняем их.

Всё. Настало время заключительного аккорда — собираем меню уже в самой группе.

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

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

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

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

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

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

В моем случае код меню выглядит следующим образом.

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

В итоге код меню принимает следующий вид.

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

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

Как создать групповую электронную почту в 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

Использование групп контактов для организации ваших контактов Google | Dito

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

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



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

Преимущества контактных групп

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

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

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

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

Группы контактов по умолчанию

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

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

Кругов: Если вы настроите свой профиль Google+, люди, которых вы добавили в свои круги, будут перечислены в группе «Круги». Нажмите на стрелку рядом с надписью "Круги", чтобы просмотреть круги и круги по умолчанию, которые вы создали для организации людей, которых вы добавили в Google+.

Самые частые: Это автоматически обновляемый список 20 человек, с которыми вы больше всего общаетесь в Gmail.

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

Каталог: Если ваш администратор Google Apps включил совместное использование контактов, это список всех пользователей в вашем домене.

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

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

Если у вас есть какие-либо вопросы по поводу этого поста, не стесняйтесь оставлять комментарии ниже. Не забудьте подписаться на Дито в Google+, чтобы просматривать будущие информативные сообщения в блоге! Посетите раздел «Управление изменениями и обучение» на нашем веб-сайте, если вы хотите запланировать обучение по Google Apps для своей организации или узнать больше об услугах Dito по управлению изменениями.

Контакты: Samsung Galaxy S21 5G

Выполните следующие действия для управления контактами и группами абонентов на Samsung Galaxy S21 5G.

Добавить контакт

  1. На главном экране проведите вверх, затем нажмите Контакты .
  2. Коснитесь значка Создать (значок +).
  3. Выберите одно из следующих мест для сохранения контакта:
    • Учетная запись Samsung
    • Телефон
    • Google
  4. Введите имя и контактные данные, затем нажмите Сохранить .

Добавить контакт для быстрого набора

  1. На главном экране нажмите Телефон > Контакты вкладка.
  2. Нажмите Меню > Номера быстрого набора .
  3. Коснитесь номера, которому нужно назначить номер быстрого набора. Слот №1 всегда назначается для голосовой почты и не может быть изменен.
  4. Введите имя или номер, который вы хотите назначить номеру быстрого набора, затем коснитесь контакта, когда он появится.
  5. Коснитесь стрелки в левом углу, чтобы вернуться в приложение «Телефон».

Добавить номер в группу абонентов

  1. На главном экране проведите вверх по пустому месту, чтобы открыть панель приложений .
  2. Tap Контакты .
  3. Нажмите на нужный контакт, который хотите добавить в группу.
  4. Нажмите Изменить > Группы .
  5. Поместите чек в группы, которые вы хотите назначить контакту.
  6. Коснитесь стрелки , чтобы вернуться в профиль контакта, затем коснитесь Сохранить .

Копировать контакты

Экспорт перемещает контакты на SIM-карту.

  1. На главном экране проведите вверх по пустому месту, чтобы открыть панель приложений .
  2. Нажмите Контакты > слева Меню > Управление контактами > Импорт или экспорт контактов .
  3. Чтобы импортировать контакты, нажмите Импортировать , затем выберите SIM-карту . Выберите контакты для импорта, выберите расположение, а затем выберите Импорт > ОК .
  4. Чтобы экспортировать контакты, нажмите Экспорт , затем выберите SIM-карту . Выберите контакты для экспорта, затем нажмите Экспорт > ОК .

Создать группу абонентов

  1. На главном экране проведите вверх по пустому месту, чтобы открыть панель приложений .
  2. Нажмите Контакты > слева Меню > Группы > Создать группу .
  3. Введите имя группы, настройте мелодию звонка, добавьте участников, а затем нажмите Сохранить .

Удалить контакт

  1. На главном экране проведите вверх по пустому месту, чтобы открыть панель приложений .
  2. Tap Контакты .
  3. Коснитесь контакта и удерживайте, пока он не отобразится как выбранный. Повторите эти действия для других контактов, которые хотите удалить.
  4. По завершении нажмите Удалить > Переместить в корзину .

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

Безопасность и навигация

БЕЗОПАСНОСТЬ Уровень безопасности с доступом к CRM и доступом к функциям в Contact Group Manager

НАВИГАЦИЯ> CRM> Уведомить контакты> Группы контактов

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

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

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

  1. В списке групп контактов щелкните Новая , чтобы открыть страницу новой группы контактов.
  1. Введите Имя для группы.

Новая группа по умолчанию активна.

  1. Щелкните Сохранить и закрыть .

Новая группа откроется на странице Contact Group Detail . Отсюда вы можете добавлять контакты в группу. См. Добавление участников в контактную группу.

Управление группами контактов

Существующие группы контактов управляются из контекстного меню на странице «Диспетчер групп контактов».

Просмотреть контактную группу Открывает страницу сведений о группе контактов, где можно искать контакты, добавлять контакты в группу и удалять контакты из нее, а также выбирать действия с контактами, которые нужно выполнить для контактов в группе. См. Управление членством в контактной группе.
Отправить письмо в эту контактную группу Открывает страницу действия контакта для раздела электронной почты.См. Создание и выполнение действий с контактами.
Создать примечание для этой контактной группы Открывает страницу действий при контакте с разделом примечаний. См. Создание и выполнение действий с контактами.
Создать задачу для этой контактной группы Открывает страницу действий при контакте с разделом «Задачи».См. Создание и выполнение действий с контактами.
Редактировать контактную группу Позволяет редактировать имя группы контактов и активировать или деактивировать группу.
Копирование контактной группы Создает дублирующую группу с именем «Копия [имя исходной группы]», которая содержит все контакты, содержащиеся в исходной группе.
Активировать / деактивировать контактную группу Изменяет активный статус выбранной группы. Неактивные группы контактов недоступны для использования. Они не отображаются ни в одном меню выбора, например, на странице «Добавить контакт в группу» или в фильтре группы «Менеджер группы контактов». Они продолжают отображаться в списке контактных групп, но в столбце «Активные» не отображается галочка.
Удалить контактную группу Удаляет выбранную группу. Когда вы удаляете группу контактов, вы удаляете список контактов, а не сами контакты. Вариант удаления нельзя отменить.

Как создать группу контактов в 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. Во всплывающем окне введите новое имя для своей контактной группы и нажмите «Сохранить».

Связанные

Admin Center: управление и использование групп контактов Smartsheet

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

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


Создание группы

  1. В центре администрирования щелкните значок меню в верхнем левом углу и выберите «Управление группами».
    Вы попадете на страницу «Управление группами»
  2. Нажмите кнопку Create Group в правом верхнем углу, чтобы отобразить панель Create Group .

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

    Для массового добавления участников группы вы можете скопировать и вставить до 1000 адресов электронной почты из файлов Excel или.csv в поле Добавить участников .

  4. Выберите Создать . Группа будет добавлена ​​в список, и вы автоматически станете участником.

Дополнительные сведения о работе с контактами Smartsheet см. В разделе Создание новых контактов.


Управление существующей группой

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

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

По умолчанию вы попадете на вкладку Group Details , где вы можете изменить Group Name и Description и увидеть Owner и количество Members . Выберите вкладку Добавить участников , чтобы добавить участников в группу.

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

Используйте эту опцию

Для этого

Изменить сведения о группе...

Откройте панель редактирования группы

Просмотр группы ...

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

Добавить участников…

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

Передача права собственности на группу

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

Только системные администраторы - создание отчета о доступе к листу группы

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

Удалить группу

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

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

Создание группы контактов электронной почты в Office 365

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

Группы, которые вы создаете в папке «Контакты», недоступны для других пользователей Университета.

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

  1. Щелкните значок меню в Office 365 затем во всплывающем меню выберите Люди
  2. Разверните Новый и выберите Список контактов
  3. Введите имя для списка
    Думайте о конфиденциальности... при названии вашей контактной группы подумайте о том, чтобы убедиться, что у нее есть имя, которое явно отличается от любых других списков контактов или учетных записей ресурсов, которые вы используете. Это важно, чтобы избежать непреднамеренной отправки информации не тому человеку / группе. Самое главное, что первые несколько букв не совпадают с любыми другими адресами электронной почты или группами, которые вы используете. Например, вместо групп «Детство Yr1» и «Детство Yr2», возможно, назовите их «Детство 1-го года» и «Детство 2-го года», чтобы первые несколько букв были разными.Функция автозаполнения в Outlook может быть очень полезной, но только в том случае, если она автоматически заполняется с правильным адресом.
  4. В поле Добавить участников начните вводить имя того, кого вы хотите добавить в список. Если этого человека еще нет в вашем списке контактов, вы можете выбрать поиск в справочнике университета.
  5. После того, как вы нажмете на имя человека, он будет добавлен в список.
  6. Таким же образом добавьте всех людей, которых вы хотите включить в список.
  7. Когда вы закончите, нажмите Сохранить

Примечание. Для последующего редактирования списка щелкните значок всплывающего меню Office 365, затем «Люди». Найдите имя в своем списке, установите флажок рядом с именем и затем нажмите «Изменить» в строке меню.

Использование группы контактов в сообщении электронной почты

  1. В электронном письме Office 365 нажмите кнопку Кому: в поле Кому нового сообщения электронной почты
  2. Выберите двойную стрелку , чтобы развернуть боковую панель
  3. Выберите Ваши контакты
  4. Имя группы может отображаться в зависимости от количества имеющихся у вас контактов.В противном случае вы можете поискать это
  5. После обнаружения щелкните значок плюс справа от имени группы, и вы увидите, что он отображается в поле «Кому».
  6. Выбрать Сохранить и вы будете возвращены на адрес электронной почты

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

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

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