Викуся в контакте. Вики разметка Вконтакте. Что это такое

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

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

1. 1. Оформление ссылки как ссылки:
      

1. 1. Оформление ссылки как текста:
      

1. 1. Оформление ссылки как изображения:
      []

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

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

1. Нарезаем картинку в фотошопе и жмём «Сохранить для веб»
2. Загружаем картинки через Стандартный загрузчик т.к. флеш-загрузчик может ухудшить качество
3. Собираем меню тегом nopadding
4. Прописываем ссылки
По итогу получится что-то типа:

[]
[]
[]
[]
[]
[]
[]
[]
[]

Особенности и секреты wiki-разметки

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

• Следует быть осторожными, изменяя размер изображения – если он будет меньше 131 пикселя, качество картинки значительно ухудшится;
• Максимальный размер ширины изображения – 610px;
• На одной wiki-странице не может размещаться более 17 незакрытых тегов;
• Указывая ширину изображения, его высота изменится автоматически в соответствии с пропорциями;
• Список внутри таблицы или спойлера создается при помощи тега
  ;
• Одна строка разметки может содержать в себе не более 8 элементов списка.

Приложения в контакте для wiki-разметки

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

Перед тем как углубиться в вики — разметку, создавая интерактивное меню , необходимо сделать некоторые подготовительные действия, в первую очередь, изменить некоторые настройки в группе. Нажимаем на «Управление сообществом», открываем «Обсуждения», и подключаем «Материалы».

Теперь переходим к подготовке изображений. Если Вы не работаете с графическими редакторами, то придется обратиться к фрилансерам. Дальнейшая работа будет показана с применением Фотошопа, но может быть выполнена и в других редакторах.

Заготавливаем шаблон для группы ВКонтакте согласно изображению.

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

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

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

Теперь переходим непосредственно к группе. После корректировки настроек, на стене появились две вкладки: «Свежие новости» и «Обсуждения». Кликаем по «Новая тема» в закладке обсуждений и создаем первую страничку нашего меню.

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

На стене появится созданное сообщение. Таким же путем создаем нужное нам количество (в соответсвии с разделами меню) страниц.

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

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

Образец кода для рассматриваемого меню:

[]
[]
[]
[]

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

Если все сделано правильно и не допущено никакой ошибки в коде, то при возврате в нашу группу и после нажатия на название вкладки (Главное меню группы) откроется созданное нами меню, которое смотрится, как одно целое вместе с аватаром. Интерактивное меню и графическое оформление группы представляют собой единую композицию. При нажатии на разделы меню мы попадаем в соответствующие разделы группы.

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

Мы рассмотрели, как сделать интерактивное меню или оформить группу в стиле wiki. Если возникнут вопросы по самому процессу подготовки, пишите в комментариях и вместе попробуем решить их.

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

Создание вики-страниц Вконтакте

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

1. Быть администратором сообщества;
2. Авторизироваться в социальной сети Вконтакте с аккуанта администратора;
3. Вставить в браузерную строку ссылку вида:

http://vk.com/pages?oid=-хххххххх&p=pagename,

где, хххххххх – ID сообщества;

pagename – название страницы.

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

Создание таблиц Вконтакте

В этом разделе тоже нет ничего сложного и его освоение не отнимет у Вас много времени.

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

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

Любая информация в таблице располагается после символа новой ячейки |, а если информация расположена на одной строке, то ёё необходимо разделять двойным символом новой ячейки ||.

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

А мы продолжаем изучать wiki-разметку и переходим к легким, но от того не менее важным темам.

Оформление текста Вконтакте с помощью вики-разметки

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

Итак существует несколько тегов, которые позволяют изменить свойства текста и шрифта на вики-страницах Вконтакте:

1. Жирный текст

"""Жирный текст"""

Жирный текст

1. Наклонный текст

""Наклонный текст""

Наклонный текст

3. Зачеркнутый текст

Зачеркнутый текст

Подчеркнутый текст

4. Текст верхнего индекса

Текст ^{верхнего} индекса

5. Текс нижнего индекса

Текст _{нижнего} индекса

6. Монотонный шрифт

