Вк как создать меню: Сделайте меню для группы ВКонтакте онлайн бесплатно
Содержание
Как создать внутреннюю страницу для меню группы Вконтакте?
Добро пожаловать, друзья, на блог о создании и настройке сайтов — 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://ссылка», необходимо вставить скопированный адрес. Чтобы код стал выглядеть так:
И то же самое необходимо сделать для каждого пункта меню. В результате, наше меню группы вконтакте будет вести пользователей на те страницы, которые нам необходимы, будь то внутренние или внешние ссылки.
И наконец, когда для каждого пункта меню, мы подставим ссылки на внутренние страницы вкоктакте. Ту конструкцию, которую мы добавили под меню, можно удалить и сохранить меню.
Как видите, все довольно просто. Создать внутреннюю страницу вконтакте и добавить ее в меню группы не так уж и сложно, как может показаться на первый взгляд.
Теперь любые манипуляции в группах Вконтакте (меню, навигация, пагинация, новости и т.д.), будет выполнить гораздо проще, для этого достаточно изучить мой ВидеоКурс по техническим секретам групп Вконтакте. Создайте внутренние страницы по видео урокам и оформите их на свое усмотрение. Добавьте навигацию по страницам для удобства и многое другое, что поможет классно и удобно оформить любую группу. Вы просили видео уроки, а я записал целый видеокурс — забирайте!!!
На этом у меня все. Удачи!
Вики разметка ВКонтакте, wiki-разметка
Сегодня проработаем очень интересную и важную тему — вики разметка ВКонтакте, т.е. создание wiki-страниц и работа с ними.
Вики — это уникальный язык, с его помощью оформляют информационные веб-страницы в сообществах ВК. Он представляет собой очень ценный инструмент, с его помощью можно создать элементы навигации, меню, тэги, а также проводить форматирование текста. Wiki разметки помогают создать мини сайт внутри платформы ВК.
Вики имеют свои элементы (тэги) и правила их применения. Сегодня мы разберем все возможности этого языка, и как они работают для настройки групп ВК. Как мы можем включить вики- разметки в группе?
Переходим в «Управление группой», в раздел «Настройки»
Спускаемся вниз и в поле «Материалы» выбираем «Ограниченно», для того чтобы изменения здесь могли производить только создатели и администраторы группы.
Имейте ввиду, что при включении «Материалов», стандартное меню сообщества не будет видно вашим подписчикам.
Выбор всегда за вами.
Можно сменить название главного меню сообщества. Чтобы редактировать ее, нужно вернуться в группу и нажать на «Свежие новости» и уже в редакторе менять название. Не забудьте сохранить.
Теперь можно создавать дополнительные или, как их называют Вики-страницы группы. Этих страниц может быть бесконечное множество. Имейте ввиду Вики-страницу удалить невозможно!
Вики страница прописывается следующим образом:
[[Название]]
Или с указанием текста:
[[Название|Текст ссылки]]
На новых вики-страницах, картинки можно размещать шириной не более 607 px, а код объемом не более 16300 знаков.
Итак, чтобы создать несколько вики страниц, нужно зайти в группу, найти «Свежие новости», выбрать «Редактировать» и перейти на ресурс создания вики страниц.
«Свежие новости», если хотите, можно сразу заменить. И прописать будущие вики страницы. Для этого нужно перейти в код вики разметок, кликнув на обратные стрелки в правом верхнем углу ресурса.
И в двойных квадратных скобках прописать название ваших страниц, примерно так:
[[декоративная косметика]]
[[уход за кожей]]
[[контакты]]
Не забудьте сохранить страницу. В визуальном редакторе сразу получится три страницы.
Затем, перейдите в группу и обновите страницу ВК! Откройте «Свежие новости» или ту страницу, которую вы переименовали.
Редактирование вики разметки ВКонтакте
Нажмите поочередно три ваши вики страницы, и отредактируйте их по вашему вкусу. Добавьте информацию, чтобы привлечь нашу целевую аудиторию.
Верхняя панель — это кнопки визуального редактора, он очень похож на вордовский. Справа — помощь в разметке и переход из режима вики разметки в визуальный и обратно.
В нижнем левом углу можете настроить доступ к странице. В правом нижнем углу можно сохранить страницу.
Вставьте заготовленный текст и отформатируйте его.
Можно выбрать заголовок, выделить часть текста жирным. Добавить картинку, цитату. Если вы нажмете на картинку в визуальном режиме, она увеличится.
Если мы кликните на картинку в визуальном режиме, в открывшемся окне вы можете поменять название картинки, ее размер, вставить ссылку.
Если вам не нужно, чтобы картинка увеличивалась — перейдите в режим вики разметки и добавить в код картинки, после размера , код ;nolink
Используйте кнопку Помощь в разметке, там целый раздел, что и как можно добавить на страницу, с его подсказками Вики разметка ВКонтакте для вас не будет такой уж сложной.
Сохраните все ваши оформленные страницы и ссылки на них из строки браузера.
Затем можете отключить «Материалы» в настройках сообщества, чтобы вернуть классическое меню группы.
А ваши вики страницы можно вставить в раздел ссылки или через «Приложения» в новые «Виджеты».
Будет хороший информативный блок.
P.S. Надеюсь вам понравилась эта информация!
P.S.S. Пользуйтесь вики разметкой ВКонтакте, и пусть вам сопутствует удача!
Поделиться ссылкой:
Понравилось это:
Нравится Загрузка…
Wiki разметки для контакта группы. Wiki-разметка ВКонтакте
В прошлой статье мы говорили о том, для вашей группы или паблика, а сегодня мы поговорим о создании красивой разметки для этой страницы.
Создание вики разметки очень похожа по принципу действия на html код, но она более интуитивна понятна и в ней сможет разобраться человек, который даже никогда не сталкивался с созданием элементарных html страниц.
Вконтакте wiki разметка служит для создания красивых графических страниц, меню, спойлеров, навигации и прочего. Сделав тукую разметку вы поднимитесь в глазах подписчиков вашего паблика. Вы потратили много времени на создание красиво оформения, навигации и структурировали посты в сообществе и это признак того, что вам не плевать на читателей. Они это ценят.
Вики разметка. Картинки:
Не советуем создавать графическую разметку. Это уже устарело. Более качественно и ухожено выглядит хорошо оформленная текстовая разметка. Но если вы решили все таки придерживаться первого варианта, то для начала научимся работать с изображениями:
Вставить изображение в ВК при помощи вики разметки
можно только если оно есть в альбоме вашего паблика или группы.
Для вставки картинки вы должны зайти в альбом и скопировать адрес этого изображения. Например photo11111_11111.
Так же у вас есть возможность менять параметры изображения и добавлять ссылки. Пример:
[] , где на месте options можно подставить значение из следующего списка:
- plain — ссылка на фотографию будет в виде текста, без картинки
- noborder — удаляет рамку вокруг фото
- box — изображение будет открываться в новом окне
- nolink — убирает ссылку с картинки
- nopadding — удаляет пробелы с картинки
- NNNpx или NNNxYYYpx — здесь вы можете указать размер фотографии в пикселях (только ширину или ширину на высоту)
WIKI-разметка вконтакте. Текстовый вариант
Текстовая вики разметка группы, как мы говорили раньше, выглядит более красиво. Когда вы её сделаете, то сами всё поймете!
шаблоны вики разметки
Как сделать таблицу при помощи вики разметки
:
Не важно какой из вариантов разметки вам больше приглянулся, создание таблицы понадобится вам в обоих случаях.
{| —
этот знак обозначает начало таблицы. Обязательный атрибут.
|+ —
Необязательный атрибут-название таблицы. Ставится сразу за атрибутом начала таблицы.
| — -знак начала новой строки в том числе ячеек.
| — атрибут, который отвечает за прозрачность ячейки.
Если отсутствует предыдущий атрибут, то этот отвечает за темный цвет ячейки. (Обязательно должен быть один из атрибутов)
|}
-знак, означающий конец таблицы. Указывать его не обязательно, но для предотвращения возникновения ошибок лучше указать.
Рассмотрим создание вики разметки на конкретном примере:
А вот и код, благодаря которому создана эта таблица и вся разметка в целом.
{|
|-
|
”’Новости”’||”’Основное”’||”’Все серии”’
|-
![]!![]!![]
|-
|
[[Новости из жизни актеров сериала|Новости]]
[[Биографии]]
|
[[Аудио]]
[[Видео]]
[[Книги]]
[[Обсуждения]]
|
Сезоны:
[] | [] | [] | []
[] | [] | [] | []
|-
|}
Вконтакте есть небольшой учебник с курсом по вики-разметке.
Оформление ссылок через wiki-разметку, а так же как сделать ссылку с анкором вконтакте:
WIKI-разметка: графическое меню
Как сделать графическое вики-меню в группе/паблике
:
1) нарезаем картинки в фотошопе
2) заливаем в альбом и собираем меню тегом nopadding
[]
[]
[]
[]
Так же вконтакте есть приложения для создания вики разметки. Думаю, лучше создавать через него т.к. не придется учить все эти значения.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Вики-разметка — это инструмент форматирования текста в публикациях ВКонтакте.
Этот инструмент расширяет возможности форматирования текста. Он позволяет создать в группе или паблике навигационное меню с кнопками, игры, учебник. Страницы, отредактированные таким образом привлекают внимание, структурируют информацию и делают ее удобной для пользователя. Вместо сплошного информационного полотна, вы получаете полноценный материал с графическими элементами: таблицами, видео, изображениями.
Подробней о вики-разметке ВКонтакте
Что еще вы можете делать с подобным контентом:
Wiki-язык позволяет осуществить удобную графическую навигацию посетителей группы. Также с его помощью разрабатывают простые квесты. Например, «Выход».
Как сделать вики разметку
Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:
В первом случае вы заходите в программу и поэтапно следуете ее указаниям.
В двух остальных необходимо выбрать сообщество, с которым вы будете работать, в скобках рядом с его наименованием нажать «Новая», ввести заголовок и перейти в редактор.
Как создать публикацию самостоятельно
Сначала нужно открыть в группе материалы. Для этого зайдите в управление, выберите «Разделы» и подключите этот пункт. Затем перейдите обратно в сообщество. Вам понадобится id страницы. Это цифры из адресной строки после слова club.
Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя.
Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.
Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».
Обязательно сохраните ее в отдельном документе. Так как страница еще не закреплена, вы ее потеряете.
Перейдите в режим разметки, нажав значок справа. В нем больше функций и он работает без ошибок. Здесь ничего сложного. Оформите подзаголовки, абзацы, расположите фото так как вам нравится. Для этого можно использовать панель инструментов или теги:
-
–
полужирный шрифт.
–
курсив.
–
подчеркивание.- – ссылка.
Проверьте статью. Внизу есть кнопка предпросмотр, с ее помощью вы увидите недочеты.
Затем сделайте публикацию видимой для подписчиков. Для этого ссылку, которую вы скопировали ранее, оставьте на стене сообщества, кликните по трем точкам справа и выберите «Закрепить».
Если вы хотите прикрепить большую картинку к заметке, снова откройте настройки, нажмите на фотоаппарат и поставьте подходящую иллюстрацию.
Меню
Мы разберем самый простой вид графической навигации. Вам понадобится изображение, разрезанное на несколько частей или готовые иконки.
Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline . Скачайте их и загрузите в редактор. Не забудьте нажать . Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.
Сохраните результаты и прикрепите их на стену сообщества (от имени группы), в настройках закрепите ее. Подберите картинку. Меню также оформляется в приложениях вики разметки.
Таблицы
На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».
Другие знаки:
- |- – начало новой строки. Ставится после {|.
- | – простая ячейка.
- ! – ячейка с выделенным, центрированным текстом.
- |+ – заголовок по центру.
Также в построении часто используются теги (всегда прописываются после первого знака):
- Noborder – отсутствие видимых рамок.
- Nomargin – увеличивает таблицу на ширину материала.
- Nopadding – уменьшает отступы в ячейках.
- Fixed – фиксирует ширину.
Пример.
Коды вики разметки
Так выглядят заголовки, отступы, списки, разделительная линия и подпись на wiki- языке и в чистовом варианте.
Такие публикации – непривычный и сложный инструмент для новичков. Бывает так, что вы все делаете правильно, но ничего не получается. Чтобы избежать ошибок, придерживайтесь трех правил:
- Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
- е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
- Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.
Вики-разметка – это не простой, но эффективный способ продвижения и развития сообщества ВКонтакте. Чтобы упростить работу с инструментом, используйте приложения. В некоторых из них публикация буквально в несколько шагов. На сайте VK представлен объемный учебник, в котором рассмотрены все вопросы, связанные с wiki-языком.
Администратору или модератору группы просто жизненно необходимо знать, как создать вики страницу ВКонтакте, ведь это один из самых простых способов красиво оформить пост и привлечь максимальное внимание к опубликованной информации. Фактически, для паблика вики страницы – огромный шаг вперед в борьбе за аудиторию.
Wiki разметка, ставшая основой для создания вики страницы, – особый язык верстки. Изначально он использовался для структуризации статей Википедии. Но наиболее популярным стал, когда выяснилось, что в ВКонтакте тоже можно его использовать.
Основы вики разметки настолько понятные, что изучить их может пользователь, понятия не владеющий навыками программирования.
Какие возможности дает знание wiki разметки?
Освоив способ форматирования текста легко:
- Создавать заголовки, списки, абзацы;
- Делать выделения курсивов и жирным шрифтом;
- Вставлять изображения в текст;
- Использовать анкорные ссылки;
- Рисовать посадочные страницы;
- Создавать каталоги и многостраничники;
- Разрабатывать меню навигации для пабликов;
- Чертить таблицы.
Создание вики страницы ВКонтакте может стать источником дополнительного заработка. Вики разметка открыла просто бескрайние просторы для оформления постов, позволив воплощать самые смелые фантазии. А чем оригинальнее дизайн для группы, тем выше шанс, что ее заметят среди сотен конкурентов. Но прежде чем вы научитесь делать действительное стоящие странички, придется потратить время на обучение. Нанимать учителей или ходить на специализированные курсы не обязательно.
В интернете легко найти учебник для чайников по wiki разметке и изучить ее самостоятельно.
Как сделать вики страницу ВКонтакте для группы или паблика?
Для человека, в жизни не сталкивавшегося с подобным способом оформления контента, задача кажется невозможной. Но на самом деле ничего сверхсложного нет. Единожды изучив теорию, подтвердив знания недолгой практикой, не захочется пользоваться обычными записями. Они выглядят безликими на фоне ярких возможностей вики разметки.
Как сделать wiki страницу для паблика?
Текст «название страницы» замените на заголовок, который вы хотите видеть на вике-странице. А ID паблика узнаете, открыв любую запись со стены. В адресной строке вы увидите ссылку, в которой после букв id будут нужные вам цифры. Скопируйте их и приступайте к наполнению страницы.
Чтобы страничка отличалась от других, тщательно продумайте оформление. В этом вам помогут специальные теги:
Чтобы вики-странички были доступны другим пользователям, разместите ссылки на них на стене или в меню.
Как сделать вики меню ВКонтакте для группы: разметка
Добавить вики-меню в группу легко. Необходимо отредактировать раздел «Свежие новости». Он располагается в шапке сообщества и лучше всего подходит для наших целей. Как сделать красивое меню? Без wiki разметки не обойтись. Вам уже известно, что с ее помощью можно вставлять изображения в текст и анкорные ссылки. Если вам с легкостью удаются эти манипуляции, то вопросов с реализацией идеи возникнуть не должно.
Вики меню Вконтакте – красиво оформленный перечень ссылок на страницы с важной информацией.
Поэтому перед тем как делать само меню, следует задуматься, к чему именно вы хотите привлечь внимание пользователей. Определились? Тогда не мешкайте, ведь все знания необходимы для создания вики страниц и меню Вконтакте у вас уже есть.
Вики страница (wiki-страница) В Контакте
Эту статью мы решили написать в помощь мамочкам в декрете, которые хотят начать зарабатывать на профессии администратора социальных сетей. Вики – если совсем по-простому, то это технология, которая позволяет пользователям сайта самим наполнять и изменять содержимое этого сайта.
Что такое вики (wiki) — страница и зачем она нужна?
Наверняка многие из вас неоднократно видели В Контакте в различных сообществах красиво оформленное меню, нажав на которое вы попадаете, в раскрывающийся графический список с нужными рубриками.
Или красивую статью с различными текстами, картинками, смайликами и т.д, на которую вы попадаете нажав кликабельный текст под каким-нибудь постом.
Как сделать вики (wiki
) – страницу В Контакте в паблике или в группе. Способ № 1
Очень просто! Введите в поисковой строке браузера ссылку вида
вместо ХХХ – поставьте номер id вашего паблика или группы (только цифры). Узнать id номер вашего паблика или группы можно, открыв любую фотографию и скопировав цифры в адресной строке браузера, идущие после «photo-» и до «_».
Вместо pagename – введите название вики-страницы которую вы создаете(если несколько слов, то через нижний флеш «_»). В нашем примере «ЖМИ_СЮДА».
Есть и другой способ создания вики-страницы в ВК
, более сложный, но может быть он вам понравится больше.
Как сделать вики (wiki
) – страницу В Контакте в паблике или в группе. Способ № 2.
- Если вы хотите сделать вики — страницу для паблика, нужно сначала создать группу (сообщество) В Контакте. Только там есть возможность создания вики — страниц. И уже после этого, готовую вики – страницу можно будет переносить в паблик (публичная страница). Создать группу весьма просто:
А) в правой колонке выбираем «Мои группы»;
Б) в открывшемся окне, в правом верхнем углу нажимаем «создать сообщество»
В) пишем название будущей группы (на ваше усмотрение)
Г) включаем чекбокс (флажок) возле пункта «Группа»
Д) нажимаем «создать сообщество»
Если вам нужна вики — страница для группы В Контакте, то шаг № 1 пропускайте.
2.
Чтобы сделать вики (wiki) – страницу, нужно открыть «материалы». Для этого зайдите в свою группу. В правой колонке, под аватаром вашей группы, нажмите надпись «Управление сообществом». В открывшемся окне найдите пункт «Материалы». Выберите «Открытые». Не забудьте сохранить изменения.
3. После этого, на главной странице вашей группы, под описанием, появится надпись «Свежие новости», а рядом «Редактировать». Именно сюда нам и нужно нажать.
4. Обратите внимание, если на главной странице группы, вместо описания вы «закрепили пост», его нужно «открепить». Нажмите на пост (не на картинку! а именно на текст поста, под картинкой нажмите «открепить»)
5. После того, как вы нажали кнопку «редактировать» рядом с надписью «Свежие новости» перед вами откроется окно вики (wiki) – страницы. В верхнем правом углу вы увидите кнопочку с двумя галочками – это переключатель режимов редактирования. В визуальном режиме редактирования работать новичку значительно проще, поскольку этот редактор частично похож на обычный word. В режиме wiki – разметки, нужно прописывать специальный код.
6. Ставим переключатель режимов редактирования в позицию «Режим wiki-разметки».
7.
И пишем фразу, нажав на которую человек попадет на созданную нами wiki-страницу. Но, чтобы этот текст стал кликабельным, его нужно заключить в двойные квадратные скобки (на клавиатуре в английской раскладке кнопки с русскими буквами «Х» и «Ъ»), например [[ЖМИ СЮДА]]. Нажимаем внизу «Сохранить страницу». А затем «Предпросмотр». Если вы все сделали правильно, то надпись, которую вы написали внутри квадратных скобок, появится ниже кнопки «сохранить страницу» и будет кликабельной (станет ссылкой). То -есть, если на нее нажать, вас перенесет на пустую страницу с названием «ЖМИ СЮДА». Если не получилось и под кнопкой «сохранить страницу» вы видите надпись в квадратных скобках, проверьте еще раз в каком режиме у вас стоит переключатель редактирования.
8. В адресной строке браузера мы видим ссылку на полученную вики-страницу, следующего вида:
https://vk.com/pages?oid=-ХХХ
&p=pagename
где ХХХ – это номер id вашего паблика или группы (только цифры). Узнать id номер вашего паблика или группы можно, открыв любую фотографию и скопировав цифры в адресной строке браузера, идущие после «photo-» и до «_».
pagename – название вики-страницы (если несколько слов, то через нижний флеш «_»). В нашем примере «ЖМИ_СЮДА».
- После того, как заменили id, нажимайте «Наполнить содержанием».
- Вы опять попадаете в вики — редактор. Если вы не специалист, то наполняйте вики — страницу с помощью визуального режима редактирования. Здесь все просто. Можете добавить, и изменить как вам больше нравится любой текст. Вставить фото, аудио или видео. Прикрепить любую ссылку к тексту или картинки. Чтобы посмотреть результат, нажимайте «Предпросмотр». Ничего сложного.
Привет, мои дорогие!
Сегодня я подробно расскажу, как сделать меню для группы вконтакте
. По моему опыту меню в группе в контакте
увеличивает количество звонков и заявок на 20%. Важно ответственно подойти к вопросу создания меню группы. Поэтому я подготовил для вас шаблон PSD меню, чтобы облегчить вам работу.
Начну с того, что на сегодняшний день существует два варианта меню:
Вариант 1: Закрытое меню группы
Закрытое меню, открывается при нажатии на ссылку. В примере ниже меню открывается при нажатии на ссылку «ОТКРОЙТЕ МЕНЮ ГРУППЫ!».
Вариант 2: Открытое меню группы (закрепленный пост)
Открытое меню, по сути это закрепленный пост с активной ссылкой.
Второй вариант меню появился относительно недавно, когда появилась возможность закреплять посты со стены в шапку группы или паблика. Он и является сейчас наиболее эффективным.
В обеих вариантах используется wiki-разметка. Wiki-разметка
позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Подробно останавливаться на разметке не буду, т.к. вконтакте есть встроенный визуальный редактор, который автоматически переводит ваш контент в wiki-разметку. Здесь же приведу лишь основные коды, без которых невозможно сделать меню.
Как сделать открытое меню вконтакте
Процесс создания меню будем разбирать на примере Варианта 2, т.е. открытое меню.
Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню
: [Внимание. Дизайн ВКонтакте изменился. Новый макет и другая актуальная информация в ]
Шаблон меню группы PSD
Для создания внешнего меню требуется 2 картинки: аватар (справа) и центральная (картинка-действие).
Размеры аватара: 200 x 332 px
Размеры центральной картинки: 395 x 282 px
Шаг 1.
Используя PSD шаблон меню группы, скаченный выше, сделайте две картинки нужных размеров.
Шаг 2.
Зайдите в вашей группе в «Управление сообществом» (справа под аватаром). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченные».
Шаг 3.
Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (Я уже переименовал в Меню группы).
В редактировании страницы задайте название, можете создать разделы или любую другую информацию с помощью панели инструментов. Нажмите «Сохранить страницу» и «Вернуться к странице»
Шаг 4.
В моем примере https://vk.com/page-42211349_47355854,
Первые цифры 42211349 — это id вашей группы
Вторые цифры 47355854 – это id страницы
Фишка: создавать дополнительные страницы можно вручную. Для этого перейдите по ссылке вида:
https://vk.com/pages?oid=-хххххххх&p=pagename
где,
хххххххх – это id вашей группы
pagename – название вашей страницы
Шаг 5.
И опубликуйте запись.
Шаг 6.
Теперь загрузите аватар группы (картинка справа). На стене появится дубликат картинки аватара – удалите его.
Шаг 7.
Теперь внимание. Нажимаем на ВРЕМЯ ПУБЛИКАЦИИ ЗАПИСИ (левый нижний угол поста).
И нажимаем «Закрепить». Закрываем это окно и обновляем страницу вашей группы (F5).
Шаг 8.
Пишем статус группы (используйте только 1 строчку), чтобы выровнять картинки, если рисунок на аватарке у вас начинается не с самого верха (в моем шаблоне аватарка вариант 2). И вот что у нас получилось:
ИТОГ.
Меню готово! Теперь при нажатии на центральную картинку открывается ваше меню:
Здесь его можно редактировать, размешать фото, видео, создавать новые разделы, размещать ссылки.
Внутри основного меню тоже можно сделать графическое меню (подменю). Его ширина не должна превышать 600 px. В высоту размер неограничен. Что позволяет создавать отличные лендинги вконтакте.
Но об этом более детально я расскажу в следующих статьях. Подписывайтесь на обновления блога, чтобы быть в курсе новых фишек. Ставьте лайки и делитесь статьей с друзьями.
Свои вопросы или мнения пишите в комментариях ниже.
Читайте также…
Wiki-страница ВКонтакте: основа — блог по SMM
Wiki-страница ВКонтакте: что это, для чего она нужна и как ее сделать?
Wiki-страница ВКонтакте — это альтернатива веб-страницам, основанная на правилах вики-разметки. При помощи wiki-страниц ВКонтакте можно создавать большие статьи с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее), добавлять к ним иллюстрации и видеозаписи создавать полноценные посадочные страницы (landing pages), навигационные меню по сообществам и многое другое.
Wiki-разметка — это язык разметки для оформления текста во ВКонтакте и на многих других веб-сайтах. Все страницы, оформленные с применением wiki-разметки, предварительно преобразуются в язык разметки интернет-документов (HTML) для просмотра в веб-браузере.
Для чего можно использовать wiki-страницы?
Wiki-страницы можно использовать для очень большого круга задач, выделю основные из них:
- создание меню сообщества. С помощью wiki-страниц можно создавать навигацию по сообществу или для перехода на сайт;
- создания красочных постов как на сайте. Возможности wiki-разметки позволяют использовать различные шрифты, вставлять фото и видео материалы, выделять нужные части текста цветом и т.д.
- создания конкурсных постов, в wiki-странице можно описывать все правила, это очень удобно учитывая возможности wiki-разметки;
- создания посадочных страниц, ведь на wiki-страницу в ВКонтакте можно настраивать таргетированную рекламу. Это позволит вам существенно сэкономить на верстке вашего лендинга во время тестирования. Сверстать wiki-страницу намного проще чем полноценный лендинг.
Где и как можно создавать wiki-страницы?
Такого рода страницы можно создавать как в группах так и в пабликах. Однако, процесс создания будет отличаться.
Начнем с того, как создать wiki-страницу в группе.
Чтобы начать работу с wiki-разметкой в группе, нужно подключить сервис «Материалы», который находиться в настройках группы в пункте меню “Разделы”.
В выпадающем списке доступны два варианта подключения материалов: «Ограниченные» и «Открытые». При открытых материалах все участники сообщества смогут создавать новые страницы, при ограниченных — только редакторы и администраторы. Исходя из этого я рекомендую вам выбирать второй вариант “Ограниченные”, если будет нужно вы в любое время сможете это изменить.
После подключения материалов на главной странице вашей группы появится новый блок «Новости группы» — это и есть место для первой wiki-страницы. Нажатие на кнопку «Редактировать» открывает страницу изменения элементов wiki-страницы. Здесь же можно изменить её заголовок, который будет отображаться на главной странице группы вместо «Новости группы». В дальнейшем более тщательно следует подходить к заголовкам. Их хоть и можно менять, но это немного сложный процесс.
Перед вами открылось меню редактирования очень похожее на обычный текстовый редактор Word. Однако с помощью специальной кнопки можно перевести его в режим редактирования который напоминает HTML код.
Wiki-страница ВКонтакте: основа
Как видите с wiki-страницами смогут легко работать и те кто знает основы программирования так и те кто в этом совершенно не разбирается.
Теперь давайте поговорим о том, как создать wiki-страницу в паблике.
Для начала вам нужно будет узнать ваш цифровой адрес того паблика, в котором вы хотите сделать страницу. Это делается очень просто.
Находясь странице вашего сообщества, нажмите на ссылку с датой и временем публикации любой записи, чтобы перейти в режим просмотра отдельной публикации; в адресной строке браузера появится ссылка вида vk.com/адрес_сообщества?w=wall-XXXX_YYY, где XXXX — это и есть цифровой адрес нужного сообщества.
В данном примере это 35598271, скопируйте себе ваш цифровой адрес сообщества. Он сейчас вам пригодиться.
Далее вам нужно прописать следующую ссылку в вашей строке браузера:
vk.com/pages?oid=-XXXX&p=Имя_страницы
где XXXX — это и есть ваш цифровой адрес сообщества, а Имя_страницы — это название вашей будущей wiki-страницы. Обратите особое внимание на это имя. Его будет потом сложно поменять, поэтому лучше заранее продумайте какое оно должно быть. Также это имя будет ключевым запросом в поисковиках (по крайней мере в google) при поиске.
Имя можно писать с несколько слов, разделяя пробелом.
При переходе по получившейся ссылке, откроется интерфейс создания и наполнения новой wiki-страницы.
Вот вы и создали свою первую wiki-страницу. Теперь вы можете ее наполнить по своему усмотрению. У ВКонтакте есть помощь по работе с такими страницами, там очень подробно описано что можно создавать и как это сделать. Не вижу смысла повторятся. Вы все это можете увидеть нажав на специальных значок (буква i) в правом верхнем углу.
В следующей статье поговорим о том, как wiki-страницы можно использовать.
Максим Лукьянов, CEO «THELAB»
Подписывайтесь на наш Telegram-канал и будьте в курсе новых статей.
На нашем Instagram-канале вы найдете много обучающих видеороликов для новичков.
На YouTube-канале много видеороликов о SMM
правила работы с редактором ВКонтакте
Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
В 2017 году ВК запустила новый формат публикации постов. Теперь вы можете создать красивый текст с медиафайлами и оформлением заголовков, цитат, не мучаясь с вики-разметкой. Редактор, в котором нужно работать прост, удобен и бережет ваше время! Силы будут уходить только на написание контента. Но главное то, что ваш материал будет выглядеть идеально на любом устройстве. Он моментально загрузится даже при слабом интернете. Что еще приятней – его прочтет большая аудитория, так как лонгрид могут открыть даже те, кто не залогинен в социальной сети.
Вы уже готовы попробовать такой формат публикаций в действии? Давайте начнем прямо сейчас! Это нетрудно и вы не заметите как освоите весь функционал за несколько минут.
Как сделать статью в ВК
Элементарно! В вашем паблике, группе или на странице есть поле «Что у вас нового?». Там вы обычно набираете пост или прикрепляете картинку, музыку. Найдите его. Вам нужен последний значок. Он выглядит вот так.
Появится окно как на скриншоте ниже. В нем уже можно писать свое послание читателям. Придумайте заголовок, отражающий суть материала и введите его в первую строку. Он будет отражаться в анонсе, который вы опубликуете в сообществе. Поставьте курсор во вторую и нажмите на «+». Выберите то, что нужно добавить: видео, фото, анимацию, абзац.
Работа с текстом в редакторе статей ВК
Предположим, вы напечатали вступление к заметке и хотите отформатировать фрагмент. Сделать это очень просто. Выделите нужные фразы, откроется меню.
Вам доступны следующие функции:
- Полужирный шрифт.
- Курсив.
- Зачеркнутые слова.
- Вставка ссылки.
- Заголовок h2.
- Подзаголовок.
Последняя иконка означает заключение фразы в цитату. Ее можно оформить двумя способами.
Так.
И так.
Чтобы получить второй вариант, щелкните по значку еще раз. В текстах хорошо воспринимаются маркированные и нумерованные списки. Их также легко создавать. Для этого в следующей строке начните первый пункт с цифры 1. (точка обязательна) и пробела или с * и пробела. Чтобы закончить перечень, нажмите Enter два раза. Максимальное количество символов для одного лонгрида – 100 000 знаков.
Редактирование медиафайлов: размер картинок и обложки для статьи в ВК
Изображения можно брать со страницы автора поста, из группы или вставить из буфера обмена. В новом поле выберите нужный тип материала и загрузите. Пропорции фотографий и скриншотов могут быть разными. Как ориентир используйте соотношение 16:9. Его рекомендует сама социальная сеть. Инструмент позволяет добавить к объекту описание, оно автоматически расположено по центру, внизу. Аналогичная функция доступна для других вложений. Для работы подходят форматы: JPG, GIF или PNG; AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV и другие.
Обратите внимание! Во время редактирования просмотр скопированного видео недоступен. Пользователи смогут посмотреть его только после прикрепления к новостям.
Редактор статей ВКонтакте: как сделать картинку для анонса
Также вы можете выбрать обложку для своей заметки. Это баннер с названием, который будут видеть читатели в группе. Выглядит вот так.
Если не поставить нужную фотографию, сайт автоматически возьмет его либо из первого изображения в тексте, либо из аватарки сообщества, автора поста. Чтобы подобрать свой вариант, прокрутите страницу наверх. В правом углу найдите меню «Публикация», закройте уже установленный вариант и загрузите подходящий из личного аккаунта или другого архива. Рекомендуемые пропорции 16:9 или 510*286 px. Не забывайте, что часть картинки займет заголовок и кнопка. Не забудьте сохранить результат.
Как делать статьи в ВК: горячие клавиши, дополнительные возможности
Для ускорения работы используйте следующие сочетания кнопок:
- Shift + Enter или Ctrl + Enter – переход на новую строку.
- Enter – создание абзаца.
- Ctrl/Cmd + Z – отмена предыдущего действия.
- Ctrl/Cmd + B – форматирование в жирный шрифт.
- Ctrl/Cmd + I – выделение курсивом.
Разработчики редактора объединили в нем множество удобных функций. Например, автосохранение. Внезапное отключение электричества или ускользнувшая мысль ничего не испортит, так как каждое изменение автоматически сохраняется в течение двух секунд. Последняя версия текста находится в меню «Статьи», в черновиках. Откройте их и приступайте к творчеству в любой момент.
Дополнительные возможности: удаление, день/ночь, статистика
Также доступны дневная и ночная подсветка экрана. Чтобы свет монитора не раздражал припозднившихся читателей, они могут нажать на изображение луны в верхнем углу справа. Выйти из сумрака можно, повторно нажав на иконку.
Увидеть наличие прочтений, доскроллов и другие показатели могут администраторы и владельцы групп. Учитываются все пользователи, в том числе незарегистрированные и не вошедшие на сайт. Для получения информации необходимо более ста посетителей. Тогда в режиме просмотра появится кнопка «Статистика». Сведения о количестве людей, открывших статью вы найдете в конце страницы. Там же есть данные об упоминаниях. Они показывают сколько человек или пабликов поделились вашим материалом посредством специальной кнопки.
Удаление доступно в «Редактировать» – в правом углу сверху. Откройте меню и выберите нужное действие. Пост попадает в черновики, откуда его легко восстановить в измененном или прежнем виде. Если убрать его из списка с документом ничего не случится, при условии, что он уже появился в сообществе. Но у вас не получится форматировать его.
Еще парочка полезных функций:
- Прочитать позже. Если пользователю некогда изучать заметку, он может добавить ее в закладки, не сохраняя на свою страницу.
- Поделиться информацией с помощью привычной иконки-стрелки.
Как опубликовать статью в контакте
Чтобы это сделать достаточно перейти в уже знакомое вам меню «Публикация». Замените ссылку если это необходимо. Изначально она формируется из заголовка. Также на этом этапе все еще доступен выбор другой обложки. Когда все будет готово, нажмите соответствующую кнопку. Если вы создаете материал для закрытого сообщества и хотите, чтобы кроме участников его никто не прочитал, поставьте галочку напротив соответствующего пункта. Если ограничений по вступлению не имеется или это ваша личная страница, информацию увидят все.
Как опубликовать статью ВКонтакте в группе
После того как вы все сохранили, пост все еще остается доступным только для вас. Чтобы исправить это откройте ссылку, которая появилась в окошке меню «Публикация» и отправьте текст туда, где его должны увидеть ваши читатели.
Теперь все готово, можно ждать просмотров и статистики. Редактор в контакте сделал написание заметок удобным и быстрым.
Чтобы начать вести блог больше не нужна вики-разметка, повествование, разбитое на несколько частей. Вместо них пользователи получили инструмент с аккуратной версткой и простым функционалом. С его помощью вы упростите восприятие объемных блоков информации и эстетично оформите их.
Разработчики добавляют новые возможности. Недавно появился моментальный переход к следующему и предыдущему материалу. Это удерживает внимание посетителей, вовлекает их в чтение сообщества.
Теперь вы знаете как создать и опубликовать статью в ВК. Воспользуйтесь нашими советами и напишите красивый, интересный пост уже сегодня.
вики-меню, смм – Активный туризм
Как создать Вики ВКонтакте: вики-меню, смм
20.01.2019| Quetzal|
В настоящее время социальная сеть ВКонтакте развивается. Помимо обычных постов, можно создавать целые статьи с изображениями и форматированием текста. Если вы обладатель собственной группы ВКонтакте, вам необходимо научиться использовать весь функционал. Создадим Вики меню для навигации в группе.
Где расположено вики-меню
В самом верху группы, возле информации, существует пункт, называемый «меню». Когда пользователь нажимает на его, он попадает в навигационное меню, состоящее обычно из рубрик и картинок. Также меню Wiki можно прикрепить вместо поста. Оно будет отображаться, как картинка, на которую следует нажать. Сегодня мы построим Вики меню на примере моей группы Айти-медия.
Код в Вики разметке
Вики разметка является более простым вариантом, чем HTML. ВКонтакте существует собственная группа, в которой рассказывается, как создавать меню, и даются варианты разметки. Например, там существуют способы создания таблиц, ссылок на картинку, на пост, Вики страницу, либо рубрику.
Я в своем меню использую таблицы и рубрики. Таблицы выглядят, как рамки с текстом. Если мы используем список, то он выглядит примерно так же, как маркировочный список в любой тексте.
Структура моего вики-меню ВКонтакте
В самом начале у меня идёт таблица, в которой написано название и объявление. Далее стоит горизонтальная картинка. Она сама по себе кажется цельной, но состоит из блоков, если смотреть по коду.
Существует также и вертикальная версия такого изображения. Чтобы картинка не была разделена на части визуально, нужно использовать nopadding. Это значит, что отсутствует отступы между элементами. При наведении курсора на каждую часть картинки, появляется текстовая подсказка, которая является названием рубрики. При нажатии на эту часть изображения происходит переход в соответствующую рубрику.
Если посмотреть по коду, то можно увидеть, что каждая строка ссылается на изображение, загруженное ВКонтакте, и ссылается на рубрику, то есть привязана к ней.
Я загрузила изображения в отдельный альбом группы. Далее при нажатии на картинку в адресной строке мы видим адрес изображения. Этот же адрес нужно будет вписать в код. В Вики разметке далее посередине обозначены параметры отображения. Обычно рекомендуют писать с noborder и nopadding. Это значит отсутствие границ и отступов. Но я считаю, что noborder там совершенно не нужен, так как результат не меняется. Просто написала nopadding.
Под горизонтальной картинкой расположено изображение с роботом. Изображение является ссылкой на все обсуждения. К сожалению, я не нашла способ открывать их в том же окне и смогла сделать только в виде перехода на отдельную вкладку.
Под картинкой находится описание содержимого и линкабельные ссылки на каждую из рубрик для тех, кто не смог перейти с помощью картинки. К тому же, в списке рубрики предоставлены все.
Сейчас вы увидите внешний вид самого кода. Пишется это все внутри ВК. А информацию можно найти в группе по вики-разметке или в поиске. Там даются сразу строки кода и рассказано, что для чего.
Вертикальное меню
В группе «Взгляни на Минск» меню простое и создано в виде вертикальной картинки. Если интересует такой Вариант, то его тоже увидите в коде.
В файле также присутствует некоторое описание основных функций Вики разметки и другие примеры.
Можно просто взять это, скопировать, заменить ссылки на картинки и на рубрики, и у вас получится примерно такое же меню. Что-то удалите, поменяете, выбросите, добавите. Это готовый образец. Скачайте мой код с яндекс-диска:https://yadi.sk/d/wHioBN0GlkAd7Q
Цель вики меню
На ранжирование наличие Вики особо не влияет и является навигационным элементом. Также в группе ВКонтакте очень хорошей функцией станет написание статьи, так как в ней возможна ставка нескольких изображений, также форматирование текста – косой и жирный шрифт.
Изображение, которое загружается в контакте, старайтесь подписывать латиницей, как и для статей, чтобы эти изображение участвовали в ранжировании.
Если вам интересны подобные темы, связанные с сайтами и ведением групп, добавляйте этот сайт себе в закладки и заходите.
Следующей статьей будет установка сертификата ssl (https протокола). Посмотрим мою ошибку и ее решение. На этом сайте я буду рассказывать различные компьютерные новости показывать интересные места для туризма, немного медицины психологии и творчество. Навигация – по рубрикам. Желаю вам создать красивое вики-меню.
Как cделать меню для группы ВКонтакте и вики разметка
Самым эффективным и удобным способом оформления группы в контакте является использование wiki-разметки. Данная разметка схожа по принципу действия с html кодом, но является более простой и понятной. Своим названием она обязана Википедии, благодаря которой многие пользователи и успели познакомиться с основными особенностями wiki-разметки.
Wiki-разметка позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Вам больше не придется сутками изучать книги по html, ведь изучению wiki-разметки достаточно уделить не более часа своего времени.
Существует несколько способов, как сделать меню для группы в контакте при помощи wiki-разметки, и то, какой из этих способов выберите Вы – зависит от направленности и цели группы. Если это социально направленная группа, то лучше всего подойдет текстовое меню, т.к. оно выглядит куда более серьезно, чем графическое. Использовать изображения в своём меню лучше всего для групп развлекательного или коммерческого характера.
Работа с изображениями
Вставить картинку или фотографию в контакте при помощи wiki-разметки можно только в том случае, если это изображение есть в альбомах на сайте.
Итак, для вставки картинки заходим в альбом, копируем адрес фотографии, например photo11111_11111, и обрамляем его двойными квадратными скобочками таким образом:
[[photo11111_11111]]
Если Вам нужно прикрепить текст или ссылку к изображению, а также немного изменить его внешний вид, то разметка будет выглядеть таким образом:
[[photo11111_11111|options|text/link]]
, где на месте options
может находиться одно из таких значений:
plain
— ссылка на фотографию оформляется в виде текста, без картинки;noborder
— убирает рамку вокруг фото;box
— открывает изображение в окне;nolink
— убирает ссылку на фото;nopadding
— убирает пробелы между фото;NNNpx или NNNxYYYpx
— указывает размер фотографии в пикселях (только ширину или ширину на высоту соответственно).
Создание таблиц с помощью wiki-разметки
Не важно, графическое или текстовое меню Вы хотите создать для своей группы в контакте , без использования таблиц Вам вряд ли удастся обойтись. Таблицы в wiki-разметке создаются при помощи определенного набора символов, каждый из которых отвечает за определенную часть таблицы:
{| знак начала таблицы, является обязательным атрибутом любой таблицы;
|+ знак расположения названия таблицы по центру, ставится сразу после знака начала таблицы и не является обязательным атрибутом;
|- знак начала новой строки, в т.ч. и строки ячеек;
| знак, отвечающий за прозрачность ячейки;
! знак, отвечающий за темный цвет ячейки; если отсутствует – обязательно применение предыдущего знака;
|} знак конца таблицы, необязательный атрибут, используется для предотвращения возникновения ошибок.
Заполняя таблицу, данные каждой ячейки следует помещать после знака |, а разделяя ячейки, необходимо просто продублировать типы строки таким образом: || или !!.
Приведем пример оформления меню группы с помощью wiki-разметки.
wiki-разметка
загрузка…
Это меню было создано применением следующего кода:
{|
|-
|<center>»’Новости»'</center>||<center>»’Основное»'</center>||<center>»’Все серии»'</center>
|-
!<center>[[photo708176_168310200|nolink;noborder;90x80px| ]]</center>!!<center>[[photo-4489985_130746672|nolink;noborder;90x80px| ]]</center>!!<center>[[photo708176_168309890|nolink;noborder;90x80px| ]]</center>
|-
|<center>
[[Новости из жизни актеров сериала|Новости]]<br/>
[[Биографии]]<br/></center>
|<center>
[[Аудио]] <br/>
[[Видео]]<br/>
[[Книги]]<br/>
[[Обсуждения]]<br/></center>
|<center>
Сезоны:<br/>
[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]<br/>
[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]<br/></center>
|-
|}
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег <br />, а для центрирования текста в ячейках – тег <center>.
Оформление ссылок при помощи wiki-разметки
При оформлении коммерческих групп очень важно уметь преподнести пользователям ссылку на тот или иной товар. В wiki-разметке существует три способа оформления внешних ссылок:
- Оформление ссылки как ссылки:
[http://www.kontaktlife.ru]
- Оформление ссылки как ссылки:
- Оформление ссылки как текста:
[http://www.kontaktlife.ru|Всё о контакте]
- Оформление ссылки как текста:
- Оформление ссылки как изображения:
[[photo40778045_189420249|40px|http://www.kontaktlife.ru]]
- Оформление ссылки как изображения:
Как сделать графическое меню в группе?
Наверняка вы видели красивые графические меню и кнопки в группах и хотели бы сделать такое меню у себя? Вот алгоритм действий.
Для создания красивого меню нужно немного знать фотошоп и немного вики-разметку:
1. Нарезаем картинку в фотошопе и жмём «Сохранить для веб»
2. Загружаем картинки через Стандартный загрузчик т.к. флеш-загрузчик может ухудшить качество
3. Собираем меню тегом nopadding
4. Прописываем ссылки
По итогу получится что-то типа:
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Новости]]
[[photo-177777777_18888888|noborder;370px;nopadding|Программы]]
[[photo-177777777_18888888|noborder;370px;nopadding|https://vk.com]]
[[photo-177777777_18888888|noborder;370px;nopadding|Правила]]
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Магазин]]
[[photo-177777777_18888888|noborder;370px;nopadding|Полезное]]
[[photo-177777777_18888888|noborder;370px;nopadding|Админы]]
[[photo-177777777_18888888|noborder;370px;nopadding|F.A.Q.]]
Особенности и секреты wiki-разметки
Большинство особенностей wiki-разметки познаются только опытным путем и недоступны для начинающих wiki-программистов. Но для того, чтобы избежать ошибок при оформлении групп, всё-таки желательно заранее ознакомиться с некоторыми из них.
- Следует быть осторожными, изменяя размер изображения – если он будет меньше 131 пикселя, качество картинки значительно ухудшится;
- Максимальный размер ширины изображения – 610px;
- На одной wiki-странице не может размещаться более 17 незакрытых тегов;
- Указывая ширину изображения, его высота изменится автоматически в соответствии с пропорциями;
- Список внутри таблицы или спойлера создается при помощи тега <br />;
- Одна строка разметки может содержать в себе не более 8 элементов списка.
Приложения в контакте для wiki-разметки
Для простоты понимания wiki-разметки создатели приложений в контакте подарили пользователям несколько своих творений. Одни из них являются своеобразными тренингами и уроками по wiki-разметке, другие же полностью освобождают пользователя от необходимости изучать разметку, осуществляя её редактирование привычным визуальным редактором.
Интерактивный FAQ(beta) Приложение, которое дает возможность пользователям проверить свои способности и знания wiki-разметки. Принцип приложения довольно прост: Вам дается уже оформленное меню, к которому необходимо восстановить код разметки, после чего сравнить свою версию с правильной.
Вики редактор Приложение-редактор, который поможет Вам оформить группу без каких-либо знаний wiki-разметки: Вам достаточно просто кликать мышкой в визуальном редакторе, а всё остальное приложение сделает за Вас!
Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.
Если вам нужна раскрутка группы, то читайте наш пост.
ViewKit ObjectPak Vk классов | ICS MotifZone
Классы ViewKit ObjectPak добавляются в палитру, когда вы выбираете ViewKit в качестве текущего языка. Изначально классы ViewKit ObjectPak сгруппированы в следующие папки:
· Диалоги
- VkGenericDialog, VkFileSelectionDialog, VkPromptDialog,
VkQuestionDialog, VkInfoDialog, VkWarningDialog, VkErrorDialog, VkFatalErrorDialog, VkProgressDialog, VkBause0008Dialog, VkInrupt0008Dialog, VkInfoDialog.
· Меню
- Строка меню, подменю, меню параметров, всплывающее меню, подменю радио, панель справки, действие меню, меню «Подтвердить первое действие», диспетчер отмены меню, переключатель меню, метка меню и разделитель меню.
· Компоненты
- VkSimpleWindow, VkWindow, VkTabbedDeck, VkTabPanel, VkRepeatButton, VkOutline, VkCompletionField, VkGraph, VkPie,
VkVuMeter и VkTickMarks.
В следующих разделах представлены описания каждого класса ViewKit ObjectPak в алфавитном порядке (более подробную информацию см. В Руководстве программиста ViewKit ObjectPak для ICS):
Диалог занятости
Описание
Класс VkBusyDialog поддерживает диалог занятости (также называемый рабочим диалогом в OSF / Motif), который отображается, когда приложение занято.Используется объектом VkApp для отображения диалогового окна «занято», когда вы переводите приложение в состояние «занято».
Банкноты
· По умолчанию не отображает никаких кнопок, потому что диалоговое окно «занято» предназначено для блокировки ввода данных пользователем во время состояния «занято».
· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager.
Поле завершения
Описание
Класс VkCompletionField предоставляет компонент поля ввода текста, который поддерживает расширение имени.Если при вводе в поле пользователь вводит пробел, то компонент пытается заполнить текущее содержимое поля на основе списка возможных расширений, предоставленного приложением.
Банкноты
Получено из VkComponent.
Диалог ошибки
Описание
Класс VkErrorDialog поддерживает стандартные диалоговые окна ошибок OSF / Motif. Используется для информирования пользователя о недопустимом действии (например, ввод данных за пределами допустимого диапазона) или потенциально опасных условиях (например, о невозможности создания файла резервной копии).
Банкноты
· Сообщения, требуемые в диалоговых окнах ошибок, не должны требовать какого-либо решения со стороны пользователя.
· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager
Диалог о фатальной ошибке
Описание
Класс VkFatalErrorDialog поддерживает диалоговое окно с сообщением об ошибке, которое завершает работу приложения, когда пользователь закрывает его. Используйте для тех ошибок, от которых ваша программа не может восстановиться, например, когда приложение завершает работу из-за того, что не может открыть необходимый файл данных.
Банкноты
· Сообщения, требуемые в диалоговых окнах ошибок, не должны требовать какого-либо решения со стороны пользователя.
· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager
Общий диалог
Описание
Класс VkGenericDialog предоставляет удобный интерфейс для создания настраиваемых диалоговых окон, использующих интерфейс ObjectPak. Настраиваемые диалоговые окна, производные от этого класса, автоматически поддерживают кэширование и все другие функции, поддерживаемые VkDialogManager.При создании экземпляра этого класса автоматически создается подкласс VkGenericDialog.
Банкноты
· Абстрактный подкласс VkDialogManager.
· Вы можете размещать и управлять своими настраиваемыми диалогами, используя функции, предоставляемые VkDialogManager.
· По умолчанию ObjectPak закрывает ваше диалоговое окно, когда пользователь нажимает кнопку ОК или Отмена, и продолжает публиковать диалоговое окно, когда пользователь нажимает кнопку Применить.
График
Описание
Класс VkGraph отображает и управляет сложными графами дуги и узлов.Граф может быть разъединенным и содержать циклы.
Банкноты
· Может располагать узлы горизонтально или вертикально.
· Может изменять ориентацию в интерактивном режиме.
· Обеспечивает элементы управления для интерактивного масштабирования, изменения положения узлов и выравнивания узлов.
Панель помощи
Описание
Класс VkHelpPanel предоставляет простой пользовательский интерфейс для справочной системы. Подкласс VkSubMenu, автоматически предоставляет пять стандартных пунктов меню.Чтобы использовать панель справки, необходимо связать с приложением внешнюю справочную систему.
Банкноты
· Вы можете создать объект VkHelpPane и добавить его в другое меню.
· Вы можете использовать функции VkSubMenu для добавления настраиваемых пунктов меню справки и удаления предопределенных пунктов меню справки.
Информационное диалоговое окно
Описание
Класс VkInfoDialog поддерживает стандартные информационные диалоговые окна OSF / Motif. Используется для отображения полезной информации, кроме сообщений об ошибках.
Банкноты
· Сообщения, требуемые в диалоговых окнах ошибок, не должны требовать какого-либо решения со стороны пользователя.
· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager.
Диалог прерывания
Описание
Класс VkInterruptDialog поддерживает прерываемый диалог занятости, который можно заменить обычным диалогом занятости. Публикует диалоговое окно с кнопкой «Отмена», которую пользователь может нажать, чтобы отменить текущее действие.
Банкноты
· Вы несете ответственность за операции очистки, требуемые вашим приложением, если пользователь прерывает процесс до его завершения.
· Не размещайте и не отключайте непосредственно прерываемый диалог занятости.
Действие меню
Описание
Класс VkMenuAction предоставляет выбираемый пункт меню, выполняющий действие. Реализован как PushButtonGadget. Связан с функцией обратного вызова, выполняющей операцию, и, необязательно, функцией обратного вызова, отменяющей операцию.
Банкноты
Предоставляет публичные функции в дополнение к тем, которые реализованы VkMenuItem.
Строка меню
Описание
Класс VkMenuBar предоставляет строку меню, предназначенную для работы с VkWindow, и некоторые функции-члены для установки объекта VkMenuBar в качестве строки меню.
Банкноты
Поддерживает все функции класса VkMenu.
Меню Подтвердить первое действие
Описание
Класс VkMenuConfirmFirstAction предоставляет выбираемый пункт меню, выполняющий действие.Когда пользователь выбирает этот тип пункта меню, приложение отправляет диалоговое окно вопроса с запросом подтверждения. Выполняет действие только после подтверждения пользователем.
Банкноты
· Получено из VkMenuAction.
· Предназначен для безвозвратных действий, таких как удаление файла.
· Не поддерживает функции обратного вызова отмены.
Этикетка меню
Описание
Класс VkMenuLabel предоставляет невыбираемую метку в качестве пункта меню.Реализован как LabelGadget.
Банкноты
Не предоставляет никаких общедоступных функций, кроме тех, которые реализованы VkMenuItem.
Разделитель меню
Описание
Класс VkMenuSeparator предоставляет невыбираемый разделитель в качестве пункта меню и реализован как SeparatorGadget.
Банкноты
Не предоставляет никаких общедоступных функций, кроме тех, которые реализованы VkMenuItem.
Переключатель меню
Описание
Класс VkMenuToggle предоставляет переключатель с двумя состояниями в качестве пункта меню.Демонстрирует простое поведение флажка, если вы не добавите группу переключателей к объекту VkRadioSubMenu для обеспечения поведения радио.
Банкноты
· Получено из VkMenuAction.
· Предоставляет функции для установки и получения состояния переключения в дополнение к общедоступным функциям, предоставляемым VkMenuItem.
Диспетчер отмены меню
Описание
Класс VkMenuUndoManager предоставляет пользователям простой метод отмены команд, которые они отправляют вашему приложению.Вы добавляете один пункт меню в одно из меню вашего приложения, чтобы создать пользовательский интерфейс для Undo Manager. Вы можете использовать диспетчер отмены для поддержки отмены любой команды, независимо от того, запускает ли пользователь команду с помощью меню или с помощью других методов интерфейса.
Банкноты
· По умолчанию обеспечивает поддержку многоуровневой отмены.
· Сохраняет команды в стеке.
· Должен существовать в приложении, если undoCallback установлен в любом пункте меню.
Меню опций
Описание
Класс VkOptionMenu поддерживает меню параметров, которые можно использовать в любом месте вашего интерфейса.
Банкноты
Автоматически отображается при создании.
Наброски
Описание
Класс VkOutline отображает текстовый контур и автоматически делает отступ элементов в соответствии с их глубиной в контуре.
Банкноты
· Получено из VkComponent.
· Если места недостаточно для отображения всего контура, автоматически отображается полоса прокрутки.
· Отображает значок управления слева от каждого элемента структуры, который содержит подпункты.
Пирог
Описание
Класс VkPie отображает данные в виде круговой диаграммы.
Банкноты
· Получено из VkMeter.
· Может иметь фиксированный размер или пытаться изменять размер динамически, поскольку для отображения содержащихся в нем элементов требуется больше или меньше места.
Всплывающее меню
Описание
Класс VkPopupMenu поддерживает всплывающие меню, которые можно прикрепить к одному или нескольким виджетам в приложении.Появится автоматически, когда пользователь щелкнет любой из этих виджетов правой кнопкой мыши.
Банкноты
· Имеет четыре разных конструктора.
· Может также вызвать всплывающее меню программно, если вы не прикрепили всплывающее меню к виджету.
Диалог выполнения
Описание
Класс VkProgressDialog отображает индикатор выполнения со шкалой процента выполнения.
Банкноты
Получено из VkDialogManager.
Диалог подсказки
Описание
Класс VkPromptDialg поддерживает стандартные диалоговые окна подсказок OSF / Motif, которые позволяют пользователю вводить текстовую строку. Используйте, когда вы должны предложить пользователю ввести один фрагмент информации.
Банкноты
По умолчанию отображает только кнопки ОК и Отмена. Отображает кнопку «Применить» только в том случае, если вы обеспечиваете обратный вызов для этой кнопки.
Диалог вопросов
Описание
Класс VkQuestionDialog поддерживает стандартные диалоговые окна вопросов OSF / Motif, которые позволяют пользователю выбирать среди простых вариантов, нажимая кнопки.
Банкноты
· По умолчанию отображает только кнопки ОК и Отмена. Отображает кнопку «Применить» только в том случае, если вы обеспечиваете обратный вызов для этой кнопки.
· Не предоставляет никаких дополнительных функций, кроме тех, которые предлагает VkDialogManager.
Подменю радио
Описание
Класс VkRadioSubMenu поддерживает панели раскрывающегося меню и предназначен для поддержки одной из многих коллекций объектов VkToggleItem. Используйте в качестве панелей меню в строке меню или как каскадное раскрывающееся меню во всплывающем или другом раскрывающемся меню.
Банкноты
· Получено из VkSubMenu.
· Может добавлять в любые VkMenuBar, VkPopupMenu или VkSubMenu, вызывая их функции-члены addRadioSubmenu ().
Кнопка повтора
Описание
Класс VkRepeatButton предоставляет автоматически повторяющуюся кнопку. Активируется, когда пользователь нажимает кнопку, и начинает повторяться с заданным интервалом. Деактивируется, когда пользователь отпускает кнопку.
Банкноты
· Конструктор принимает три аргумента.
· Получено из VkComponent.
Простое окно
Описание
Класс VkSimpleWindow поддерживает окно верхнего уровня, которое не включает строку меню в верхней части окна, и создает всплывающую оболочку как дочернюю по отношению к невидимой оболочке, созданной экземпляром VkApp вашего приложения. Также создает виджет XmMainWindow как дочерний элемент всплывающей оболочки. Устанавливает различные свойства в окне оболочки и предоставляет простые перехватчики для взаимодействия с оконным менеджером.Регистрирует свои окна с экземплярами приложения VkApp для поддержки общесистемных сервисов (например, установка курсора для всех окон приложения).
Банкноты
Все окна верхнего уровня в приложении ViewKit должны быть экземплярами VkSimpleWindow, VkWindow или подклассом одного из этих классов.
Примечание. Диалоговое окно «Создать класс» отображается автоматически, когда вы щелкаете «Простое окно» на палитре.
Подменю
Описание
Класс VkSubMenu поддерживает панели раскрывающегося меню, которые можно использовать в строке меню или как каскадное раскрывающееся меню во всплывающем или другом раскрывающемся меню.Вы можете добавить подменю к любому типу меню, вызвав функцию-член addSubmenu () меню.
Банкноты
· Обычно не требует создания экземпляра.
· Обеспечивает дополнительные публичные функции-члены.
Колода с вкладками
Описание
Класс VkTabbedDeck — это класс менеджера, который одновременно отображает только одного дочернего элемента. У каждого ребенка есть соответствующая вкладка. При выборе вкладки отображается связанный дочерний элемент. Установите переключатель «Создать исходный код VkTabbedDeck» на вкладке «Классы» панели «Параметры создания ViewKit» (Браузер: Параметры: Параметры создания кода), чтобы Builder Xcessory сгенерировал этот код.См. «Переключить параметры» для получения более подробной информации.
Банкноты
· Этот класс был добавлен во ViewKit начиная с версии 1.3.
· Build Xcessory предоставляет исходный код этого класса для пользователей ViewKit до версии 1.3.
Панель вкладок
Описание
Класс VkTabPanel отображает строку или столбец наложенных вкладок по горизонтали. Вкладка может содержать текст, растровое изображение или и то, и другое. Позволяет пользователю щелкнуть вкладку левой кнопкой мыши, чтобы выбрать вкладку.
Банкноты
· Получено из VkComponent.
· Одна вкладка всегда выбрана и отображается над другими.
· Вы можете зарегистрировать функции обратного вызова для выполнения действий на основе выбранных вкладок.
Клещи
Описание
Класс VkTickMarks отображает вертикальный набор отметок. Чаще всего используется рядом с вертикальным виджетом Motif XmScale (3). По умолчанию деления выравниваются по правому краю, а метки отображаются слева.
Банкноты
· Получено из VkComponent.
· Может быть настроен на выравнивание по левому краю и отображение меток справа.
Вуметр
Описание
Класс VkVuMeter — это компонент для отображения сегментированного счетчика, представляющий вертикальный набор сегментов в виде дисплея счетчика.
Банкноты
· Диапазон значений от 0 до 110, где 0 означает наибольшее количество сегментов, а 110 — наименьшее.
· Может иметь фиксированный размер или пытаться изменять размер динамически.
Окно
Описание
Класс VkWindow поддерживает окно верхнего уровня, которое включает строку меню в верхней части окна и создает всплывающую оболочку как дочернюю по отношению к невидимой оболочке, созданной экземпляром VkApp вашего приложения. Также создает виджет XmMainWindow как дочерний элемент всплывающей оболочки. Устанавливает различные свойства в окне оболочки и предоставляет простые перехватчики для взаимодействия с оконным менеджером.Регистрирует свои окна с экземплярами приложения VkApp для поддержки общесистемных сервисов (например, установка курсора для всех окон приложения).
Банкноты
· Получено из VkSimpleWindow.
· Все окна верхнего уровня в приложении ViewKit должны быть экземплярами VkSimpleWindow, VkWindow или подклассом одного из этих классов.
Примечание. Диалоговое окно «Создать класс» отображается автоматически, когда вы щелкаете «Окно» на палитре.
· Подкласс, созданный в Builder Xcessory, включает несколько общих пунктов меню в строке меню, которые вы можете удалить или изменить при необходимости.
Диалоговое окно предупреждения
Описание
VkWarningDialog поддерживает стандартные диалоговые окна предупреждений OSF / Motif. Используется для предупреждения пользователя о последствиях действия, например о предупреждении пользователя о том, что действие приведет к безвозвратному удалению информации.
Банкноты
· По умолчанию диалоговые окна содержат только кнопку ОК.
· Не предоставляет никаких дополнительных функций, кроме тех, которые предлагает VkDialogManager.
вк-терминал
\ / / | / / | _ | _ _ __ _ __ ___ () __ __ | |
\ \ / / | ‘/ | | / _ \ ‘__ | ‘ _ \ | | '_ \ / _
| |
\ V / | . \ | | / | | | | | | | | | | | ( | | |
_ / | | _ \ | _ | _ | | | | | | | | | | | | _ , | |
Пакет терминала для Atom, в комплекте с темами, API и многим другим для PlatformIO IDE.
Nucleus Dark UI с синтаксисом материала Atom и нашей темой Homebrew.
Установить
Готовы к установке?
Можно установить через apm: apm install vk-terminal
Или перейдите на вкладку установки в представлении настроек Atom и найдите vk-terminal
.
Использование
vk-terminal
остается внизу вашего редактора, пока вы работаете.
Щелкните значок состояния, чтобы переключить этот терминал (или ctrl-`
).Щелкните правой кнопкой мыши значок состояния, чтобы просмотреть список доступных команд. В контекстном меню вы можете указать цвет значка состояния, а также скрыть или закрыть экземпляр терминала.
Терминал
Вы можете открыть последний активный терминал с помощью команды vk-terminal: toggle
(по умолчанию: ctrl-`
). Если экземпляры терминала недоступны, будет создан новый. Та же команда переключения используется для скрытия текущего активного терминала.
Оттуда вы можете начать вводить текст в терминал.По умолчанию терминал по возможности сменит каталог на папку проекта. Рабочий каталог по умолчанию можно изменить в настройках на домашний каталог или на каталог активных файлов.
См. Доступные команды ниже.
Возможности
Полный терминал
В каждый терминал загружаются файлы инициализации вашей системы по умолчанию. Это гарантирует, что у вас будет доступ к тем же командам и псевдонимам, что и в стандартном терминале.
Шаблоны
В терминал предустановлено несколько тем оформления, из которых вы можете выбирать.Не удовлетворены?
Используйте следующий шаблон в своей таблице стилей:
.vk-terminal .xterm {
background-color:;
цвет:;
:: selection {
background-color:;
}
.terminal-cursor {
background-color:;
}
}
Заголовки процессов
Наведя курсор на значок состояния терминала, вы можете увидеть, какой командный процесс в данный момент выполняется в терминале.
Название терминала
Нужен более быстрый способ выяснить, какой терминал какой? Назовите свои значки статуса!
Доступно через контекстное меню значка состояния.
Кодировка цвета
Цветовой код ваших значков статуса!
Цвета настраиваются в настройках, однако названия цветов остаются прежними в контекстном меню.
Сортировка
Организуйте открытые экземпляры терминала, перетаскивая их.
Изменяемый размер
Вы можете изменить размер представления по вертикали или просто увеличить его с помощью кнопки развертывания.
Рабочий каталог
Вы можете установить рабочий каталог по умолчанию для новых терминалов. По умолчанию это будет папка проекта.
Удаление файла
При перетаскивании файла на терминал путь к файлу будет вставлен во входные данные. Это работает с внешними файлами, вкладками из представления вкладок Atom и записями из представления дерева Atom.
Вставить выделенный текст
Вставьте и запустите выделенный текст из текстового редактора, выполнив команду vk-terminal: insert-selected-text
( ctrl-enter
).
Если у вас выделен текст, он вставит выбранный текст в активный терминал и запустит его.
Если у вас нет выделенного текста, он запустит текст в строке, где находится курсор, а затем перейдет к следующей строке.
Вставка быстрой команды
Быстро вставьте команду в активный терминал, выполнив команду vk-terminal: insert-text
.
Появится диалоговое окно с запросом ввода для вставки. Если у вас в настройках включена опция Run Inserted Text
(по умолчанию false), vk-terminal автоматически выполнит команду за вас.
Поддержка специальных клавиш
Поддержка IME, мертвых клавиш и других комбинаций клавиш через диалоговое окно Insert Text
. Просто нажмите кнопку клавиатуры в верхнем левом углу терминала или настройте раскладку клавиатуры для vk-terminal: insert-text
command.
Примечание. Убедитесь, что у вас выключен переключатель «Выполнить вставленную команду
», иначе будет выполнен вставленный текст.
Карта терминала до
Сопоставьте свои терминалы с каждым файлом или папкой, над которыми вы работаете, для автоматического переключения терминалов.
Файл
Папка
Переключение параметра «Автоматическое открытие нового терминала» (для отображения терминала) При отображении
будет автоматически создан новый терминал для файлов и папок, у которых нет терминала.Переключатель расположен прямо под опцией «Сопоставить терминалы с
».
Команды
Команда | Действие | Клавиатура по умолчанию |
---|---|---|
вк-терминал: новый | Создайте новый экземпляр терминала. | ctrl-shift-t или cmd-shift-t |
ВК-терминал: переключить | Переключить последний активный экземпляр терминала. Примечание: При необходимости будет создан новый терминал. | ctrl-` (Control + обратный апостроф) |
ВК-терминал: пред. | Переключитесь на терминал слева от последнего активного терминала. | ctrl-shift-j или cmd-shift-j |
вк-терминал: следующий | Переключитесь на клемму справа от последней активной клеммы. | ctrl-shift-k или cmd-shift-k |
vk-terminal: вставить-выделенный-текст | Выполнить выделенный текст как команду в активном терминале. | Ctrl-Enter |
ВК-терминал: вставить-текст | Вызов окна ввода для использования IME и специальных клавиш. | –––––––––––– |
вк-терминал: полноэкранный | Включить полноэкранный режим для активного терминала. | –––––––––––– |
вк-терминал: закрыть | Закройте активный терминал. | ctrl-shift-x или cmd-shift-x |
вк-терминал: все | Закройте все клеммы. | –––––––––––– |
вк-терминал: переименовать | Переименуйте активный терминал. | –––––––––––– |
Вилка джеремирамина / терминал-плюс.
Окончательное антивозрастное меню для вашей кожи
Диетологи снова и снова подчеркивают, что сбалансированное питание важно для хорошего здоровья. Но каковы реальные преимущества? Несомненно, переход на здоровое питание иногда может оказаться слишком сложным.Тем не менее, если вы знаете, что получите в долгосрочной перспективе, все станет проще.
Одно из важнейших преимуществ здорового питания — придать вам естественную красоту. Сегодня мы подготовили для вас меню, которое может стать вашим первым шагом в борьбе со старением кожи. Звучит слишком хорошо, чтобы быть правдой? Продолжайте читать, чтобы узнать, как правильно питаться и оставаться молодым.
Завтрак: фриттата с грибами, брокколи и шпинатом
Начните свой день с вкусного итальянского завтрака.У этого блюда на основе яиц есть сразу несколько подарков на ваш взгляд. Во-первых, он чрезвычайно богат белком. Как известно, белок имеет решающее значение для клеточной структуры кожи. Во-вторых, это источник биотина — элемента, который сохранит здоровье вашей кожи и волос. Добавьте ко всему этому зеленые овощи — и приступайте к ежедневной свежей дозе антиоксидантов, незаменимых компонентов для устранения разрушительного воздействия свободных радикалов.
Обед: загруженный сладкий картофель
Сладкий картофель — один из основных источников каротиноидов — еще один антиоксидант в вашем списке, который защитит кожу от свободных радикалов и солнечных лучей.Добавьте фенхель, чтобы уменьшить воспаление и вылечить очень сухую кожу.
Закуска: жареный нут
Фитохимические вещества кверцетин и кемпферол — это два элемента, которые вы, возможно, никогда не научитесь произносить, но вы должны знать, что они делают для вашего внешнего вида. Эти противовоспалительные компоненты сделают вашу кожу более чистой, а цвет лица станет ровным. Кроме того, они содержат медь и марганец — два минерала, которые поддерживают метаболизм и регенерацию кожи.
Ужин: жареный лосось с овощами
Помимо улучшения здоровья сердца, содержащиеся в лососе жиры омега-3 также сделают вашу кожу гладкой и мягкой. Сочетайте его с правильными овощами, и вы получите дополнительную дозу витамина С. Это повысит выработку коллагена — ключ к борьбе с морщинами.
Закуска: ягодный смузи с порошком матча
В прошлом году маття вызвал много шума в мире здорового питания.По сути, это концентрированный зеленый чай, так что возьмите все его обычные преимущества и умножьте на тысячу. Зеленый чай, вероятно, является оружием номер один против свободных радикалов. Таким образом, добавляя чайную ложку к еде или перекусу, вы автоматически делаете ее в несколько раз здоровее. Что касается ягодного смузи, возьмите чернику и гранат, если хотите добавить вкусные антиоксиданты. Вы также можете выбрать чернику, малину и виноград сорта Конкорд. Они богаты питательными элементами, включая полифенолы и антоцианы, которые помогут вам сразу победить старение кожи.
Конечно, это не единственное возможное меню для вашей антивозрастной диеты. Разумно сочетая подходящие продукты, вы можете создавать множество вариаций аппетитных блюд. Ваша семья даже не заметит, что вы убираете все эти нездоровые ингредиенты! Ознакомьтесь с нашими 8 простыми правилами диеты для сияющей кожи, чтобы найти еще несколько способов разнообразить свой рацион. Ешьте здоровую пищу и оставайтесь красивыми, дамы!
Программа NodeXL для анализа и визуализации эго-сети из ВК.com сервис
2. Вам могут понадобиться плагины для создания списков с вершинами и ребрами для NodeXL. Чтобы продолжить анализ социальной сети VK.com, скачайте zip-архив VK Importer 1.1.0: http://runetimporter.codeplex.com/releases/. В архиве четыре файла .dll. Мы предполагаем, что вы установили его в папку по умолчанию C: \ Program Files \ Social Media Research Foundation \ NodeXL Excel Template. Скопируйте эти файлы в каталог плагинов NodeXL C: \ Program Files \ Social Media Research Foundation \ NodeXL Excel Template \ Plugins.Запустите или перезапустите NodeXL.
3. Откройте NodeXL (меню Windows — Все программы — NodeXL — NodeXL Excel Template), выберите вкладку NodeXL — меню Импорт — меню From Vk Network Importer.
4. Выберите «Вход» и создайте аккаунт в VK.com.
Укажите все элементы, кроме имени.
В поле Network введите ID пользователя vk, чтобы начать визуализацию и анализ эго-сети. Идентификатор пользователя можно найти в адресной строке URL-адреса и представляет собой несколько числовых символов. я.е. 1111111 для http://vk.com/id1111111. Если вы найдете псевдоним, созданный пользователем, его или ее идентификатор можно найти в URL-адресе фотографии профиля.
Отсюда клика Скачать. Если вы хотите включить узел пользователя в сеть, выберите пункт «Включить эго».
5. Теперь вы перейдете к рабочему листу с узлами и ребрами, в правом поле нажмите Показать график, чтобы увидеть визуализированный график.
6. Для визуально убедительной диаграммы:
6.1. Чтобы присвоить узлам имена из учетных записей ВКонтакте, перейдите на рабочий лист Vertices и скопируйте данные из Tooltip в Label. Затем нажмите Refresh Graph.
6.2. Вверху найдите Группы — выберите Группы по кластеру — Ок. Обновить график.
6.3. Теперь перейдите на панель визуализации и выберите алгоритм Harel-Koren Fast Multiscale.
Теперь вы видите группы пользователей разными цветами, созданные на основе связей между узлами или разных критериев центральности.
6.4. Сохранить изображение в файл.
6.5. Экспорт данных с помощью меню Экспорт — Экспорт в файл GraphML.
Вакцинация не является условием для повторного открытия школ: VK Paul
Нью-Дели [Индия], 9 сентября (ANI) Вакцинация детей не является условием для повторного открытия школ, сообщил в четверг член-Health of NITI Aayog VK Paul. Отвечая на вопрос во время брифинга для прессы об угрозе заражения детей из-за COVID-19 в связи с возобновлением открытия школ, Пол сказал: «Вакцинация детей не является условием для возобновления работы школ.Этот критерий неприемлем нигде в мире, ни один научный орган, эпидемиологические данные не предполагают это как условие … Тем не менее, вакцинация персонала желательна ».
На вопрос о наличии вакцин COVID-19 от Moderna and Johnson Вакцины & Johnson в Индии, получившие разрешение на использование в экстренных случаях, сказал Пол: «Статус EUA хорошо известен как Moderna, так и Johnson и Johnson. Этот вариант открыт ».« Что касается их импорта или развертывания из местного производства Johnson and Johnson, есть вопросы, по которым нам еще предстоит найти общий язык с производителями, и мы работаем в этом направлении », — сказал он.
Организация Member-Health, NITI Aayog сообщила, что одна доза вакцины против COVID-19 снижает вероятность смерти до 95 процентов, и сообщила, что 58 процентов населения страны старше 18 лет получили первую дозу вакцины. против COVID-19. «Когда вы вводите две дозы, это обеспечивает полную защиту от серьезного заболевания и смерти. Однако с помощью динамических данных мы увидели, что вакцины на одну дозу вакцины также предотвращают серьезные заболевания или смерть на 95 процентов. Ясно, что наши инструменты вакцина — самый важный инструмент, и он нас защитит.В дальнейшем это кардинально изменит сценарий «, — сказал Пол.
. — Ясно, что две дозы показывают полную защиту, 58 процентов старше 18 лет, учитывая однократную дозу, это должно быть 100 процентов. Никого нельзя оставлять позади … Введено около 72 крор доз вакцины, оставшиеся должны быть введены для развития коллективного иммунитета », — добавил Пол. Общее количество первых доз вакцины против COVID-19, введенных в стране, составляет 54, 68,97,006, в то время как введенные вторые дозы составили 16,97,00,422.
Штаты и союзные территории с более чем 85-процентным охватом первой дозой среди 18 плюс населения; Сикким, Дадар и Нагар-Хавели, Химачал-Прадеш, Трипура, Ладакх, Даман и Диу, Лакшадвип, Уттаракханд, Мизорам. Сикким, Дадар, Нагар-Хавели и Химачал-Прадеш вакцинировали 100 процентов своего населения первой дозой вакцины против COVID-19. (ANI)
(Эта история не редактировалась сотрудниками Devdiscourse и была автоматически создана из синдицированного канала.)
Как сделать новую аватарку в ВК. Как сделать аватарку для группы в ВК: подробная инструкция
Аватар для группы ВК нужно выбирать с умом, ведь это лицо сообщества. Только яркое, информативное и привлекательное изображение способно привлечь внимание посетителей, заинтересовать публику. В этом обзоре мы расскажем, как выбрать и настроить подходящий образ, поговорим о требованиях и правилах загрузки. Прочтите и узнайте нужную информацию!
Определение
Что такое аватар? Это уникальное фото, размещенное на публичной странице.Админы сообщества сами выбирают изображение — оно используется для уникальной настройки сообщества.
Персонализированное изображение обозначает общественную тематику, содержит контактную информацию, рекламные данные. Есть два типа этого дизайна:
- Маленькая вертикальная картинка — это аватар;
- Сделать горизонтальную аватарку можно в группе ВКонтакте — так и называется.
Привлекательность дизайна аватара основана на строгих правилах, которые стоит обсудить.
Требования
Изображения должны соответствовать определенным требованиям, установленным разработчиками социальной сети … К аватару применяются следующие правила:
- Размер 200×500 пикселей;
- Пропорции — от 1 до 2,5;
- Миниатюра имеет формат 200×200 пикселей;
- Пропорции миниатюры 1: 1.
Обложка подбирается по следующим правилам:
- Разрешение 1590х400 точек;
- Размер не менее 795 пикселей в ширину и 200 пикселей в высоту.
Правило для форматов общее — выбирайте только GIF, PNG, JPG.
Как сделать аватарку самому?
Вы можете создать аватар для группы ВК онлайн самостоятельно — есть несколько вариантов на выбор.
Первый способ — воспользоваться специальными услугами, которыми в избытке в Интернете. Большинство конструкторов можно использовать бесплатно, например Canva. Как выглядит процесс создания изображения?
- Выберите один из множества встроенных шаблонов аватара группы ВКонтакте;
- Загрузить картинку для базы;
- Используйте фильтры, играйте с яркостью и контрастом;
- Выбирайте стикеры, рамки, анимированные картинки;
- Загрузите готовое решение! Все желаемые настройки будут выложены автоматически.
Есть второй способ — скачать фотошоп к себе на компьютер! Краткое руководство по Photoshop можно найти ниже, даже базовых знаний хватит, чтобы создать красивый логотип.
Несколько полезных советов для новичка без дизайнерских навыков:
- Следуйте теме сообщества;
- Избегайте большого количества контактной информации;
- Переместите рамки так, чтобы основная часть аватара отображалась в окне миниатюр;
- Выберите подходящую цветовую схему.
Обсуждали как сделать аватарку для группы ВК онлайн. Если у вас уже есть готовая версия, самое время выложить ее на страничку!
Как поставить и поменять?
Выложить изображение на публичную страницу может даже новичок — в этом нет ничего сложного:
- Наведите курсор на область изображения в боковом меню;
- Ниже будет выбор вариантов;
- Выбрать пункт «Скачать»;
- Щелкните по кнопке «Выбрать файл»;
- Найдите на устройстве интересующую вас картинку;
- Переместить рамки — это область, которая будет отображаться на странице сообщества;
- Щелкните значок «Сохранить и продолжить»;
- Выделите квадратную область эскиза, сдвинув рамки;
- Нажмите кнопку «Сохранить изменения».
Не нужно долго думать, как сменить аву в группе ВК — все необходимые настройки появятся при наведении курсора на изображение.
Мы говорили о небольших размерах конструкции. Хотите установить чехол? Тогда читайте, как поставить горизонтальную аватарку в группу ВК:
- Откройте страницу;
- Нажмите кнопку «Настройки» в меню навигации;
- Перейти в блок «Основная информация»;
- Выберите раздел Community Cover;
- Нажмите кнопку «Загрузить»;
Мы рассказали, как сделать аву для группы ВК и успешно ее установить.Вы узнали все о требованиях к качеству — больше не будет вопросов и сложностей, ваша публичная страница будет выделяться из общего ряда уникальным дизайном!
Как сделать горизонтальную картинку профиля в группе ВКонтакте — вопрос, который задают большинство администраторов и создателей сообществ ВКонтакте. Горизонтальная полоса покрытия создает привлекательный внешний вид группы и создает возможность более точно передать атмосферу сообщества. В этой статье мы расскажем, как самостоятельно скачать эту конструктивную деталь.
Пошаговая инструкция, как сделать горизонтальную аватарку в группе ВКонтакте.
Первый шаг — выбрать картинку, которую вы хотели бы видеть в качестве обложки. Оптимальный размер изображения для верхней картинки ВКонтакте — 1590х400 пикселей. Формат изображения: JPG, GIF и PNG. Если вы полностью соответствуете формату и размеру изображения, вы можете получить наилучшее соответствие между вашим изображением и фактическим видом загруженной обложки.
После выбора изображения вы можете сразу начать его загрузку.Для этого зайдите в сообщество и перейдите в меню управления сообществом. В открывшемся меню найдите поле «Обложка сообщества». Затем нажмите «Загрузить» и следуйте всем инструкциям. Сохраните результаты, и все готово! Теперь у вас есть красивый горизонтальный аватар и вы можете приступить к его работе
Евгения Крюкова
* Обновление статьи.
Красивый дизайн сообщества ВКонтакте — это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании.Если общедоступная страница или группа не созданы профессионально, ваши потенциальные клиенты могут вполне логично заключить, что вы так же небрежно относитесь к своей работе. Чтобы этого не происходило, убедитесь, что ваша страница ВКонтакте красивая, аккуратная и удобная. Как это сделать? Читай ниже.
Актуальные размеры картинок ВКонтакте
Некоторое время назад разработчики социальной сети ВКонтакте запустили новый дизайн. Это привело к тому, что изменились размер и принципы отображения изображений.Памятка, которая будет представлена ниже, соответствует всем нововведениям и содержит размеры, актуальные на данный момент времени.
А теперь давайте подробнее рассмотрим каждый предмет.
ВК размер аватара
Минимальный размер аватара — 200 на 200 пикселей. Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:
Максимальный размер аватара — 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны.Главное, чтобы соотношение их сторон не превышало 2: 5.
Я покажу вам на примере.
У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает. Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выбрать его полностью.
Крышка
Размер обложки для полной версии сайта 1590 х 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей.Посмотрите, как его обрезают в мобильном приложении:
Чтобы этого не случилось, разместите основные элементы обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакты» ширина ленты новостей стала фиксированной. Это означает, что изображения, прикрепленные к сообщению, больше не растягиваются, а остаются такими, какие есть. Следовательно, если вы хотите, чтобы ваше изображение полностью заполняло отведенное ему пространство в ленте новостей, его ширина должна быть не менее 510 пикселей.Лучше всего, если это будет квадрат или прямоугольник в альбомной ориентации.
Звучит немного запутанно 🙂 Я покажу вам пример.
Допустим, у нас есть квадратное изображение со сторонами 510 пикселей. Если прикрепить его к нашему посту, он очень хорошо смотрится в ленте новостей на всех устройствах:
А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов.Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно будут рассматривать ваш имидж, просто во втором случае им будет немного комфортнее.
Изображения для сообщений со ссылкой
Все эти данные взяты из кода разметки Open Graph:
Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи.При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:
Или загрузите свой:
Минимальный размер изображения, которое вы можете использовать для предварительного просмотра статьи, составляет 537 на 240 пикселей. Однако вы можете загружать изображения большего размера, если соотношение сторон правильное.
Картинка к статье, созданной в редакторе
Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей.Лучше, если он будет темным и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не лучший пример:
Размер фото и видео для рассказов
Размер фотографий 1080 на 1920 пикселей. Размер видео 720 на 1280 пикселей.
Характеристики видеозаписи:
- до 15 секунд;
- не более 5 МБ;
- ч.264 кодек;
- звук aAC.
В рассказах должны использоваться фото и видео вертикального формата.
Обратите внимание: истории от имени сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики ВКонтакте открыли эту функцию. И делается это с помощью официального приложения … Это невозможно сделать с компьютера.
Примеры динамических обложек:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не исправляют какие-либо сообщения в шапке, чтобы пользователи могли прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хештегами
Некоторые компании добавляют к стандартному описанию страницы хэштеги, которые ее характеризуют. Это сделано для того, чтобы страница имела более четкую релевантность и за счет этого занимала более высокое место в поиске по релевантным запросам. Если честно, не знаю, работает этот метод или нет. Кейсов по этой теме не встречал, так что если кто знает, буду признателен, если поделитесь ссылкой.
Закрепленное сообщение, рассказывающее, о чем эта страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивым макетом), то вы можете прикрепить вики-пост или статью, набранную в редакторе, с яркой картинкой на анонсе в шапку, что побудит пользователей щелкнуть по нему.Пример такого поста:
А вот что видит пользователь после перехода по ссылке:
Меню новых ссылок
Не так давно разработчики ВКонтакте наконец-то порадовали владельцев сообщества новым инструментом, с помощью которого можно создавать меню — быстро и без мучений с вики-страницами. Выглядит несколько примитивно, поэтому я еще расскажу, как создать красивое меню.
Меню появляется автоматически, если вы используете приложения сообщества или подключили магазин.Например, на предыдущем рисунке все три пункта меню являются ссылками на приложения. Вы можете добавить сюда свои — в важные записи, альбомы, обсуждения и т.д., до 7 штук (без учета приложения). Но вы можете ссылаться только на ресурсы в социальной сети, за исключением вики-страниц.
Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, щелкните «Новая ссылка».
В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, изменить его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно сделать и с остальными ссылками, которые были добавлены вручную и требуют настройки.
Результат должен выглядеть примерно так:
Групповое меню открыто
Открытое меню Я вызываю такое меню, в котором сразу видно, из каких пунктов оно состоит. То есть изображение предварительного просмотра вики-сообщения полностью дублирует его содержание.Таким образом, пользователи сразу видят, что их ждет внутри. Я покажу вам на примере.
Вот как выглядит закрепленный пост в заголовке Flatro:
Групповое меню закрыто
Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню. Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».
И вот что мы видим, когда нажимаем на него:
Кстати, надо заметить, что это не единственные варианты.В принципе, вы можете написать на этой картинке все, что захотите. Главное, чтобы пользователь хотел по ней кликнуть, и он понимал, что его ждет после этого. Пример:
Групповое меню
Объединенное меню — это когда изображение в анонсе вашего меню представляет собой одно изображение с аватаром. Ниже я подробно расскажу, как сделать такое меню, а пока только посмотрите, как красиво оно выглядит.
Хотите красиво оформить сообщество ВКонтакте, но не имеете необходимых навыков? Оформление заказа в нашей компании.Мы подготовим для вас аватар, обложку, шаблоны категорий, меню и превью товаров.
GIF и аватар в одном изображении
А вот такой вариант дизайна шапки меня очень впечатлил. Автоматически проигрываемый GIF сливается с аватаром в единую композицию и привлекает внимание пользователей, даже если на нем нет никакой информации.
Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂
Скрытое меню
Скрытое меню доступно только для групп (страницы не имеют такой функции).Чтобы его увидеть, нужно перейти по соответствующей ссылке. Преимущество этого метода проектирования заключается в том, что пользователи могут видеть основную информацию сообщества, и если они хотят использовать меню, им просто нужно сделать один щелчок. Однако здесь есть небольшой недостаток — не все пользователи знают о существовании этой функции, поэтому вашему меню может быть уделено меньше внимания, чем если бы оно было закреплено вверху страницы.
Автоматическое воспроизведение видео
В конце ноября 2015 года в социальной сети ВКонтакте появилось интересное нововведение — как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает проигрываться автоматически.С помощью этой техники вы можете привлечь еще больше внимания пользователей (особенно тех, кто впервые посетил вашу страницу), и в то же время не раздражать тех, кто не любит, когда им навязывают их контент, потому что видео воспроизводится без звука и практически не мешает …
Как добавить такое видео в шапку своей страницы?
Для этого необходимо выполнить три условия:
- Прикрепите видео к сообщению и закрепите его в топе сообщества.
- Кроме видео, к записи больше ничего не прикреплять. Видео и текст только по желанию.
- Видео должно быть загружено ВКонтакте — сторонние плееры не поддерживаются.
Сообщение, которое получает много репостов
Еще один способ продуктивно использовать пространство в заголовке страницы — закрепить на нем один из самых успешных постов — тот, который уже набрал и продолжает набирать большое количество лайков и репостов.Зачем это, думаю, все понимают — чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, событий
Презентация новых товаров / услуг
Скидки и акции
Корпуса, отзывы покупателей
Реклама приложений
Розыгрыши
Правила сообщества
Ссылки на другие социальные сети
Я перечислил далеко не все варианты оформления шапки.В основном, на обложке и в прикрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые продукты и т. Д. Так что не ограничивайтесь приведенными выше примерами. Проявите творческий подход и используйте дизайн своего сообщества для достижения своих целей.
Какой должна быть аватарка
Аватар — это не только красивая картинка с логотипом вашей компании, но и рабочий инструмент маркетолога, с помощью которого он добивается своих целей. Давайте подробнее рассмотрим, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия.Начнем с миниатюры.
Уменьшенное изображение аватара
- Текст на миниатюре аватара должен быть достаточно большим, чтобы его можно было прочесть.
- Текст не должен выходить за пределы эскиза.
- Пользователи должны понимать, что показано на аватаре.
- По возможности лучше не использовать стоковые изображения, поскольку они часто снижают доверие к компании.
- Нежелательно, чтобы эскиз аватара был слишком унылым и скучным, иначе он затеряется на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его минималистичным: меньше текста, теней, градиентов и элементов, не несущих никакого смысла. Ваш аватар должен быть максимально простым и аккуратным. Этот стиль сейчас в тренде.
- Если ваша цель — привлечь внимание пользователей и выделиться среди других аватарок в ленте, вам придется включить воображение.Подумайте, что вы сами ищете, когда ищете интересные сообщества? Например, меня уже привлекли аватары с горящей лампочкой, которая обычно означает, что пришло новое сообщение. Это очень старая техника, но почему-то до сих пор меня поражает — когда я увижу такой свет, я обязательно буду на него смотреть.
Я не предполагаю, что этот трюк будет работать и с вашей страницей. Сообщение, которое я хочу передать, заключается в том, что есть очень, очень много способов выделиться, вам просто нужно задать этот вопрос и проявить немного творчества.Например, вот еще одна интересная идея, о которой я сам вряд ли бы подумал:
Аватар представляет собой черный круг: большой и маленький. Казалось бы, зачем это вообще? Но когда вы пролистываете список сообществ, эти аватары привлекают ваше внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюре аватара
Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:
Объявление о новом продукте / услуге / событии
Преимущества компании / услуги / страницы
Телефон компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют в само название группы, чтобы пользователи обязательно обратили на нее внимание.
Акции
Конкурсы
Вакансий
Каким должен быть сам аватар?
Я подумал, какой должна быть миниатюра аватара и какой текст можно на ней разместить. А теперь перейдем к самому аватару. Полная версия Аватар будет отображаться только в сообществе, у которого не установлена обложка. Именно для таких случаев я написал этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
- Желательно, чтобы аватар был совмещен с меню: он имел такую же цветовую схему, одинаковые шрифты, элементы и т. Д. Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и его миниатюра могут отличаться.Например, вы можете нарисовать круг на своем аватаре, стилизовать его, как вам нравится, выбрать эту область в качестве миниатюры и стилизовать остальную часть аватара в другом стиле.
- Чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить соответствующий призыв к действию в самом низу аватара и сопровождать его стрелкой, указывающей на кнопку.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет выглядеть перегруженным и неопрятным. Добавьте к нему только самые важные моменты и убедитесь, что между ними есть «воздух».
Другой вариант — разделить аватар на две части. Один для миниатюры и один для остальной части аватара.
Какую информацию можно разместить на аватаре?
В принципе, вы можете разместить на своем аватаре все, что угодно. В отличие от миниатюр здесь действительно есть где побродить. Самое главное, не злоупотребляйте 🙂
Домен сайта
Телефон / адрес / часы работы
Конкурсы / акции
Самые покупаемые товары / новинки
информация о доставке
Реклама в мобильных приложениях
Основные преимущества компании / страницы / товара и др.
Обновление ассортимента / новое творчество и др.
Информация о том, что ваше сообщество является официальным
Информация о ближайших мероприятиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Брагс
В общем, на аватаре можно разместить абсолютно любую информацию.Я представил всего несколько идей, чтобы вы могли видеть, что делают другие, и вдохновляться их примерами. Что ж, учтите основные рекомендации: аватар должен быть качественным, шрифт должен быть крупным, а между элементами должно быть больше «воздуха».
Как создать объединенный аватар и меню
Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.
- Скачайте шаблон Photoshop, который я специально подготовил для этой статьи. Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
- Откройте изображение, на котором хотите создать основу.
- Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.
- Добавляйте эффекты, текст, графику и многое другое.
- Если вы не хотите, чтобы часть изображения терялась (в этом пространстве, которое составляет 50 пикселей), переместите его вправо, как показано на следующем гифке:
- Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».
- Удалите ненужные фрагменты (щелчок правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните в пустом месте — возьмите нужную область и растяните ее до необходимого размера).
- Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».
- Перейдите в место, где вы сохранили изображения (рабочий стол или определенный каталог), и найдите там папку под названием «Изображения».Здесь будут ваши изображения. Теперь осталось лишь заполнить их на странице.
П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице Wiki Markup:
Как использовать виджеты
Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, прочитать и оставить отзывы, открыть поиск в сообществе, получить подарок, купон на скидку и т. Д.
Вот несколько примеров того, как виджеты выглядят на странице ВКонтакте:
class = «incut»>
Как стилизовать изображения для постов
Если вы веб-дизайнер или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я к ним, кстати, тоже не отношусь).Поэтому разберемся, как это делается, на примерах успешных компаний.
Кстати, обратите внимание, что практически все известные компании ВКонтакте брендируют свои изображения, то есть добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если вы все же решили это сделать, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент уйдет на него, а изображение будет теряют свою привлекательность.
Где взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выходят качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.
А что делать тем, кто не умеет работать в фотошопе?
Если вы никогда не работали в Photoshop (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться услугами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
1.Fotor.com
После этого в левой части экрана выбираем интересующий нас шаблон. Обратите внимание, что бесплатно предоставляются только шаблоны, не отмеченные значком ромба.
Вставьте его в шаблон, выберите его левой кнопкой мыши, выберите команду «Слой» (значок сэндвича) и нажмите «Переместить вниз». Таким образом, наша картинка уйдет на задний план, а все надписи будут наложены поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.
Затем щелкните значок дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти для загрузки».
Как использовать вики-разметку
Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще слышат этот термин впервые.Поэтому специально для вас я дам определение, которое дает сам «Контакт».
Разметка
Wiki — это язык разметки, который используется для форматирования текста на веб-сайтах (обычно принадлежит к классу вики-проектов) и упрощает доступ к возможностям языка HTML. На нашем сайте вики-страницы являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (жирным шрифтом, подчеркиванием, заголовками и т. Д.), Добавить к ней графику или просто создать красочное меню навигации по вашему сообществу — вики незаменима.
Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:
С помощью этого редактора создаются навигационные меню, а также статьи с изображениями, видео и аудиозаписями. Ниже я подробно разберу, как работать в этом редакторе, но сначала прошу добавить две ссылки в свои закладки. Они очень помогут вам в изучении вики-разметки.
«Какого размера должна быть обложка?
Размер обложки для группы ВКонтакте 795x200px или 1590x400px
Почему предлагается два размера изображения? Второй размер в 2 раза больше, так что шляпа хорошо и красиво смотрится на больших мониторах компьютеров.
Конечно, было бы лучше использовать в групповом дизайне обложку 1590х400 пикселей, чтобы она отлично смотрелась на всех устройствах. Эти размеры официально рекомендованы техподдержкой VK.com.
Чтобы не портить качество картинок при загрузке в ВК.com
Многие замечают, что при загрузке картинки в Vk.com изображение «пенится», то есть искажается. Что делать в таких случаях? Чтобы картинки не искажались, на них не появляется цветовой шум, похожий на рябь, следует при сохранении картинки в Фотошопе выбрать:
Меню Файл -> Сохранить для WEB -> в появившемся окне настроек поставить отметку окошко рядом с «способ загрузки изображения с помощью перетаскивания картинки из папки в строку загрузки в ВК.
Как скачать / установить / включить обложку группы ВКонтакте
Если у вас уже есть обложка для сообщества (шаблон в формате .PSD для заголовка группы размером 1590×400 пикселей, вы можете скачать его по ссылке), чтобы загрузить и установить его, вам нужно будет сделать следующий:
- Под аватаркой группы перейдите в «Действия»
- Выберите «Управление сообществом»
- В элементе «Основная информация» «Обложка сообщества» нажмите «Загрузить».
- В открывшемся окне «Загрузка новой обложки» загрузите разработанную обложку для сообщества ВКонтакте, перетащив ее из папки на компьютере (описано выше)
- Сохранить изменения
Какой максимальный и минимальный размер аватара для группы ВКонтакте в пикселях? Для того, чтобы сделать крутой снимок в сообществе или в личном кабинете в контакте, нужно это знать.
Если вас интересует размер горизонтального ава (обложки), то вам
Приветствую вас друзья по!
Почему я решил написать пост о дизайне группы ВКонтакте?
Очень важно, чтобы ваша группа была не только информативной, но и эстетически привлекательной.
Что это даст?
У меня одно сообщество ВК, красиво оформленное, такое ощущение, что люди подписываются на него не только из-за информации, но и потому, что им нравится сообщество с точки зрения дизайна.
Согласитесь, большая прямоугольная ава выглядит намного привлекательнее маленькой квадратной?
Кстати, информация ниже подходит не только для групп ВКонтакте. инфа подойдет и для регистрации личного аккаунта ВКонтакте.
Идеальная ава, как и оптимальная, стандартная, размер аватара можно считать 200 × 500 в пикселях, где 200 — ширина, а 500 — высота.
Если говорить о максимальной высоте и ширине, то ее просто не существует.
Его размер составляет от 2 до 5.
Где 2 — его ширина, а 5 — высота изображения или фотографии группы или личной страницы в контакте.
Согласитесь, выглядит такая ава намного привлекательнее обычной квадратной?
Тех. послушайте, допустим у вас квадрат размером в пикселях 100х100, первую цифру умножаем на 2, вторую на 5.
В итоге получаем все те же 200 х 500 пикселей.
Если не собираетесь делать на заказ, а будете искать картинки в Яндексе или Гугле, ищите размер 200 х 500, таких картинок больше всего.
Его контакт просто отрежет другую ширину и высоту.
Если вы все же решите поискать картинки или фотографии других пропорций, ниже я оставлю вам оптимальные размеры для групп ВКонтакте.
200 x 500, 300 x 750, 400 x 1000, 500 x 1250, 600 x 1500, 700 x 1750.
Найти большие картинки будет проблематично).
Например 200 на 500 пикселей, картинки в интернете темные.
700 до 1750 нашел только 1).
Вот и все, всем пока!
Играйте с моделями поездов в OpenTTD
Мой отец всегда любил модели поездов, и я помню, как в молодости видел, как он строил дорожку вокруг елки.Когда были выпущены наборы поездов Lego, мы с ним перешли на них из-за их удобства и врожденной расширяемости. Мы строили и эксплуатировали поезда и монорельсовые пути Lego в течение многих лет. Я часто представлял себе возможное будущее, в котором у меня будет гараж или подвал, посвященный миниатюрным пейзажам и свистящим электричкам. С другой стороны, вероятность того, что я серьезно займусь еще одним хобби, довольно мала, поэтому я был очень рад обнаружить, что виртуальная модель железной дороги модели может доставить мне такое же удовлетворение.Движком для моего виртуального хобби является OpenTTD, игра-симулятор с открытым исходным кодом, основанная на старой игре 90-х годов под названием Transport Tycoon Deluxe .
Установка OpenTTD
Вы можете загрузить OpenTTD для Linux, macOS и Windows с сайта openttd.org/downloads.
Если вы используете Debian Linux или одну из его производных, или даже запускаете его на Chromebook, вы можете загрузить пакет .deb
. Установите его с помощью apt
:
$ sudo apt install./ openttd * деб
Если вы используете какой-либо другой дистрибутив Linux, загрузите общий установщик и извлеките пакет с помощью команды tar
:
$ tar xvf openttd-x.yy.z-linux * .tar.xz
OpenTTD также доступен в Steam для Linux, macOS и Windows (Steam не является открытым исходным кодом, но является распространенным кроссплатформенным игровым клиентом).
Запустить OpenTTD
Если вы установили OpenTTD, вы можете запустить его из меню приложения.
Если вы загрузили общий пакет, перейдите в каталог и запустите игру с помощью локальной команды openttd
:
$ cd openttd *
$ ./openttd &
При первом запуске OpenTTD он предупреждает вас, что вы должны загрузить набор графики. Это автоматически устанавливается в выпуске Steam, но в автономном приложении это делается одним щелчком мыши. И в любом случае, поскольку OpenTTD является открытым исходным кодом, он хорошо модифицирован, так что вы в конечном итоге загрузите гораздо больше, чем просто графику по умолчанию.
После того, как графика будет загружена, вы увидите причудливо миниатюрный интерфейс. Я считаю, что интерфейс 640×480 немного мал, и хотя старая графика действительно восходит к более простым компьютерным дням, небольшое обновление для современных экранов полезно. По этой причине ваша первая остановка — это кнопка Проверить онлайн-контент .
Загрузка модов
Экран загрузки содержимого предоставляет вам окно с одобренными модами OpenTTD с улучшенной графикой, новой музыкой, моделями поездов и названиями карт, соответствующими вашему местоположению или интересам.Я использую новозеландский набор, поэтому все сгенерированные мной города кажутся знакомыми, хотя с 2020 года я начал использовать набор Fallout 3. Есть много модов, поэтому используйте строку поиска в правом верхнем углу, чтобы сузить свой выбор.
Вот модификации, которые я считаю необходимыми:
- abase — Графика в высоком разрешении. При размере почти 300 МБ это самая большая загрузка, которая вам может понадобиться (сама игра составляет всего 50 МБ).
- OpenSFX — Набор звуков, позволяющий слышать шум уличного движения в городах, гудки лодочной индустрии и очень приятный свист поездов.
- Названия городов — Названия городов по умолчанию забавны, но мне легче запомнить названия, которые кажутся местными.
- Поезда — OpenTTD имеет стандартный набор моделей поездов, которые работают отлично, но если вы уже являетесь трейнспоттером, то вам, возможно, понравится загрузить несколько дополнительных комплектов поездов. Я использую набор NZR, но доступно множество поездов, в том числе поезда из Великобритании, США, Австрии, Бельгии, Чехии и так далее по алфавиту.
- Учебник для начинающих — Сценарий, который поможет вам изучить игру и ее интерфейс.
По умолчанию игровой движок
После загрузки новых ресурсов вы должны установить их по умолчанию. Для этого есть два места: настройки игрового движка по умолчанию и внутриигровые скрипты и ресурсы.
Нажмите кнопку Game Options . На экране Game Options настройте следующие параметры:
- Установите разрешение экрана в соответствии с желаемым размером интерфейса.
- Установить базовый набор графики от до abase.
- Установить базовые звуки установить на OpenSFX.
Закройте экран Game Options . Ваши изменения сохраняются автоматически.
Параметры игры
На экране главного меню нажмите кнопку NewGRF Settings .
Неактивные моды перечислены в нижней части окна NewGRF Settings . Чтобы активировать один, выберите его и нажмите кнопку Добавить в левом нижнем углу.После того, как вы выбрали моды для активации, нажмите кнопку Применить .
Учебник
Если вы скачали сценарий Учебник для начинающих , вы можете изучить OpenTTD, пройдя его. Чтобы начать обучение, нажмите кнопку Воспроизвести сценарий в верхней части экрана главного меню. Выберите учебник и начните.
Учебное пособие дает вам полное представление об интерфейсе игры, и требуется некоторое время, чтобы пройти его.
Быстрый старт
В качестве краткого знакомства вот что вам нужно знать: автомобили поступают со складов, и все требует расписания.Помня эти два правила, вы можете сразу же приступить к строительству поездов (а также дорог, морских портов и аэропортов).
Строительные станции
Чтобы построить простую железнодорожную линию между двумя городами, щелкните значок железнодорожного пути на верхней панели значков.
Железные дороги начинаются и заканчиваются станциями, поэтому я обычно размещаю станции на каждом конце предполагаемой линии. Щелкните значок железнодорожного вокзала (наведите указатель мыши на него, чтобы увидеть его подпись). Чтобы вокзал мог обслуживать регион, его зона действия должна перекрывать как можно большую часть региона.Чтобы увидеть покрытие станции, включите Зона покрытия , нажав кнопку « на » в нижней части диалогового окна станции.
Наложение темной сетки представляет собой покрытие, а наложение белой сетки показывает физический размер станции. Когда вы наводите указатель мыши на область, во всплывающем окне станции перечисляются расходные материалы, которые обеспечивает покрытие станции. Начните с простого и создайте одноколейную платформу из 4 автомобилей. Сделайте это дважды между двумя городами на карте.
Прокладка рельсов
Далее соединяем станции рельсами. Изометрический вид OpenTTD требует некоторого привыкания, но, щелкнув значки рельсов, щелкнув и перетащив карту, вы начинаете ощущать это. Значок X-rail обеспечивает режим «autorail», который выравнивает дорожку в зависимости от того, где в квадрате вы щелкаете.
Будьте осторожны при укладке рельсов. OpenTTD довольно неумолим, поэтому, когда вы щелкаете по квадрату, рельсы создаются. Вы должны использовать значок динамита, чтобы удалить рельсы.Как и в реальной жизни, кнопки отмены нет.
Железнодорожное депо
Поезда идут из депо. Итак, чтобы добавить поезд к вашей железной дороге, вы должны добавить депо где-нибудь вдоль линии. Щелкните значок депо и разместите депо рядом с существующим рельсом. Подключите депо к существующему пути, чтобы ваши поезда могли добраться от депо до соответствующей (в этом простом примере единственной) линии.
Модель поезда
Наконец-то вы можете добавить виртуальную модель поезда к своей виртуальной железной дороге.Чтобы создать поезд, нажмите на свое депо.
Нажмите кнопку Новое транспортное средство в нижней части окна депо, чтобы перечислить доступные двигатели поездов и вагоны. Список, который вы получите, частично зависит от того, какие модели вы добавили из загружаемого контента. Обычно существует три типа двигателей: паровой, дизельный и электрический. В начале игры, которая стартует в 1950 году, у вас есть только Steam. С годами вы получаете новые инновационные модели, которые можно использовать в качестве обновлений.
А пока создайте простой поезд, который включает паровоз, легковой и почтовый вагоны.Если вы хотите добавить другие виды автомобилей, нажмите на свои станции, чтобы подтвердить типы припасов, которые они могут принять (в зависимости от зоны покрытия).
Составить расписание поездов
Теперь, когда у вас есть железная дорога и поезд, вы должны создать расписание поездов. Расписания привязаны к транспортным средствам, поэтому каждый раз, когда вы добавляете новый автомобиль любого типа, вы должны добавлять расписание, чтобы оно было полезным.
Чтобы добавить расписание к вашему поезду, щелкните номер слева от поезда в его списке депо.Это открывает окно просмотра поезда с кнопками в правой части окна. Щелкните значок стрелки, чтобы увидеть расписание этого поезда.
Чтобы создать расписание, нажмите кнопку Перейти к в нижней части окна расписания, а затем нажмите станцию, которую вы хотите установить в качестве первого пункта назначения. Затем щелкните следующую станцию. Вы можете настроить требования к загрузке и разгрузке, выбрав остановку в расписании и просмотрев параметры в раскрывающихся меню Полная загрузка и Разгрузка , а также вы можете настроить маршруты (при разработке новых маршрутов) в меню Non- остановить раскрывающееся меню .Вариантов много, и по мере роста городов и развития вашей карты вам, возможно, придется скорректировать свою стратегию.
А пока нажмите красную кнопку Остановлен в нижней части окна просмотра поезда, чтобы запустить поезд!
Попробуйте OpenTTD
OpenTTD — это симулятор, но это также игра, поэтому у вас есть ограничения, включая бюджет и параметры, которые вы, возможно, захотите оптимизировать. Например, вы можете щелкнуть город, ферму или фабрику, чтобы узнать, какой импорт и экспорт для них приемлем.Вы можете занять деньги, нажав кнопку бюджета в правом нижнем углу окна OpenTTD. И это не просто виртуальный поезд. Вы можете строить дороги, аэропорты, морские порты и многое другое. Просто помните, что всем автомобилям нужны депо и графики, и вы на полпути к успешному виртуальному предприятию.
OpenTTD имеет активное и увлеченное сообщество, обширную вики, а также множество ресурсов и учебных пособий, доступных в Интернете. Скачайте игру и попробуйте!
.