Как сделать wiki страницу в паблике. Как создать внутреннюю страницу в группе вконтакте – wiki pages

Здравствуйте, друзья! Возвращаемся к нашим любимым социальным сетям. Сегодня я хочу написать пост о том, как делать различные прикольные штучки вконтакте.
Хотите узнать больше? Тогда оставайтесь со мной =)

1) Как сделать имя человека кликабельным

Вы хотите поздравить человека с Днем Рождения в своей группе вконтакте, и хотите чтобы ему пришло оповещение об этом в ответах? Или вы просто хотите сделать кликабельным имя человека (поставить ссылку на страницу человека вконтакте), когда пишите про него пост? Все очень просто!
В сообщении в месте где вы хотите чтобы появилось имя человека пишите звездочку, а после нее пишите айди страницы нужного вам человека.

Если у человека вместо айди с цифрами написан короткий адрес, то пишем после звездочки этот короткий адрес страницы. К примеру, на мою страницу вконтакте ссылку можно написать так:
*kristina.kulini4

Звездочка и короткий адрес моей страницы вконтакте без пробелов.

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

Чтобы изменить имя вашего друга на любое слово, то просто заменяете слова в скобках на нужное вам. К примеру, опять возьмем ссылку на меня *kristina.kulini4 (Кристина Кулинич) . Это стандартный вид ссылки на мой профиль, который предложит вам контакт. Но вы запросто можете изменить слова в скобках на нужное, например Кристюшка. И тогда ссылка будет выглядеть так:

2) Как сокращать ссылки вконтакте?

Если у вас длинные и некрасивые ссылки, то вконтакте есть замечательный сервис сокращения ссылок. Проходим по адресу https://vk.com/cc и вводим в строку нашу длинную ссылку и получаем красивый адрес ссылки, с адресом контакта. Такие ссылки больше вызывают доверия у пользователей контакта, чем обычные ссылки.

3) Как вконтакте сделать страницу для группы или паблика. Создание wiki-страницы вконтакте

Итак для для создания самой страницы в вашем сообществе вам понадобится узнать айди вашей группы вконтакте . Эти цифры легко можно взять в статистике сообщества. Заходите в статистику и в адресной строке последние 8 цифр будут как раз вашим айди. в адресную строку браузера вставляем такую ссылку http://vk.com/pages?oid=- XXX &p= Нaзвание_страницы

где вместо ХХХ вставляем ваш айди сообщества,
а вместо Нaзвание_страницы пишем название вашей будущей страницы.

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

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

Итак, после того как страница создана и наполнена нам нужно получить правильную ссылку на нее. Для этого копируем в строке браузера ссылку и удаляем вот эти символы ?act=edit§ion=edit т.е последними должны остаться только цифры.
Ссылку получили — теперь ее можно использовать по вашему усмотрению.

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

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

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

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

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

С вами была Кристина,
До новых встреч!

Это тоже может быть вам интересно

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

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

Пролог:

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

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

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

Часть 1 – Меню:

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

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

Часть 2 – Создание ссылок #1:

200?"200px":""+(this.scrollHeight+5)+"px");">[[Название страницы]]

Часть 3 – Создание ссылок #2:

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

200?"200px":""+(this.scrollHeight+5)+"px");">[[Заголовок страницы|Название ссылки в меню]]

Часть 4 – Копирование ссылок на фото и созданные страницы:

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

Часть 5 – Оформление ссылок:

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

200?"200px":""+(this.scrollHeight+5)+"px");">[]

• photo-84747234_350088507 – ссылка на нужную фотографию из фотоальбома;
• 256x256px – размер изображения в пикселях. Можно задавать любые размеры, так как картинка может сжиматься и расширяться в зависимости от указанных размеров;
• noborder – убирает нежелательные рамки вокруг картинки;
• nopadding – убирает нежелательные отступы вокруг картинки;
• page-84747234_48858482 – ссылка на заранее созданную страницу.

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

Часть 6 – Вики-страницы:

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

Если же у вашей группы есть уникальный короткий адрес, например vk.com/byarhangel , тогда ссылка может иметь вид:

Часть 7 – О записях на стене:

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

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

Эпилог:

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

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

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

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

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

Создание вики-страниц в пабликах:

После этого нужно перейти по примерно такой ссылке:

Где строка хххххххх – это ID сообщества, а pagename – название страницы, по которому она будет доступна. Название может включать в себя латинские буквы, цифры и даже некоторые символы, например, знак прочерка "_".

Предположим, что идентификатор нашего сообщества – 84747051 , а страницу мы решили назвать testpage . Тогда ссылка будет иметь такой вид:

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

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

Вот один из последних примеров. Обычный пост в моем блоге собирает 100-200 лайков и 30-40 репостов. А тут...

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

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

где XXX - ID вашего паблика, а «Название_страницы» - любое слово или предложение, которым будет названа ваша вики-страница. Обратите внимание, название страницы отредактировать потом будет невозможно! Поэтому, заранее продумайте название, чтобы потом не пришлось создавать новую.

Чтобы узнать ID Вашего паблика, зайдите в «Статистику страницы». У вас в адресной строке откроется адрес типа:

http://vk.com/stats?gid=68730272 - последние цифры в адресе «68730272» - это и есть ID паблика.

Посмотрите видео-урок, чтобы лучше разобраться в создании вики-страниц:

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

1. Создать вики-страницу
2. Наполнить вики-страницу
3. Получить ссылку на вики-страницу
4. Добавить к посту
5. Добавить обложку

Посмотрите урок, чтобы лучше понять, как это делается:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стандартный

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Текст

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

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

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

Ссылки

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

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

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

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

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

Картинки

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

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

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

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

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

[­]

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

Видео

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

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

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

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

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

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

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

Таблицы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• nopadding - разрешит картинкам соприкасаться
• noborder - скроет видимые границы таблицы
• fixed - позволит задать точные размеры ячеек.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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