Моноширинный шрифт Моноширинный шрифт

7. Игнорирование вики-разметки

Игнорировать разметку

Игнорировать разметку
8. Текст в центре
Текст в центре



10.Горизонтальная линия синего цвета
11.Заголовки формируются с помощью знаков «=».
Раздел статьи ==
Подраздел статьи ===
Подраздел второго уровня ====
12.Списки формируются с помощью знаков «*» и «#».
А) Ненумерованные списки:
* Один пункт
* Еще один
** Вложенные списки поддерживаются.
Б) Нумерованные списки:
# Первый пункт
# Второй пункт
## Первый подпункт второго пункта
## Второй подпункт второго пункта
13.Отступ тег «:»

:Понедельник
::Вторник
14.Перенос текста на новую строку, тег <
br/>

Текст 
 Текст2
Вставка фото средствами вики-разметки

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

Где, XXX
 — ИД пользователя
; YYY
 — ИД данной фотографии
.
Соответственно, если это фото принадлежит группе, то перед ИД группы ставится дефис («-»)
Где, XXX
 — ИД группы
; YYY
 — ИД данной фотографии
.
Для любого изображения можно сделать всплывающую подсказку
, немного усовершенствовав конструкцию тега:

1. Страницу пользователя

3. Встречу
Где, ***
— соответствующий ИД страницы пользователя, сообщества или встречи.
Также можно изменять параметры изображения
, такие, как ширина и высота
 или изменять его размер в соответствии с пропорциями:
Размер изображения в пропорциях
Размер изображения по ширине и высоте
Где, N
 – численное значение размеров изображения.
Вставка Аудио с помощью вики-разметки Вконтакте

Для вставки Аудио используется тег:
Где XXX
 — ИД пользователя; YYY
 — ИД данной звуковой дорожки.
В случае, если необходимо вставить аудио из сообщества, то перед ИД группы ставится дефис («-»)
[]
Вставка Видео с помощью вики-разметки Вконтакте

Аналогично можно вставить видео в Вашу вики-страницу, воспользовавшись тегом
:
[]

Немного подробнее узнать о wiki-разметке Вконтакте Вы можете из учебника:

Как создать ссылку Вконтакте


Внешние ссылки
 ведут на сайт не связанный с Вконтакте:
Внутренние ссылки
:



[] или

[] или
[] или


[] или

Обзор фото, начиная с последних загруженных

Где, **** —  ID Вашей группы
 , #### — Профиля

Как создать слайдер Вконтакте

