Иногда нужно создать в группе вк несколько страниц.
Шаг 1. В правой колонке группы (под аватаром) в разделе "Ссылки" жмем кнопку "Ред." (редактировать).
Шаг 2. Открывается список всех ссылок группы. Справа есть кнопка "Добавить ссылку", нажимайте.
В поле ввода вбиваем строчку вот такого вида -
http://vk.com/pages?oid=-******&p=namepage , где:
1) ****** - это id группы вк, пишется только цифрами, спереди обязательно знак "-" (хз причем тут "-" , но код такой); Как узнать id группы
2) namepage - имя будущей страницы.
Покажу на примере.
Допустим, я хочу создать страницу в группе вк - vk.com/club102524384
.
id моей группы - 102524384 (цифры после слова "club"), поэтому строчка для создания страницы именно в моей группе будет такая
http://vk.com/pages?oid=-102524384&p=namepage
А вместо "namepage" пишем название будущей страницы.
Для примера я создам страницу в группе вк . Назову её ёё-wf-67.../,- *№99" - этим доказываю, что в названии страниц можно использовать абсолютно любые символы, включая все знаки препинания и букву "Ё". Мало того, как видите в имени страниц я использовал и кириллицу и латиницу одновременно!
Итог - чтоб создать страницу в группе с id "102524384 " и названием "ёё-wf-67.../,- *№99 " я вбиваю в поле вот такую строку:
http://vk.com/pages?oid=-102524384&p=ёё-wf-67.../,- *№99 (вы можете просто скопировать её и вставить заменив ИД и название на свои)
Таким образом, в группе вк можно создать несколько страниц, ограничений по количеству нет.
Вики-статьи в ВКонтакте – это группы или паблика в ВКонтакте. Это статьи, написанные в википедийной разметке, которая внедрена в движок сайта ВКонтакте. Этот инструмент позволяет создавать полноценные статьи, их и демонстрировать в результатах поисковых запросов. Внешне эти статьи напоминают стиль статей в энциклопедии, создаваемой пользователями сети, Википедии.
Отличия системы вики-статей в ВКонтакте от создания системы статей на собственном сайте
В сущности, подключить возможность создавать и редактировать википедийные статьи в или на странице какой-либо группы можно за несколько кликов. Основным отличием можно назвать бесплатность и высокую скорость, с которой можно экспериментировать с встроенным вики-движком в социальной сети. Вики-статьи в ВКонтакте позволяют быстро протестировать, насколько эффективна программа интернет-ресурсов при помощи статей, а также оценить ценность продвигаемого продукта в интернете . Более подробно плюсы и минусы системы вики-статей для продвижения описаны в следующих разделах.
Также есть некоторые причины, по которым использовать системы вики-статей стоит, и почему нельзя ограничиваться только публичными страницами и группами, если Вы экспериментируете с продвижением. Поскольку публичные страницы (и страницы групп) в соцсетях не заточены под поиск, то они очень быстро выскакивают в топ поиска, но и так же быстро оттуда исчезают, поскольку на них нет контента, а вики-статьи позволяют «зацепиться» за позиции в поисковой выдаче и не «вылетать» оттуда. Это особенно хорошо может сработать для каких-то очень простроенных областей, таких как техническое оборудование или вполне конкретных товаров. Среди сайтов, на которых есть только технические характеристики, статья более подробная выйдет в топ легко. Но это касается не только систем вики-статей, но и всего продвижения в поиске.
Плюсы системы вики-статей в ВКонтакте
Основными плюсами использования статей в википедийной разметке в соцсети можно считать простоту, легкость использования , «незамороченность» для среднестатистического пользователя. Если человек не имел ранее дела с сайтами, движками и прочими причудами, то на то, чтобы разобраться с движком сайта может уйти много времени, статьи в ВКонтакте позволяют сэкономить время на все это . Также социальная сеть решает сразу же много проблем за Вас: создание мобильной версии сайта, доработка движка сайта, вики-статьи находятся по ссылке с , что хорошо для продвижения, но не всегда легко подключить на движке сайта, интеграция с социальной сетью: возможность быстро распространять контент, привлекать одновременно не только , но и SMM (social media marketing ) для распространения своей продукции или услуг в интернете. Поскольку ВКонтакте в данном случае решает много вопросов за человека, то появляется возможность сосредоточиться на продвижении. Если Вы сомневаетесь в том, что для продвижения достаточно системы вики-статей и можно не закупать , а также можно не использовать приемы , то у Вас есть возможность проверить, что это не так при помощи бесплатного движка статей вики-статей. Итак, попробуем описать одним списком плюсы вики-страниц в ВКонтакте:
- Простота подключения
- Интеграция с социальной сетью
- Мобильная версия сайта
- Возможность сосредоточиться на главном
- Высокая скорость отклика поисковых систем
- Кириллические урлы
Минусы системы вики-статей в ВКонтакте
Несмотря на все плюсы у этого метода есть также и недостатки. Основные недостатки заключаются в том, что как и любое другое бесплатное решение, вики-разметка не до конца гибкая для продвижения, с технической точки зрения. В википедийной разметке некоторые значимые правила продвижения в поиске просто невозможно исполнить. К таковым относятся:
- Плохая индексация вики-страниц поисковыми алгоритмами Яндекса
- Нельзя использовать программы для веб-аналитики, такие как Яндекс.Метрика и Гугл Аналитикс
- Нельзя оформить страницы
- В википедийной разметке нельзя указать заголовки, такие как Н1, Н2 и так далее
- Нельзя использовать такие инструменты как
- Можно сделать пересослание со всех страниц на все, но этот список нельзя сделать выпадающим: все ссылки будут видны пользователю, а это не всегда эстетически красивое решение
- Нельзя указывать канонические ссылки (rel =canonical )
- Нельзя «заставить» гугл проиндексировать страницу сразу же после создания. Это невозможно поскольку для того, чтобы добавить страницу в индекс в инструментах вебмастеров в гугле, нужно доказать, что Вы являетесь владельцем сайта, а ВКонтакте – это социальная сеть, а не свой собственный сайт.
- Если у Вас есть не только свой паблик с вики-страницами, но и сайт, на который Вы ссылаетесь из вики-страниц, то не факт, что поисковик всегда сможет понять, что ссылка через vk .com /away это ссылка на Ваш сайт. В случае с указанием авторства и ссылкой на профиль в Гугл плюс гугл отказывался обнаруживать ссылку на сранице.
В принципе, эти минусы не столь значительны, чтобы не использовать систему статей в ВКонтакте. Поскольку для того, чтобы протестировать свою область и возможности этого вполне достаточно. Поскольку гугл индексирует социальные сети достаточно быстро, то результат своей работы можно будет увидеть уже через месяц.
Создание вики–статьи в ВКонтакте
На обывательстком уровне вики –разметка ВКонтакте обычно упоминается как способ создания красивого, визуально удобного меню группы, позволяющего сформировать разделы и подразделы, представить ассортимент товаров и услуг, прайслисты и т.д. Для этого необходима предварительная работа в графическом редакторе, где создаются соответствующее визуальное оформление меню. Однако, оно может быть представлено и в простом текстовом формате.
Полноценно использовать все ресурсы вики –разметки в ВКонтакте можно только в группе. Функционал паблика не позволяет создавать упомянутое выше меню. Однако, разместить вики –статью в паблике можно . Для этого необходимо:
- Создать ссылку вида http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы . Где XXX - ID Вашей публичной страницы, а «Название_страницы» - любое слово, которым будет названа страница.
- Перейдя по ссылке, просто нажмите «Наполнить содержанием» и наполняйте статью.
- Не забудьте выставить «Только руководители группы» в настройках доступа к редактированию страницы. В противном случае, подписчики будут иметь к нему доступ.
Для начала работы с вики–разметкой в группе , в пункте «Управление сообществом» необходимо включить «Материалы», проставив галочку в соответствующей графе. После этого на основной странице группы появляется раздел «Свежие новости». В нем и происходит работа с вики-разметкой, формирование меню и статей.
Процесс создания статьи выглядит следующим образом:
- При нажатии кнопки «Редактировать» раздела «Свежие новости», появляется окно редактора. В верхнем правом углу находится кнопка включения режима вики–разметки.
- Чтобы создать статью, нужно ввести ее название и заключить его в двойные квадратные скобки. Например: [[Первая статья]]. Нажимаем кнопку Сохранить. При возврате в меню, нужно обновить страницу и тогда мы увидим свою статью.
- Кликнув на нее, нажимаем «Наполнить содержанием».
Таким образом, можно создать множество статей, сгруппировать их по разделам и перелинковать. Что касается непосредственно работы со статьями, графический редактор ВКонтакте позволяет производить самые простые действия (выделять текст, проставлять заголовки, добавлять фото, видео и гиперссылки) с помощью кнопок. Более сложные манипуляции, как внутри статьи, так и в меню (создание таблиц и разделов, различные действия с текстом) производятся с помощью тегов. Рассматривать их в данной статье подробно не имеет смысла, поскольку количество их довольно велико. В сети имеется множество инструкций, можно воспользоваться группой
Сегодня каждый пятый пользователь ВКонтакте наверняка администрирует хотя бы одну группу. Часть групп создаются по принципу "вступил и забыл", которые не администрируются создателем и не наполняются новым контентом, но некоторые группы, которые подразумевают наличие полезной информации, нуждаются как минимум в паре отдельных страниц и удобной навигации по ним. Но откуда брать новые страницы? Ознакомившись с этим уроком, вы научитесь создавать их.
Урок разбит на несколько частей и подразумевает глубокое знакомство с вики-разметкой В Контакте, ну или, во всяком случае, с той её частью, которая отвечает за создание новых страниц и ссылок на них.
Пролог:
Перед началом уроков по созданию страниц хотелось бы сказать пару слов о wiki-разметке, её предназначении и способе практического применения.Wiki-разметка – это специальный набор тегов, которые представляют собой более простой синтаксис для работы с элементами языка HTML. В социальной сети ВКонтакте применяется для создания меню и новых страниц в группах и публичных страницах, создания ссылок и упоминаний и много для чего ещё.
Благодаря wiki-разметке можно из обычного сообщества создать полноценный веб-сайт, создавая бесконечное множество страниц, грамотно расставляя ссылки на них и оформляя всё это в графическом виде при помощи картинок.
При создании полноценной группы вики-разметка играет важную роль, поскольку позволяет создавать новые внутренние страницы. Приобретя базовые знания о вики-разметке, вы сможете использовать свой опыт при оформлении и наполнении любой группы ВКонтакте.
Часть 1 – Меню:
Для начала определимся, где создавать новые страницы. Самая первая внутренняя страница создаётся в меню группы. Если после создания группы у вас не отображается меню, подключите его.Для этого перейдите в Управление сообществом , найдите в списке пункт Материалы и включите его (пункт Открытые ). Если вы не хотите, чтобы посторонние пользователи, кроме администраторов и редакторов, могли создавать новые страницы в вашей группе, выберите пункт Ограниченные .
После этого откройте главную страницу своей группы, наведите курсором на пункт Свежие новости
и зайдите в редактирование меню, где, собственно, мы и будем создавать новые страницы.
Часть 2 – Создание ссылок #1:
Самый простой вариант создания внутренней страницы в группе ВКонтакте – написать название нужной страницы, заключив его в двойные квадратные скобки. Выглядеть это будет примерно вот так:200?"200px":""+(this.scrollHeight+5)+"px");">[[Название страницы]]
При таком раскладе надпись Название страницы одновременно является и анкором ссылки (как ссылка будет отображаться в меню группы) и названием для самой страницы (что будет отображаться в заголовке страницы после её создания). То есть в меню это будет выглядеть таким образом:
Для того, чтобы окончательно создать страницу под названием Название страницы , кликаем на созданную ссылку в меню группы:
Кликнув на ссылку, мы попадаем на данную страницу. Но поскольку она новая, нам предложат наполнить её содержанием. А как видно по её заголовку, называется она Название страницы , прямо как и ссылка в меню.
Как уже было сказано выше, создавая страницу таким методом, анкор ссылки и заголовок страницы будут иметь одинаковый текст. Но что, если нужно ссылку назвать как Название ссылки в меню и чтобы в заголовке страницы отображалось нечто вроде Заголовок страницы ? Об этом вы узнаете далее.
Часть 3 – Создание ссылок #2:
Второй метод создания новых страниц подразумевает, что мы заранее зададим текст, который будет отображаться на ссылке в меню (анкор ссылки), и текст, который отобразится в заголовке страницы.Для этого используется похожая конструкция, лишь с той разницей, что заголовок страницы и анкор ссылки разделяются вертикальной чертой | . Выглядеть это будет примерно вот так:
200?"200px":""+(this.scrollHeight+5)+"px");">[[Заголовок страницы|Название ссылки в меню]]
Таким образом, в меню группы мы увидим ссылку Название ссылки в меню :
А в заголовке страницы мы увидим Заголовок страницы , как, собственно, и было запланировано.
Часть 4 – Копирование ссылок на фото и созданные страницы:
Поскольку в следующей части мануала мы будем разбирать графическое оформление ссылок на созданные страницы, нам потребуется копировать куски ссылок на фотографии и сами страницы для создания графического меню. Поэтому мы вынесем эту темку отдельно и разберем её.Как только вы создали новую страницу, то технически она ещё не создана. Её нужно наполнить содержанием (скриншот выше). Как только наполнили, сохранили и перешли к просмотру, в адресной строке браузера отобразится путь на данную страницу. Нам нужен определённый кусок, который начинается со слова page и оканчивается перед вопросительным знаком. Пример показан на картинке ниже:
То же самое касается и фотографий: сразу после загрузки нужной картинки в фотоальбом откройте картинку и увидите в адресной строке браузера ссылку на фотографию. Нам нужен лишь кусочек, начинающийся со слова photo . Пример показан на картинке ниже:
Для ясности поясню, что -84747234 в обоих случаях это идентификатор (номер) сообщества ВКонтакте, а числа 48858482 и 350088507 – это номера созданной страницы и фотографии соответственно.
Часть 5 – Оформление ссылок:
Эта часть никакого отношения к созданию новых страниц не имеет, но позволяет красиво оформлять ссылки на другие страницы. При этом, картинка используется вместо анкора ссылки. Такое использование картинки и ссылки предполагает, что новая страница уже создана и наполнена контентом, а нужная фотография уже загружена в фотоальбом.Используемая конструкция при этом несколько сложнее, чем в прошлых двух частях статьи, потому что усложнена дополнительными параметрами для настройки самой картинки. Выглядеть конструкция будет примерно так:
200?"200px":""+(this.scrollHeight+5)+"px");">[]
Здесь:
- photo-84747234_350088507 – ссылка на нужную фотографию из фотоальбома;
- 256x256px – размер изображения в пикселях. Можно задавать любые размеры, так как картинка может сжиматься и расширяться в зависимости от указанных размеров;
- noborder – убирает нежелательные рамки вокруг картинки;
- nopadding – убирает нежелательные отступы вокруг картинки;
- page-84747234_48858482 – ссылка на заранее созданную страницу.
Как мы видим, ссылка-картинка ведет на заранее созданную страницу, а при наведении на ссылку-картинку появляется тултип с заголовком той страницы, на которую эта ссылка-картинка ссылается.
Вот таким образом происходит графическое оформление как меню группы, так и любой из внутренних страниц. Зная это, вы запросто сможете устанавливать графические меню в любою свою группу в социальной сети ВКонтакте.
Часть 6 – Вики-страницы:
Помимо создания новых внутренних страниц в группах В Контакте и оформления ссылок на них, у вас есть возможность открывать созданные страницы в окошке. Такие страницы были названы вики-страницами .Для создания всплывающих окошек с вики-страницами, достаточно просто сделать специальную ссылку на имеющуюся внутреннюю страницу. Выглядит она следующим образом:
Если же у вашей группы есть уникальный короткий адрес, например vk.com/byarhangel , тогда ссылка может иметь вид:
Часть 7 – О записях на стене:
Раз уж я завел речь о вики-страницах, не будет лишним упомянуть и обычные записи. Ведь каждая запись – тоже своего рода вики-страница. Кликнув на дату под любой записью, она откроется в окне вики-страницы. Это так, на заметку.
К тому же, есть и ещё один интересный факт о записях: если в записи использован хеш-тег, например, #postbyarhangel , то путь к записи может быть таким:
Однако при добавлении на стену сообщества новых записей с таким же хеш-тегом, данная ссылка будет ссылаться на поиск по записям с таким хеш-тегом.
Этой информацией я хочу сказать, что хеш-теги в записях на стене можно использовать для создания уникальных ссылок на страницы, тем самым получится интересная навигация по записям. Таким образом, можно не создавая новых внутренних страниц сделать отличную группу с большим количеством вики-страниц только за счет записей на стене.
Эпилог:
Вот такой интересный получился мануал. Надеюсь, что ознакомившись с ним, вы запросто сможете создавать новые странички в своих сообществах и красиво оформлять ссылки при помощи изображений.Если будете стараться, сможете создавать такие страницы или даже лучше:
Особо сложного здесь ничего нет. Всё разобрано для мельчайших деталей. Однако, если у вас остались какие-либо вопросы, пожалуйста, задайте их на нашем форуме.
Обычно в ВК публикуют довольно короткие посты. Немного текста, фотографии, пару видеороликов. И такой формат работает, потому что соответсвует способу потребления основной части пользователей.
Ответом являются посты с вики-страницами. Об этом формате знает не так много администраторов. И, как показывает моя практика, если материал действительно качественный, формат с вики-страницей позволяет получить очень хороший отклик.
Вот один из последних примеров. Обычный пост в моем блоге собирает 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.
Вот что из этого получилось:
В ячейки таблицы можно поместить текст, картинки, аудио- и видеозаписи.
Как сделать вики-меню
Меню группы ВК - это не какой-то отдельный функционал, а попросту вики-страница с несколькими картинками, в каждую из которых зашита ссылка на определенную страницу. На самом деле здесь все просто.
- Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.
При подготовке картинки для меню помните, что ширина вики-страницы - 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.
- Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.
При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».
Как разрезать картинку в Photoshop
Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.
- Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом {| и сразу задаем три важных параметра:
- nopadding - разрешит картинкам соприкасаться
- noborder - скроет видимые границы таблицы
- fixed - позволит задать точные размеры ячеек.
Указываем фиксированную ширину ячеек - 255px 255px (два раза, потому что столбцов тоже два). Дальше устанавливаем места для начала новых строк тегом |- и новых ячеек (столбцов) тегом | . Закрываем таблицу тегом |} и получаем такой каркас:
- Помещаем картинки в ячейки и задаем для них ссылки . Поочередно открываем в альбоме сообщества нужные части картинки, копируем из строки браузера их id ( photo-12345_12345) , заключаем в двойные квадратные скобки, прописываем размеры 255x100px и тег nopadding для склеивания картинок. После вертикальной черты назначаем ссылку для каждой кнопки. Получаем такой код.
{|noborder nopadding fixed
|~255px 255px
|-
| []
|-
| []
| []
|-
| []
| []
|}
- Готово! Нажимаем «Сохранить страницу» - и получаем удобное меню для сообщества.
Готовое меню группы в десктопной версии
Готовое меню группы в мобильной версии
Если вы делали меню для группы , то оно будет легко доступно по клику на «Свежие новости» (кстати, эту страничку можно переименовать на «Меню» в режиме редактирования).
Если вы делали меню для паблика , то его можно поместить на видное место под названием сообщества при помощи закрепленной записи.
Чтобы закрепить меню в группе , опубликуйте запись с баннером и ссылкой на вики-страницу от имени сообщества (если опубликовать от своего имени, закрепить страницу будет невозможно). В паблике проблем с закреплением не будет: там можно закрепить запись любого автора.
Как сделать пост со ссылкой на меню в паблике
Как закрепить меню сообщества
Новый редактор статей ВКонтакте и вики-разметка
Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.
Некоторые пользователи решили, что он создан взамен вики-разметки. Но пока такие выводы делать рано, ведь функционал редактора еще достаточно скудный. В нем нельзя редактировать медиафайлы (размер и выравнивание) и делать таблицы, а гиперссылки можно присвоить только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.
Из этого видно, что сделать удобное меню для сообщества или вики-лендинг по-прежнему можно только с помощью вики-разметки. Что будет дальше - время покажет.
Так выглядит интерфейс нового редактора статей ВКонтакте
Что запомнить о вики-разметке
- Стандартный метод создания вики-страниц кропотливый и не очень удобный. Проще всего создать страницу через приложение «Мобивик», «Исходный код» или «Вики Постер».
- Меню сообщества нужно сделать таблицей, чтобы оно аккуратно смотрелось на мобильных устройствах.
- При редактировании вики-страницы в стандартном интерфейсе не стоит переключаться между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может поехать верстка.
Запоминать все теги необязательно, достаточно держать под рукой ссылку на