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

Разное 

Содержание

Вики-разметка во Вконтакте для начинающих | Академия Лидогенерации

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

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

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

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

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

).


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


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

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

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


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

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

Сами создатели ВКонтакте рекомендуют не переключать

режимы редактирования туда-сюда во время работы. Говорят, это чревато ошибками на странице и съехавшей версткой.

Отличия системы вики-статей в ВКонтакте от создания системы статей на собственном сайте

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

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

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

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

Стандартный

Для группы.

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


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

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


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

Для паблика.

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

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

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

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

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

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

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

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

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

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


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

После этого вы получите 3 ссылки. Действуйте в зависимости от предпочтений: можно начать редактировать страницу в стандартном интерфейсе вики-разметки или в приложении «Мобивик».


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

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

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


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

Вставка символов

Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many Operating Systems and browsers allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or VisualEditor to insert them into the edit screen.

As a last resort, you can use a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) →

when inserted will be shown as right arrow HTML symbol → and
—
when inserted will be shown as an em dash HTML symbol —.

Hover over any character to find out the symbol that it produces. Some symbols not available in the current font will appear as empty squares.
HTML symbol entities

ÁáÂâ´ÆæÀàℵΑα&∧∠Åå≈ÃãÄä„Β⦕∩Ç縢
Χχˆ♣≅©↵∪¤†‡↓⇓°Δδ♦÷ÉéÊêÈè∅  Εε≡Ηη
ÐðËë€∃ƒ∀½¼¾⁄Γγ≥>↔⇔♥…ÍíÎî¡Ììℑ∞∫Ιι
¿∈ÏïΚκΛλ⟨«←⇐⌈“≤⌊∗◊‎‹‘<¯—µ·−Μμ∇–
≠∋¬∉⊄ÑñΝνÓóÔôŒœÒò‾ΩωΟο⊕∨ªºØøÕõ⊗Ö
ö∂‰⊥ΦφΠπϖ±£′″∏∝Ψψ«√⟩»→⇒⌉”ℜ®⌋Ρρ‏
›’‚Šš⋅§­Σσς∼♠⊂⊆∑⊃¹²³⊇ßΤτ∴Θθϑ Þþ˜
×™Úú↑⇑ÛûÙù¨ϒΥυÜü℘ΞξÝý¥ÿŸΖζ‍‌
ОписаниеВы вводитеВы получаете
Copyright symbol©©
Greek delta letter symbolδδ
Символ евро€€

See the list of all HTML entities on the Wikipedia article List of HTML entities. Additionally, MediaWiki supports two non-standard entity reference sequences: &רלמ; and &رلم; which are both considered equivalent to ‏ which is a right-to-left mark. (Used when combining right to left languages with left to right languages in the same page.)

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

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


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

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

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

Такие страницы хорошо подходят для рекламы сетевого бизнеса

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

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

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

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


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

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

Многие владельцы недооценивают значимость внутренних страниц. И это ошибка. Ее интерфейс включает важные возможности:

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

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

Текст

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

Текст по центру .

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

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

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

Обратите внимание, что при создании вики- странички в контакте стоит помнить о некоторых особенностях ее размещения:

  1. в настоящий момент сайт поддерживает 100% отображения информации, поэтому при создании разметки не ставьте другое значение. Иначе при просмотре Вашей страницы у других пользователей может «поплыть» картинка;
  2. к великому сожалению, данный тип верстки не адаптируется под мобильную версию. Поэтому при создании постоянно проверяйте, как отображается информация из Вашей группы в приложении;
  3. для разметки очень важна длина символов в ссылке (ограничение — 6 знаков). Поэтому не забывайте сокращать гиперссылки перед тем, как вставить их в текст.
  4. не используйте спецсимволы в названии (например, +, _, *). Вполне возможно, что во время кодировки таких знаков могут возникнуть проблемы.
  5. выберите какой-то один вариант верстки: либо виртуальный редактор, либо вики-разметка.

Ссылки

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

Внешние.

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