При оформление сообщества и создание меню Вконтакте, может быть полезной информация по созданию слайдера. Слайдер создаётся с помощью тега
:
{{Hider|Название спойлера
Слайдер может содержать любую информацию текстового, графического или табличного характера, а также может быть вложен друг в друга или помещён внутрь таблицы.
На этом, дорогие друзья, я заканчиваю эту статью по вики-разметке Вконтакте
. Я искренне надеюсь, что данная статья была для Вас интересной и полезной, а знания, полученные из неё помогут Вам в кратчайшие сроки создать своё сообщество Вконтакте, красиво и качественно его оформить и добиться успехов в его продвижение. Подписывайтесь на обновления блога neMyzhik и Вы всегда будете в курсе актуальной и свежей информации, которая поможет Вам построить прибыльный интернет бизнес и стать Онлайн Бизнесменом.
Давайте поговорим о том, что такое вики и для чего придумана эта система. Ввёл данный термин Уорд Каннингем в 1995 году. В то же время появилась первая вики-среда. Кстати, слово «вики» было заимствовано у гавайцев, а означает оно «быстрый».
Термин «вики» имеет несколько значений:
Особый вид страниц и записей, которые может править любой посетитель сайта. Редактировать здесь можно не только тексты с картинками, но и саму структуру сайта.
Конструктор для создания обширных виртуальных энциклопедий.
Целая философская теория и специальные технологии.
Что такое вики-разметка
Вы хотите знать, как делать вики-разметку "ВКонтакте"? Но перед тренировкой обязательно нужно просмотреть наш теоретический материал, в котором мы вам предлагаем все сведения о вики.
Сегодня самым известным вики-сайтом является огромная «Википедия». Второе место занимает многопользовательский проект «Викия», а за ним следуют различные небольшие энциклопедии. Но каким образом организованы такие ресурсы? Из каких компонентов они состоят? Давайте разберёмся в этом!
Электронная энциклопедия может иметь множество страниц, рубрик, разделов и т. п. Все эти составляющие сплетаются в одну общую сеть, образуют общее пространство. Создать такой огромный ресурс помогает особый инструмент - вики-разметка. Важно то, что с её помощью можно не только делать разного рода энциклопедии, но и оформлять всевозможные сообщества «ВКонтакте».
Вики-разметка - особые теги, позволяющие создать индивидуальное оформление для вашей группы. Данный инструмент даёт возможность присоединять к сообществу множество дополнительных страниц и ссылок. Таким образом, можно организовать небольшую энциклопедию внутри своего сообщества. По сути своей вики является аналогом HTML-языка, но такая разметка намного легче и проще собственного сородича.
Как связаны между собой вики и "ВКонтакте"
Нам с вами предстоит узнать о том, что такое вики-разметка "ВКонтакте", а также научиться её использовать. Но сначала давайте посмотрим, какую пользу может принести данный инструмент для "ВК".
Этот вид разметки позволяет создавать оригинальное меню, метки, таблички, а также добавлять новые навигационные элементы. Таким образом, вы должны придумать красивое неповторимое оформление, которое выделит ваше сообщество из множества конкурентов.
Важно! Перед тем, как менять дизайн группы, научитесь пользоваться её составными элементами. К ним относятся «Видео», «Фотографии», «Стена» и другое. Необходимо также подбирать интересную и полезную информацию, иначе ваше сообщество не сможет привлекать и удерживать новых подписчиков.
Преимущества вики
Мы хотим выяснить, как сделать вики-разметку "ВКонтакте". Но для начала посмотрим, чем же так хорош этот инструмент.
Во-первых, вики намного легче HTML-языка. Это значит, что любой желающий без проблем сможет освоить её. Вторым преимуществом является то, что вики-разметка сохраняет все изменения, которые вы проводили на различных страничках. Вы можете в любой момент сравнить все варианты одного и того же материала и выбрать лучший.

Некоторые вики-секреты
Для того чтобы стать профессионалом вики-разметки, надо потратить много времени. Однако кое-что надо знать при первых шагах в данной системе.
К примеру, картинки с размером, меньшим 131 пикселя, становятся некачественными. Одна страничка должна вмещать до 17 тегов, а строка - не более 8 компонентов. Если вы проставили ширину рисунка, высота его изменится самостоятельно с учётом всех пропорций. отвечает за создание списков.
Вики-разметка "ВКонтакте": ссылки на страницы в группе
Для того чтобы создать свежую страницу в своём сообществе, достаточно указать в тексте ссылку на новую статью. Кроме того, дополнительные странички появляются сразу же после набора нового текстового материала.
За ввод ссылок в вики-разметке отвечают вот такие скобочки []. Символы внутри этих скобок обязательно станут ссылкой, перейдя по которой, вы сразу же попадёте на новую страничку. Теперь её надо наполнить и отредактировать. Новая страница готова! Вики-разметка "ВКонтакте" позволяет создавать множество таких страниц. Результатом может стать миниатюрный сайт внутри вашей группы.

Обратите внимание на то, что красиво оформленный текст имеет особую важность. Это удобно для чтения и восприятия. Обязательно проработайте заголовки, выравнивание, начертания букв и т. п. Для каждого вида форматирования у вики есть собственные теги. Но можно воспользоваться также некоторыми символами из HTML. Объясняется это тем, что вики-разметка использует не только особые теги, но и многие знаки из HTML-языка. А это в свою очередь означает, что в большинстве случаев вы можете использовать двоякое обозначение тех или иных функций.
Интересно то, что вики - вещь умная. Заметив в вашем тексте элементы из HTML-разметки, она может заменить их знаками из своего языка.
Как сделать ссылку-якорь
Ссылки могут стать симпатичными кнопочками или серьёзными якорями. Вики-разметка "ВКонтакте" позволяет создавать и то и другое. Но запомните одно важное правило! Текст всегда ставится справа от ссылки, а картинка - слева от неё.
Далее нам с вами предстоит научиться присоединять к ссылке анкор. Открываем и вставляем нужную ссылочку. Далее ставим знак разделения элементов - ǀ, а после него пишем требуемый текст. Теперь можно закрыть скобки.

Как соединить ссылку с фотографией
Теперь создадим кнопочку. Для добавления картинки будем использовать слово «photo» и его номер в альбоме вашего сообщества. Вновь заключаем всю информацию в скобочки. Сначала прописываем фотографию, а потом ссылочку.

У вас должна получиться, например, такая кнопочка: [].
Обратите внимание на функции, доступные для работы с нашей картинкой!
plain - текстовая ссылка на фотографию без изображения;
noborder - убрать рамочку у картинки;
box - открыть изображение в новом окне;
nolink - убрать ссылку на фото;
nopadding - убрать пробелы между картинками;
NNNpx - ширина рисунка;
NNNxYYYpx - размеры фотографии (ширина*высоту).
Эти функции нужно вставлять перед ссылочкой, чередуя их со знаком разделения. Вместе с данными элементами можно вставлять также подпись к картинке, не забывая отделять её от остальных символов.
Создание таблиц с помощью вики
Что ещё умеет вики-разметка "ВКонтакте"? Таблицы она может создавать. Делается это столь же легко, как со всеми остальными объектами. Для вставки в текст таблиц также используются специальные символы.
Сначала посмотрим, из чего состоит сама табличка:
{| - открываем таблицу;
|+ - заголовок таблицы, выравненный по центру (необязательный элемент);
|- - новая строка;
| - делаем табличку прозрачной;
! - тёмные ячейки;
|} - закрываем таблицу (необязательный элемент, используемый для предотвращения ошибок).
Две предпоследние операции являются вариативными! Если вы, например, сделали тёмную ячейку, применять к ней функцию «Прозрачность» нельзя!

Теперь наполним получившуюся табличку:
| - открываем ячейку;
|| либо!! - отделяем одну ячейку от другой.
В итоге получится что-то вроде этого (табличка размером 1*3):
|’’’Красота’’’||’’’Здоровье’’’||’’’Спорт’’’
В свою таблицу вы можете вставлять всё, что угодно: картинки, ссылки, тексты. Важно только учитывать правила, которые нам предлагает вики разметка "ВКонтакте".
Оформляем меню
Давайте посмотрим, как делается вики-разметка меню "ВКонтакте". Для этого нам понадобится красивый рисунок и знания.
Обратите внимание на то, что меню бывает:
Текстовое (надо создать ссылки-якоря).
Графическое (надо соединить ссылки с симпатичными кнопочками).
Табличное (все пункты меню надо занести в табличку).
Предварительно подготовьте картинку, ширина которой должна быть не более 610 пикселей. Обратите внимание на то, что такая ширина обусловлена размерами стены вашей группы. Раскроите изображение в "Фотошопе" или другом редакторе так, чтобы получилось нужное количество кнопочек. Надпишите на каждой кнопке название того или иного пункта меню.

Перейдите в свою группу. Здесь надо зайти в панель управления и подключить инструмент «Материалы». Если вы вернётесь на главную страницу, увидите над обсуждениями ссылку «Свежие новости». Отредактировав «Новости», вы сможете создать на их основе красивое меню.
Сохранить картинки в каком-нибудь альбоме группы.
Вставить их непосредственно в статью «Новости», пользуясь встроенным визуальным редактором.
Теперь можно заняться редактированием «Новостей». Для этого из надо переключиться в режим «Вики-разметка "ВКонтакте"» (кнопка «<->»). Далее, учитывая всё описанное выше, со ссылками на различные элементы меню.
Где научиться делать вики-разметку?
«ВКонтакте» есть официальная группа, полностью посвящённая вики-разметке. Там можно прочесть учебные материалы, получить дельные советы. Администраторы социальной сети решили максимально облегчить своим пользователям применение вики-языка. Для этого созданы разнообразные приложения, на которых можно потренироваться в оформлении группы.

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