Как создать вики-страницу для «паблика ВКонтакте. Создание вики страниц вконтакте – wiki разметка для чайников

На iOS - iPhone, iPod touch 12.10.2019
На iOS - iPhone, iPod touch

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

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-разметка

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

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

Теперь поговорим о том, как создать вики-страницу.

Шаг 1: узнаём ID группы и создаём новую страничку

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

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

Вместо ХХХХ вводим ID нашего сообщества, а вместо "Название_страницы" — собственно то название, которое мы придумали. После этого необходимо нажать Enter. Новая вики-страница будет автоматически создана, а на экране появится надпись "Наполнить содержанием".

Шаг 2: создаём пост

Пожалуй, это самое простое, что можно сделать с помощью языка

С функционалом визуального редактора разберётся любой, кто работал хотя бы в банальном Notepad. В быстром доступе на панели есть все основные функции:

  • начертание текста (жирный/наклонный);
  • выравнивание (по левому краю, правому краю, по центру);
  • добавление заголовков H1-H3;
  • выделение цитат;
  • добавление ссылок;
  • добавление мультимедиа (фото, видео, аудио).

Шаг 3: публикация

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

Полезные "фишки"

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

Обтекание фото

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

Спойлеры

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

Якоря

Это очень удобно, если вы публикуете объёмную статью с большим количеством заголовков и подразделов. Тогда в самом верху странички можно сделать оглавление, чтобы пользователь мог моментально перейти к интересующему его блоку. Всё, что нужно — вписать после решётки точное а после прямой черты — текст ссылки.

Таблицы

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

  • {| — начало таблицы;
  • |+ — заголовок;
  • |- — новая строка;
  • | — новая ячейка;
  • ! — выделенная ячейка (с затемнённым фоном);
  • |} — конец таблицы.

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

Графическое меню

Пожалуй, это самое крутое, что можно сделать, зная, как создать вики-страницу. На самом деле ничего сложного нет, но придётся повозиться с продумыванием макета и нарезкой изображений. Чтобы меню отображалось корректно, необходимо точно соблюдать размеры, ориентируясь на ширину 510 или 504 px. Если вы хотите, чтобы фото были "склеены" друг с другом, к коду изображения нужно сделать приписку;nopadding.

А если вместо этого использовать параметр noborder, то между картинками будет расстояние 6 px. Тогда общая ширина всех фотографий в ряду рассчитывается по формуле 510-6*N (N — количество изображений в ряду).

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

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

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

Вот один из последних примеров. Обычный пост в моем блоге собирает 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 года и позиционирует его как инструмент для публикации лонгридов.

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

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


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

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

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

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

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

Я научу пользоваться неограниченными возможностями wiki-разметки, потому что некоторое время назад и сам пытался разобраться во всем этом досконально. Представленная ниже информация, я уверен, окажется более чем полезной не только для новичков этого ресурса, но и для маститых пользователей со «стажем»…

Что такое вики разметка?

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

Для чего нужна wiki-разметка

При оформлении группы такая разметка играет важную роль, т.к. с ее помощью выполняется любое редактирование. Предположим, захотелось вам создать группу для популярного ныне заработка на партнерских программах, которых сейчас «море» на просторах Интернета. Перед пользователем открываются неограниченные возможности, но вполне резонно встает вопрос о том, как правильно и максимально привлекательно все это «завернуть» в красивую обертку. Другими словами, как достойно оформить, чтобы привлечь внимание как можно большего количества пользователей? Здесь и пригодятся знания о wiki-разметке, о которой я веду беседу…

Кому интересно пополнять электронную базу знаний – библиотеку, тот может применить wiki-разметку для редактирования либо написания статей для популярнейшего Интернет-справочника. Энциклопедии со странным названием Википедия, знаете ли, всем нужна, так что можно сделать доброе дело всем во благо!

Оформление группы с помощью wiki-разметки

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

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

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

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

Конечно, я сам не сразу пришел к тому, как создавать отдельные странички для своей группы. Потом мне пришло в голову, все-таки, прочитать инструкции по верстке на wiki, не скрою этот факт…)))

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

[[Название статьи]] или [[Название статьи|текст для ссылки]] ,

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

Шаблоны разметки для меню группы

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

  • Шаблон 1.

{|
|-
!
первое меню!

|-
| тексттексттекст
|}
|

{|
|-
!
второе

|-
| тексттексттекст
|}

  • Шаблон 2.

{|
|-
{|
|-
!Обучение
|}
*[[ вики-разметка стандартная]]
*[[ вики-разметка расширенная]]
*[]
*[[Помощь]]

{|
|-
!Практика
|}
*[[меню]]
*[[Песочница]]

{|
|-
![[разделы]]
|}
*[[Иконки]]
*[[Скачать]]

{|
|-
!О группе
|}
*[[Новости]]
*[[О нас]]
*[[Правила]]

|
{|
|-
!Последняя новость:
|-
[]
сайт группы

|}
{|
|-
!Объявление!
|-
[]

В руководство будут принимать… из админов!
|}
{|
|-
![[Общая навигация|Общая навигация »]]
|}
|}

  • Шаблон 3.

Wiki-разметка для текстового меню с небольшими иконками:

{|
|-
!
[] Пригласи всех друзей

[] »’[[Правила]]»’

[] Фотоальбомы

[] Творчество

[] Фотки


[]

|}

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

Я же говорю, что это просто, ведь код начинается и заканчивается с привычных тегов, а иконки внутри все предстают в виде информации [] с небольшим текстом для их описания.

Что такое спойлеры и какова их роль

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

Примеры спойлеров представлены в таблице ниже.

Поработав в этом направлении неделю-другую с вики-разметкой, у вас будет собственная группа ВКонтакте!



Рекомендуем почитать

Наверх