[https://lead-academy.ru/]

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

[https://lead-academy.ru/|Академия Лидогенерации]

Если мы хотим сделать гиперссылкой картинку, используем такой код:

[[photo12345_12345|https://lead-academy.ru]]

Внутренние

(ссылки на какую-либо страницу сайта vk.com). Здесь используем не целый адрес страницы, а только id объекта.

Например, вот ссылка на официальную группу Академии Лидогенерации ВКонтакте, оформленная в виде текста. После club — id сообщества, после вертикальной черты — текст, в который зашита ссылка.

[[club63459623|Академия Лидогенерации]]

А вот пример кода картинки со ссылкой на внутренние страницы (ХХХ заменить на соответствующее id).

[[photo12345_12345|idXXX]] — на профиль пользователя

[[photo12345_12345|clubXXX]] — на главную страницу сообщества

[[photo12345_12345|page-XXX]] — на другую вики-страницу

[[photo12345_12345|eventXXX]] — на встречу ВКонтакте

HTML tags and symbol entities displayed themselves (with and without interpreting them)

€ →
€
<span style=»color: red; text-decoration: line-through;»>Typo to be corrected</</span>span> →
Typo to be corrected
<span style=»color: red; text-decoration: line-through;»><span lang=»en» dir=»ltr» class=»mw-content-ltr»>Typo to be corrected</</span>span></</span>span> →
Typo to be corrected

Nowiki для HTML

‎<nowiki /> can prohibit (HTML) tags:

  • <pre> →

But not

& symbol escapes:

  • & → &

To print & symbol escapes as text, use «&» to replace the «&» character (eg. type » «, which results in » «).

Картинки

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

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

С помощью кода.

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

https://vk.com/club12345678?z=photo-12345_12345

%2Falbum-12345678_12345678

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

[­[photo-12345_12345]]

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

[[photo-12345_12345|300x100px;right]]

Уровень 2

Уровень 3

Уровень 4
Уровень 5
Уровень 6
Горизонтальная чертаТекст до —- Текст после Текст до

Текст после

Маркированный список* Начало каждой строки * со звезды [[Wikipedia:asterisk|asterisk]] (*). ** Следующая звезда создаст следующий уровень вложенности *** и еще более глубокий. * Перенос строки не прерывает уровни вложенности. *** Однако, если пропустить уровень — создастся пустое пространство. Любое другое начало строки, кроме *, закончит создание списка * сочетание маркированного списка ** с определением ::- определение ** создаёт пустое пространство * сочетание маркированного списка ** с определением *:- определение ** без пустого пространства *маркированный список :- определение :* подстановка, которая не создаёт пустые :* пространства после определения
  • Начало каждой строки
  • со звезды asterisk (*). Следующая звезда создаст следующий уровень вложенности и еще более глубокий.
  • Перенос строки не прерывает уровни вложенности.
      • Однако, если пропустить уровень — создастся пустое пространство.

    Любое другое начало строки, кроме *, закончит создание списка

    • сочетайте маркированный список с определением

    — определение

    • создаёт пустое пространство
    • сочетайте немаркированный список с определением

    — определение

    • без пустых пространств
    • маркированный список

    — определение

    • подпункты, которые не содержат пустых
    • пространств после определения
Нумерованный список# Начинайте каждую строку # со [[Wikipedia:Number_sign|знака решётки]] (#) ## Чем больше знаков решётки, ### Тем большим будет ### отступ. # Перевод строки не нарушает отступов. ### Но переход через несколько отсупов создаёт пустое пространство. # Пустые строки. # заканчивайте список и начиайте новый. Любое другое начало также заканчивает список. # use «nowiki» tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.
  1. Начинайте каждую строку
  2. со знака решётки (#) Чем больше знаков решётки, Тем большим будет
  3. отступ.
  • Перевод строки не нарушает отступов.
    Но переход через несколько отступов создаёт пустое пространство.
  • Пустые строки.
    1. заканчивайте список и начинайте новый.

    Любое другое начало также заканчивает список.

    # use «nowiki» tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.

    Список определений;пункт 1 : определение 1 ;пункт 2 : определение 2-1 : определение 2-2
    Если строка начинается с точки с запятой (;), любое двоеточие (:) в конце строки не будет отображаться. If you want for the colon to be displayed, escape it by writing :.пункт 1 определение 1 пункт 2 определение 2-1 определение 2-2Отступ текста: Один отступ :: Двойной отступ ::: Много отступов
    При использовании этого форматирования может нарушаться доступность.Один отступ Двойной отступ Много отступовСмесь различных типов списков # один # два #* два точка один #* два точка два # three #; three item один #: three def один # four #: four def один #: this looks like a continuation #: and is often used #: instead <br /> of <nowiki><br /></</span>nowiki> # five ## five sub 1 ### five sub 1 sub 1 ## five sub 2

    The usage of #: and *: for breaking a line within an item may also harm accessibility.

    1. one
    2. two
        two point one
    3. two point two
    4. three three item one three def one
    5. four four def one this looks like a continuation and is often used instead of
    6. five five sub 1 five sub 1 sub 1
    • five sub 2
    Преформатированный текстКаждая строка начинается с пробела. Текст »’преформатирован»’ и при этом »’может »включать» »»’разметку».
    This way of preformatting only applies to section formatting. Character formatting markups are still effective.Каждая строка начинается с пробела. Text is preformatted
    and
    markupscan
    be done.Блоки преформатированного текстаStart with a space in the first column, (before the ). Then your block format will be maintained. This is good for copying in code blocks: def function(): «»»documentation string»»» if True: print True else: print FalseStart with a space in the first column, (before the ). Then your block format will be maintained. This is good for copying in code blocks: def function(): «»»documentation string»»» if True: print True else: print False

    Видео

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

    https://vk. com/videos-12345678?z=video-12345_12345

    %2Fclub12345678%2Fpl_-12345678_-2.

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

    [[video12345_12345]]

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

    [[video12345_12345|player|]]

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

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

    [[video12345_12345|1000x340px;player| ]]

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

    Специальные тэги[править]

    Примечания[править]

    Про административные настройки расширения Cite см. здесь.

    Для вставки примечанийраздва используйте тэги <ref> и <references>.

    Для вставки примечаний[1][2] используйте тэги и [2].

    1. раз
    2. ↑ 2,02,1 два

    Можно группировать примечанияприм1 группы g1прим1 (предыдущие примечания без групп ушли в предыдущий тэг references) в различные группыприм2 группы g1, а можно описывать примечания внутри тэга references. прим2
    Можно группировать примечания[g1 1][1] в различные группы[g1 2], а можно описывать примечания внутри тэга references[2].

    1. прим1 (предыдущие примечания без групп ушли в предыдущий тэг references)
    2. прим2
    1. прим1 группы g1
    2. прим2 группы g1

    Таблицы

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

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

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

    Ширина первого столбца — 200px, ширина второго — 300px.
    Вот что из этого получилось:

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

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

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

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

    Наименование и последовательность расположения символов:

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

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

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

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

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

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

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


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

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

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

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

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

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

    {|noborder nopadding fixed |~255px 255px |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |}

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


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

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

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

    Если вы делали меню для группы

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

    Если вы делали меню для паблика

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

    Чтобы закрепить меню в группе

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


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


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

    Идея и выбор формата сообщества

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

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

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

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

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

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

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

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

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

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

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


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

    Изображения[править]

    Изображения можно брать только из загруженных на mrakopedia.org (загрузить файл могут представившиеся участники).

    Простейший синтаксис вставки: [[Файл:Имя файла]]. Дополнительно можно добавить замещающий текст, например, [[Файл:uboa.png|Убоа]] (внимание:регистр расширения имеет значение!).

    Если добавить параметр |мини, изображение сожмётся в рамку с подписью и уплывёт в сторону: [[Файл:uboa.png|мини|мини-Убоа]] мини-Убоа Как полные изображения, так и миниатюры можно регулировать по размеру в пикселях (например, |100px или 200x100px) и сдвигать вправо (|справа, по умолчанию для миниатюр), влево (|слева) или на середину (центр). [[Файл:uboa.png|слева|мини|100px|мини-Убоа-100px слева]][[Файл:uboa.png|справа|100px|Убоа-100px справа]] мини-Убоа-100px слева Вместо указания ширины можно использовать |upright=N.NN, где N.NN — цифры (по умолчанию 0.75), доля стандартной ширины. Также можно использовать параметр link для указания, на что переходить при щелчке по картинке. [[Файл:Dog whip.jpg|link=пещера Тэда|upright=0.4|центр|собак]]

    Галереи[править]

    Галерея — это удобный способ показать несколько изображений.

    Файл:HEX Znak.jpg Файл:HEX Katamaran.jpg|подпись Файл:Angedufoyer.jpg|[[НЁХ]]

    • подпись
    • НЁХ

    Что запомнить о вики-разметке

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

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

    Масштабирование результатов продвижения вики–статей в ВКонтакте

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

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

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

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

    Недорогие сервисы для раскрутки ВК:

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

    Подписчики страниц — друзья с гарантией

    Лайки — на аву, посты и записи

    Просмотры — живые без заданий

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

    странице сайта.


    • Купить сейчас


    • Купить сейчас


    • Купить сейчас


    • Купить сейчас