Что такое вики страница
Очень важную роль в ведении групп играет оформление постов, мы об этом уже говорили в этой статье. Но помимо прочего, ваши тексты должны быть читабельны, особенно это актуально для компаний, ведущих блоги или, например, для моей группы в ВК.
Другими словами, Wiki-страница ВКонтакте — это альтернатива веб-страницам, основанная на правилах вики-разметки. При помощи wiki-страниц ВКонтакте можно создавать большие статьи с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее), добавлять к ним иллюстрации и видеозаписи создавать полноценные посадочные страницы (landing pages), навигационные меню по сообществам и многое другое.
vk.com/pages?oid=-XXX&p=Нaзвание-страницы
где: XXX — это ID сообщества, а Название-страницы — заголовок будущей вики-страницы.
Как узнать ID сообщества?
Вставляем созданную ссылку в поисковик, как показано на скриншоте.
При переходе по ссылке, откроется интерфейс создания и наполнения новой wiki-страницы.
После создания wiki-страницы не забудьте настроить права доступа при помощи пункта «Доступ к странице» в правом нижнем углу интерфейса.
Wiki-страницы могут быть доступны для просмотра и редактирования:
Настройки доступа к wiki-странице устанавливают руководители сообщества в процессе её создания или редактирования.
Чтобы прикрепить wiki-страницу к записи, скопируйте ссылку на неё и вставьте в форму ввода при создании записи — страница автоматически прикрепится и будет доступна после её публикации. Кроме того, если добавить к записи иллюстрацию, то она станет кликабельной: при нажатии на неё пользователю будет открываться wiki-страница, а не увеличенная версия изображения.
Как создать Вики-страницу ВКонтакте для группы: инструкция и примеры
Вы, наверняка, слышали, что если создать Вики-страницу ВКонтакте, то можно забыть о скучной и банальной подаче информации. Ведь публикуя запись в своем профиле, вы ограничены только текстом, ссылкой и изображением. Как правило, это короткое пояснение к фото и может быть адрес стороннего ресурса. Никакого оформления, возможностей для дизайна. Вики-страница лишена этих ограничений – в ее основе лежит вики-разметка, похожая на HTML, но значительно проще. Если вас интересует живой пример – взгляните на Википедию. Жирный, курсив, таблицы, фотографии и многое другое – все это помогает создать наглядные статьи.
Что такое Вики-страница ВКонтакте?
Прежде чем приступить к пошаговой инструкции, как создать Wiki-страницу ВКонтакте, нужно разобраться с самим понятием. Итак, что же это такое: Вики-страница ВКонтакте и для чего она нужна?
Вики-страница в ВК — это специальный формат разметки, который позволяет самостоятельно редактировать и форматировать отображение информации на сайте. С ее помощью Вы можете задавать дизайн меню группы, выбирать шрифты, вставлять графические элементы, задавать параметры таблицы, менять темы в соответствии с вашим настроением и многое-многое другое. И всё это без использования стандартных крайне ограниченных инструментов, предоставленных соцсетью.
Для чего это нужно, наверное, уже понятно. Без использования разметки ваша страница/группа будет выглядеть достаточно серо и банально. Чтобы вас заметили, нужно привлекать внимание. А что может быть проще, если у вас под рукой будет огромный перечень инструментов, позволяющих выделить вас среди остальных авторов?! Просто вставляйте таблицы, используйте ссылки и списки, выделяйте текст различными шрифтами, создавайте каталоги товаров или пишите посты с красочными фотоколлажами! И всё это с помощью языка верстки, который доступен всем и каждому! Здорово? Не то слово!
Создание Вики-страницы ВК
Правила создания вики-разметки во многом зависят от того, планируете продвигаться вы через сообщество или посредством паблика. Напоминаем Вам, что эти два типа существенно отличаются друг от друга. Например:
В виду существенных различий в функционале, рассмотрим каждый вариант в отдельности. Итак, начинаем.
В сообществе
Как сделать вики-страницу ВКонтакте для группы, разберемся по шагам:
С помощью визуальных средств вы можете создать фото, видео, аудио, заголовки, выравнивание, жирный и курсив, цитату, сделать гиперссылку. Все остальное делается вручную с помощью разметки.
Теперь по опции «Свежие новости» вы будете попадать на созданную вики-страницу.
В паблике
Такую Wiki-страницу ВКонтакте сделать еще проще – она автоматически появится при вводе в браузере адреса вида:
Для создания выполните следующие действия:
Благодаря разметке в текст записи можно будет добавить еще и изображение. Если после публикации щелкнуть по такому фото, перед вами откроется не увеличенная его копия, а сама Wiki-страница.
Меню для группы
Теперь перейдем к вопросу, как сделать вики-меню ВКонтакте для группы. По сути, это просто набор ссылок, которые можно прикрепить к тексту или к картинкам. Начать создание нужно с того, что выбрать картинку из вашего альбома и скопировать ссылку. После этого останется только заключить ее в двойные квадратные скобки (например, [[photo123456_7890]]). После этого можно начинать редактировать изображение, как Вам удобно. Можно добавить текст с помощью тега text или вставить ссылку через тег link.
То есть если сказать коротко, то для того чтобы к Вас на странице появилось меню, необходимо создать набор графических кнопок и разместить их в области контента. Для каждого элемента вставьте перелинковку на другую вики-страницу. В результате Вы увидите, что в коде появилась разметка следующего типа:
Жирным выделена цель перехода: это может быть ваша вики-страница или принадлежащая другому сообществу – не имеет значения.
Для создания перелинковки на сторонний относительно ВК ресурс выделите картинку или текст и нажмите значок якоря. В поле «Ссылка» укажите адрес, например https://ya.ru.
Доступ для просмотра и редактирования
Как удалить вики-страницу?
К сожалению, в настоящее время уничтожить созданный ресурс вы не можете, так как удалить вики-страницу ВКонтакте невозможно. Удалите все переходы на нее, запретите всем пользователям ВК доступ, и ресурс просто не будет появляться. Если вы не помните ее адрес, то для вас она тоже перестанет существовать.
Советы по созданию
Обратите внимание, что при создании вики- странички в контакте стоит помнить о некоторых особенностях ее размещения:
Набор тегов
Существует небольшой набор тегов, позволяющий создать разметку собственного ресурса в ВК. Рассмотрим некоторые подходы вики-разметки ВКонтакте для чайников, шаблоны вы найдете далее.
Необходимые для работы теги вы можете найти в документе, скачав его, нажав на кнопку.
Например, ссылка на ресурс с продолжением контента может выглядеть так:
Разметка дает куда больше возможностей для оформления, чем небогатый набор инструментов редактора.
Таким образом, Вики-разметка может быть крайне полезна, если использовать ее с умом. Соблюдайте описанные нами простые правила и разнообразьте свою страницу!
Комментарии
Здравствуйте. Можно ли вставить в запись текст со ссылкой на вики-страницу ВКонтакте?
Добрый день. Вы можете указать прямую ссылку, но прикрепить ее к тексту в записи нельзя.
Добрый день. Есть какой-то сервис vk master, wiki страницы сообщества можно в нем посмотреть – подскажите, как?
Wiki-страница Вконтакте
В этой статье я расскажу вам что такое wiki-страница и как ее можно использовать в своем инфобизнесе.
А еще покажу простой способ как вы можете легко и быстро создать свою wiki-страницу в интернете.
Что такое wiki-страница?
Wiki-страница — это страница в социальной сети Вконтакте, которая создана и отформатирована при помощи специальной разметки (wiki-разметки).
Такой тип разметки применяется для создания страниц Википедии.
Вконтакте тоже использует данный тип разметки. Потому что он очень прост в использовании.
Wiki-страница — это по сути красиво оформленная отдельная страничка во Вконтакте.
Привязывается эта страница к вашей группе во Вконакте.
На ней можно разместить длинный пост с подзаголовками и множеством различных картинок. Можно рассказать о себе и своем бизнесе, сделав из нее сайт-визитку. Можно разместить рекламу своих или чужих инфопродуктов.
Она будет напоминать одностраничный сайт с привязкой к вашей группе Вконтакте.
Как можно использовать wiki-страницу в инфобизнесе?
Во-первых, с помощью wiki-страницы вы можете создавать красиво оформленные длинные посты во Вконтакте. С заголовком и подзаголовками. Со множеством картинок и различных вставок. С разнообразными выделениями и маркированными списками.
Эти посты явно оценят ваши подписчики и друзья.
Во-вторых, wiki-страница может выступать в роли страницы подписки вашей автоворонки Вконтакте.
В своей прошлой статье я уже рассказывал вам про автоворонку Вконтакте. Если вы еще не читали эту статью, то можете прочитать ЗДЕСЬ>>.
Вы размещаете на ней заголовок, обложку инфопродукта, его описание и призыв к действию. А еще кнопку, нажав на которую человек попадает на отдельную страничку во Вконтакте, где ему предлагается подписаться на вашу рассылку, чтобы получить бесплатно ваш инфопродукт.
Фишка в том, что для создания автоворонки Вконтакте вам даже не нужен свой сайт. Роль страницы подписки будет выполнять wiki-страница.
И создать wiki-страницу намного проще и дешевле, чем страницу подписки.
В-третьих, wiki-страницу можно использовать как продающий сайт для ваших недорогих платных инфопродуктов.
Оформляете ее красиво. Пишите продающий текст и добавляете кнопку со ссылкой сервиса приема платежей.
В-четвертых, wiki-страницу можно использовать как сайта-прокладка для продвижения партнерских инфопродуктов.
Вы привлекаете посетителей на свою wiki-страницу. А на этой странице устанавливаете кнопку с партнерской ссылкой. В итоге Вконтакте не банит ваши партнерские ссылки.
Короче говоря, wiki-страница отлично подойдет для оформления больших статей и для создания мини сайтов.
Как легко и быстро создать wiki-страницу?
Для этого мы будем использовать бесплатный сервис ВИКИ ПОСТЕР.
И так заходим на сайт https://wikiposter.net и нажимаем кнопку «ВХОД».
Далее сервис запросит доступ к вашему аккаунту во Вконтакте.
Нажимаем синюю кнопку «Разрешить».
И вы попадаете в личный кабинет сервиса ВИКИ ПОСТЕР.
Здесь будут отображены все группы, которые у вас есть в социальной сети Вконтакте (на данном аккаунте).
Чтобы создать wiki-страницу вам нужно иметь хотя бы 1 группу во Вконтакте. Потому что wiki-страница будет привязываться именно к вашей группе.
Как видите у меня есть 4 группы.
Чтобы перейти к созданию wiki-страницы нужно нажать на зеленую кнопку “Создать вики страницу”, которая размещена напротив нужной вам группы.
Я в качестве примера создам wiki-страницу для самой нижней группы – “ЗОЛОТО ИЗ КНИГ”. И нажму соответствующую кнопку, которая находится напротив нее.
Появляется вот такое окно:
Первым делом вам нужно ввести название вашей wiki-страницы.
Очень важно: название wiki-страницы вы сменить уже не сможете. А все остальное можно будет отредактировать в любой момент.
Wiki-страницу я буду создавать под свою платную книгу. Поэтому название пишу: “Прибыльная электронная книга”.
Далее я нажимаю большую зеленую кнопку “ДОБАВИТЬ БЛОК”. И появляется перечень блоков, которые я могу разместить на своей wiki-странице.
Для создания своей wiki-страницы я буду использовать такие блоки: ЗАГОЛОВОК, КАРТИНКА, КНОПКА и СПИСОК.
Сперва выбираю блок «ЗАГОЛОВОК».
И пишу заголовок моей страницы.
Только размер шрифта выбираю немного поменьше — 28.
Далее снова нажимаю добавить блок. Выбираю блок – «КАРТИНКА». Нажимаю зеленую кнопку “ВЫБЕРИТЕ ИЗ ПАПКИ”. И на своем компьютере нахожу обложку моей книги.
Картинка появляется на моей wiki-странице. С помощью стрелок вверх-вниз и влево-вправо я могу регулировать расположение этой картинки на моей странице. А с помощью круглой синей кнопки вверху я могу менять размер изображения.
Я уменьшаю немного размеры моей картинки, чтобы она была более компактной. И далее снова нажимаю зеленую кнопку «ДОБАВИТЬ БЛОК».
Теперь я добавлю на свою wiki-страницу кнопку, и вставлю в эту кнопку ссылку на продающую страницу моей книги.
Выбираю блок «КНОПКА». И пишу внутри кнопки текст: «ПОЛУЧИТЬ КНИГУ».
А вверху над кнопкой в белую строку “Ссылка, например htpp://vk.com/” вставляю ссылку на продающий сайт моей книги.
Еще я добавлю на свою страницу блок «ЗАГОЛОВОК».
Для этого нажимаю зеленую кнопку «ДОБАВИТЬ БЛОК». И выбираю блок «ЗАГОЛОВОК». Меняю размер шрифта на 28. Пишу: “Изучив мою книгу вы узнаете:”.
Далее снова нажимаю зеленую кнопку «ДОБАВИТЬ БЛОК». И выбираю блок «СПИСОК». В каждую графу списка пишу нужный текст.
В итоге вот что получилось:
Ну все! Моя страница в принципе готова.
Можно нажимать зеленую кнопку «СОЗДАТЬ ВИКИ-СТРАНИЦУ».
Появляется надпись на красном фоне: “Вы не настроили альбом для хранения элементов вики-страниц”.
Нажимаю зеленую кнопку “НАСТРОЙКА АЛЬБОМА”.
Появляется новое окно Текущий альбом (у вас нет доступа к этому альбому).
Нажимаю кнопку “Изменить”.
В новом окне выбираю “Альбом сообщества”. Пишу название нового альбома: “Книга”. И нажимаю кнопку “Создать альбом”.
Альбом создан. Можно смело нажимать кнопку “Сохранить”.
Появится вот такое окно:
Это окно можно закрыть.
Далее снова нажимаем зеленую кнопку «СОЗДАТЬ ВИКИ-СТРАНИЦУ».
Внизу должно появится две больших зеленых кнопки: «ОБНОВИТЬ ВИКИ-СТРАНИЦУ» и «ПОСМОТРЕТЬ СОЗДАНУЮ СТРАНИЦУ».
А внизу под этими кнопками будет ссылка на вашу созданную wiki-страницу.
Ее желательно сохранить куда-то себе в блокнот.
Нажимаем кнопку «ПОСМОТРЕТЬ СОЗДАНУЮ СТРАНИЦУ». И открывается ваша wiki-страница.
Здесь нужно нажать кнопку “Редактировать”, которая находится в верхнем правом углу.
Откроется уже редактор от Вконтакте.
Первым делом вам нужно нажать на кнопку, куда вы вставляли нужную вам ссылку. И убедиться, что в графе «Ссылка» указана нужная вам ссылка.
Лично у меня ссылка не корректная. Поэтому я ввожу ее снова.
А еще смотрите, чтобы размеры кнопки были корректные.
После чего нажимаю кнопку «Сохранить».
Далее опуститесь в самый низ страницы и удалите надпись “создано в вики постер”.
И нажмите синюю кнопку “Сохранить страницу”.
Все. Можете закрыть эту вкладку.
Ваша страница готова и сохранена.
Вернитесь снова на вкладку сервиса ВИКИ ПОСТЕР и закройте ее. Только не сохраняйтесь. Вы уже внесли все нужные изменения в редакторе от Вконтакте.
И не забудьте скопировать ссылку на вашу вики-страницу, если вы не сделали это ранее. Вид страницы меняется, а ссылка остается прежней.
Эта ссылка ведет на вашу созданную wiki-страницу.
Но лично я бы рекомендовал вам использовать не только эту ссылку, а и более упрощенную.
Чтобы получить упрощенную ссылку, вам нужно взять вашу полученную ссылку и слегка ее укоротить.
В этой ссылке мне нужно удалить маленький кусочек: club120234264?w=
В итоге у меня получается вот такая ссылка: https://vk.com/page-120234264_53653710
Это уже прямая ссылка на мою wiki-страницу.
Если вы хотите запустить таргетированную рекламу во Вконтакте, то в строке сайта нужно прописывать именно эту упрощенную ссылку, а не сложную. В противном случае рекламироваться будет не ваша wiki-страница, а ваша группа во Вконтакте, в которой вы создавали эту страницу.
Сохраните себе в блокнот и эту упрощенную ссылку, чтобы не потерять.
У вас будет две ссылки: длинная и короткая. Для платной рекламы нужно использовать короткую ссылку. А во всех остальных случаях можно использовать длинную ссылку. Потому что перейдя по ней wiki-страница открывается в более привлекательном виде.
Можете сравнить на примере моей второй wiki-страницы, которую я сделал под книгу «Реактивный старт в инфобизнесе 4.0».
Еще хочу обратить ваше внимание на один важный момент.
Свою wiki-страницу вы можете в любой момент отредактировать как вам угодно с помощью того же сервиса ВИКИ ПОСТЕР.
Просто заходите на сервис во вкладку Главная. И напротив вашей группы будет зеленая кнопка «Архив вики-страниц».
Нажимаете ее. И открывается окно с названием вашей страницы или страниц (если у вас их много).
Нажимаете на кнопку «Редактировать». И открывается ваша страница в редакторе блоков ВИКИ ПОСТЕРА.
Здесь вы можете вносить любого рода изменения.
Только не забудьте потом после всех правок нажать на кнопку «ОБНОВИТЬ ВИКИ СТРАНИЦУ».
А потом проверить чтобы все было корректно уже в редакторе от Вконтакте.
Вид вашей страницы будет меняться, но ссылки останутся прежними.
Вот такой простой способ создать wiki-страницу.
Пользуйтесь на здоровье. И создавайте свои красивые wiki-страницы.
Вики-разметка во Вконтакте для начинающих
С помощью вики-разметки можно оформить меню группы, аналитические статьи, кейсы, инструкции. Конечно, на это нужно будет потратить чуть больше времени, чем на оформление привычных постов на стене. Но чем больше вы заморочитесь с оформлением контента — тем благодарнее будет ваша аудитория.
Как работает вики-разметка
Вики-разметка — это язык, который используется для верстки страниц. Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видео, ссылки, таблицы. Можно сверстать простую статью или составить целый интерактивный гайд с главами и подзаголовками.
Ширина любой вики-страницы — 607px. Высота ограничивается только количеством знаков, всего их может быть около 16 000.
Вся вики-разметка держится на тегах, как и HTML. Есть одиночные теги (например,
— перенос строки) и парные (например, жирный текст).
Как работают теги для текста в вики-разметке
В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменены на типографские знаки). Например, для создания маркированного списка используются звездочки «*», а для нумерованного — решетки «#».
Как работают типографские знаки в вики-разметке
В стандартном редакторе вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так: <>).
Так выглядит активный режим вики-разметки
Примитивный текст с парой картинок можно сверстать в визуальном режиме. Это обычный редактор текста и не требует никаких знаний вики-разметки. Но если вам нужна аккуратная вики-страница с таблицами, ссылками и встроенными видео, это можно сделать только в режиме разметки — при помощи кода.
Сами создатели ВКонтакте рекомендуют не переключать режимы редактирования туда-сюда во время работы. Говорят, это чревато ошибками на странице и съехавшей версткой.
Как создать вики-страницу
Кнопки «Создать новую страницу» в интерфейсе самого ВКонтакте не существует. Поэтому рассказываем о двух способах, стандартном и продвинутом (при помощи приложения).
Стандартный
Для группы. Зайдите в «Управление сообществом» → «Разделы» → «Материалы» и выберите пункт «Открытые» или «Ограниченные».
Как включить «Материалы» в группе
Теперь на главной странице группы появится раздел «Свежие новости». Это место для предполагаемого меню группы. Чтобы создать новую страницу, можно написать ее название прямо в режиме редактирования страницы «Свежие новости», заключить его в квадратные скобки, нажать на «Предпросмотр» и получить готовую ссылку на новую страницу.
Как создать новую страницу через «Свежие новости»
Для паблика. Чтобы создать новую страницу, нужно узнать id вашего паблика. Для этого зайдите в раздел «Статистика сообщества». В адресной строке браузера вы увидите примерно такой код:
Искомое id группы — это все цифры после «gid=».
Теперь нужно ввести в адресную строку браузера такой код:
Вместо ХХХ подставляем id паблика, вместо «Нaзвание_страницы» — то название, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы использовать не запрещено, но лучше не рисковать: из-за них у вас может пропасть возможность редактирования страницы. Вставляем все данные на нужные места, нажимаем Enter, и браузер откроет созданную страницу.
С помощью приложения
В этом руководстве мы возьмем для примера приложение «Мобивик». В ноябре 2017 года оно получило второй приз в программе ВКонтакте по поддержке стартапов (Start Fellows). Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).
Чтобы создать новую страницу, на главном экране приложения выберите нужную группу и введите название новой страницы, а затем нажмите «Получить ссылку».
Как создать новую страницу с помощью приложения «Мобивик»
После этого вы получите 3 ссылки. Действуйте в зависимости от предпочтений: можно начать редактировать страницу в стандартном интерфейсе вики-разметки или в приложении «Мобивик».
Ссылки на новую вики-страницу в приложении «Мобивик»
А вот лайфхак для тех случаев, когда вы сделали сложную страницу с большим количеством элементов, и боитесь, что верстка поедет на маленьком экране. Скопируйте адрес из пункта «Код для вики-страницы». Зайдите в режим редактирования своей страницы и вставьте его в самое начало кода. Вы получите такое изображение:
Когда пользователь нажмет на него, он попадет в приложение «Мобивик», которое покажет аккуратную мобильную версию вашей страницы.
Слева — страница меню сообщества LIVE, открытая на мобильном,
справа — она же, но открытая через «Мобивик»
Как получить ссылку на вики-страницу
Как найти страницу, созданную ранее? Самый простой и надежный метод — заранее скопировать все адреса вики-страниц в отдельный файл, например, в Google Таблицах. Другой способ — через любое приложение для работы с вики-страницами. Например, зайдите в «Мобивик», выберите название сообщества и нужную страницу, кликните «Получить ссылку» и скопируйте адрес из пункта «Ссылка на вики-страницу».
Как получить ссылку на ранее созданную вики-страницу
Как сделать пост со ссылкой на вики-страницу
Скопируйте ссылку на вики-страницу и вставьте в новую запись на своей стене или на стене сообщества. Если все сделано правильно, сайт сгенерирует ссылочный блок под текстовым полем записи. Теперь удалите сам текст ссылки, прикрепите баннер и нажмите «Отправить». В десктопной версии баннер тоже станет ссылкой на вики-страницу, а в мобильной — будет открываться как обычная картинка.
Прикрепленная к посту картинка станет частью ссылки на вики-страницу в десктопной версии
Текст
Для структурирования текста в вики-разметке предусмотрены сочетания типографских знаков. Например, такой код « —- » поставит в тексте горизонтальную разделяющую полосу, а такой « :: » — двойной отступ перед абзацем.
На одну страничку можно поместить около 16 тысяч знаков.
Ссылки
Ссылку можно прикрепить к тексту или изображению. Ссылаться можно на внешний сайт или внутренние страницы ВК (профиль пользователя, фотографии, альбомы, видео, группы, обсуждения, приложения).
Внешние. Если мы ставим ссылку на внешний сайт, то пишем адрес целиком и заключаем его в одинарные квадратные скобки:
Чтобы вместо адреса был виден текст, добавляем название ссылки:
Если мы хотим сделать гиперссылкой картинку, используем такой код:
Внутренние (ссылки на какую-либо страницу сайта vk.com). Здесь используем не целый адрес страницы, а только id объекта.
Например, вот ссылка на официальную группу Академии Лидогенерации ВКонтакте, оформленная в виде текста. После club — id сообщества, после вертикальной черты — текст, в который зашита ссылка.
А вот пример кода картинки со ссылкой на внутренние страницы ( ХХХ заменить на соответствующее id).
[[photo12345_12345|idXXX]] — на профиль пользователя
[[photo12345_12345| clubXXX ]] — на главную страницу сообщества
[[photo12345_12345|page- XXX ]] — на другую вики-страницу
[[photo12345_12345| event XXX]] — на встречу ВКонтакте
Картинки
Предельная ширина изображения, которое можно использовать в вики-разметке, — 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.
Обрамляем это квадратными скобками и получаем такой код:
Но здесь мы получаем непропорциональную черную рамку вокруг видео:
Чтобы ее убрать, нужно подогнать размер плеера под размер самого видео. Например, в нашем случае подошли такие параметры:
Мы получили видео без черных рамок, оно будет воспроизводиться прямо на странице
Таблицы
Если вы хотите красиво структурировать содержимое вики-страницы и обеспечить ей аккуратное отображение на мобильных устройствах, без таблицы не обойтись. Здесь вам понадобятся такие простые знаки:
При работе с таблицами можно использовать 4 тега: noborder (делает рамки таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы), nopadding (убирает отступы в ячейках) и fixed (позволяет создать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.
Вот пример таблицы 2×2 без отступов сверху и снизу текста внутри ячеек:
Ширина первого столбца — 200px, ширина второго — 300px.
Вот что из этого получилось:
В ячейки таблицы можно поместить текст, картинки, аудио- и видеозаписи.
Как сделать вики-меню
Меню группы ВК — это не какой-то отдельный функционал, а попросту вики-страница с несколькими картинками, в каждую из которых зашита ссылка на определенную страницу. На самом деле здесь все просто.
При подготовке картинки для меню помните, что ширина вики-страницы — 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.
При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».
Как разрезать картинку в Photoshop
Чтобы сохранить все отдельные фрагменты, нажимаем «Файл» → «Экспортировать» → «Сохранить для Web». Полученные части картинки загружаем в отдельный альбом сообщества.
Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.
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|ссылка]]
|>
Готовое меню группы в десктопной версии
Готовое меню группы в мобильной версии
Как закрепить меню сообщества
Как сделать пост со ссылкой на меню в паблике
Как закрепить меню сообщества
Новый редактор статей ВКонтакте и вики-разметка
Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.
Некоторые пользователи решили, что он создан взамен вики-разметки. Но пока такие выводы делать рано, ведь функционал редактора еще достаточно скудный. В нем нельзя редактировать медиафайлы (размер и выравнивание) и делать таблицы, а гиперссылки можно присвоить только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.
Из этого видно, что сделать удобное меню для сообщества или вики-лендинг по-прежнему можно только с помощью вики-разметки. Что будет дальше — время покажет.
Так выглядит интерфейс нового редактора статей ВКонтакте
Что запомнить о вики-разметке
Запоминать все теги необязательно, достаточно держать под рукой ссылку на шпаргалку в официальном сообществе вики-разметки ВКонтакте.