Вики разметка вконтакте. Wiki-разметка ВКонтакте

Давайте поговорим о том, что такое вики и для чего придумана эта система. Ввёл данный термин Уорд Каннингем в 1995 году. В то же время появилась первая вики-среда. Кстати, слово «вики» было заимствовано у гавайцев, а означает оно «быстрый».

Термин «вики» имеет несколько значений:

1. Особый вид страниц и записей, которые может править любой посетитель сайта. Редактировать здесь можно не только тексты с картинками, но и саму структуру сайта.
2. Конструктор для создания обширных виртуальных энциклопедий.
3. Целая философская теория и специальные технологии.

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

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

Сегодня самым известным вики-сайтом является огромная «Википедия». Второе место занимает многопользовательский проект «Викия», а за ним следуют различные небольшие энциклопедии. Но каким образом организованы такие ресурсы? Из каких компонентов они состоят? Давайте разберёмся в этом!

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

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

Как связаны между собой вики и "ВКонтакте"

Нам с вами предстоит узнать о том, что такое вики-разметка "ВКонтакте", а также научиться её использовать. Но сначала давайте посмотрим, какую пользу может принести данный инструмент для "ВК".

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

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

Преимущества вики

Мы хотим выяснить, как сделать вики-разметку "ВКонтакте". Но для начала посмотрим, чем же так хорош этот инструмент.

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

Некоторые вики-секреты

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

К примеру, картинки с размером, меньшим 131 пикселя, становятся некачественными. Одна страничка должна вмещать до 17 тегов, а строка - не более 8 компонентов. Если вы проставили ширину рисунка, высота его изменится самостоятельно с учётом всех пропорций. отвечает за создание списков.

Вики-разметка "ВКонтакте": ссылки на страницы в группе

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

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

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

Интересно то, что вики - вещь умная. Заметив в вашем тексте элементы из HTML-разметки, она может заменить их знаками из своего языка.

Как сделать ссылку-якорь

Ссылки могут стать симпатичными кнопочками или серьёзными якорями. Вики-разметка "ВКонтакте" позволяет создавать и то и другое. Но запомните одно важное правило! Текст всегда ставится справа от ссылки, а картинка - слева от неё.

Далее нам с вами предстоит научиться присоединять к ссылке анкор. Открываем и вставляем нужную ссылочку. Далее ставим знак разделения элементов - ǀ, а после него пишем требуемый текст. Теперь можно закрыть скобки.

Как соединить ссылку с фотографией

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

У вас должна получиться, например, такая кнопочка: [].

Обратите внимание на функции, доступные для работы с нашей картинкой!

• plain - текстовая ссылка на фотографию без изображения;
• noborder - убрать рамочку у картинки;
• box - открыть изображение в новом окне;
• nolink - убрать ссылку на фото;
• nopadding - убрать пробелы между картинками;
• NNNpx - ширина рисунка;
• NNNxYYYpx - размеры фотографии (ширина*высоту).

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

Создание таблиц с помощью вики

Что ещё умеет вики-разметка "ВКонтакте"? Таблицы она может создавать. Делается это столь же легко, как со всеми остальными объектами. Для вставки в текст таблиц также используются специальные символы.

Сначала посмотрим, из чего состоит сама табличка:

• {| - открываем таблицу;
• |+ - заголовок таблицы, выравненный по центру (необязательный элемент);
• |- - новая строка;
• | - делаем табличку прозрачной;
• ! - тёмные ячейки;
• |} - закрываем таблицу (необязательный элемент, используемый для предотвращения ошибок).

Две предпоследние операции являются вариативными! Если вы, например, сделали тёмную ячейку, применять к ней функцию «Прозрачность» нельзя!

Теперь наполним получившуюся табличку:

• | - открываем ячейку;
• || либо!! - отделяем одну ячейку от другой.

В итоге получится что-то вроде этого (табличка размером 1*3):

|’’’Красота’’’||’’’Здоровье’’’||’’’Спорт’’’

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

Оформляем меню

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

Обратите внимание на то, что меню бывает:

• Текстовое (надо создать ссылки-якоря).
• Графическое (надо соединить ссылки с симпатичными кнопочками).
• Табличное (все пункты меню надо занести в табличку).

Предварительно подготовьте картинку, ширина которой должна быть не более 610 пикселей. Обратите внимание на то, что такая ширина обусловлена размерами стены вашей группы. Раскроите изображение в "Фотошопе" или другом редакторе так, чтобы получилось нужное количество кнопочек. Надпишите на каждой кнопке название того или иного пункта меню.

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

1. Сохранить картинки в каком-нибудь альбоме группы.
2. Вставить их непосредственно в статью «Новости», пользуясь встроенным визуальным редактором.

Теперь можно заняться редактированием «Новостей». Для этого из надо переключиться в режим «Вики-разметка "ВКонтакте"» (кнопка «<->»). Далее, учитывая всё описанное выше, со ссылками на различные элементы меню.

Где научиться делать вики-разметку?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Шаблон 1.

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

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

{|
|-
!
второе

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

• Шаблон 2.

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

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

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

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

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

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

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

• Шаблон 3.

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

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

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

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

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

[] Фотки


[]

|}

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

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

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

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

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

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

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

Редактирование

Затем: внесите желаемые изменения в исходный текст; кратко опишите смысл своей правки в строке «Описание изменений»; для проверки правильного отображения страницы нажмите кнопку «Предварительный просмотр»; если со страницей всё в порядке, опубликуйте свою новую версию нажатием кнопки «Записать страницу».

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

Дополнительные возможности

Выше текстовой формы редактирования находятся кнопки для форматирования текста, ниже - панель быстрой вставки специальных символов, элементов вики-разметки и шаблонов. Кнопка «Внесённые изменения» позволяет сравнить исходный код с тем, что у вас в окне редактирования. Зарегистрированным участникам также доступны: флажок «Малое изменение», позволяющий отметить ваши изменения как незначительные; флажок «Включить эту страницу в список наблюдения» для наблюдения за дальнейшими изменениями этой статьи. Часто бывает удобно предварительно скопировать текст в текстовый редактор (через буфер обмена), отредактировать, а затем перенести обратно в форму редактирования в браузере. Для этих целей следует использовать текстовый редактор, поддерживающий юникод. Кроме того, вы можете обсуждать статьи с другими участниками. Практически у каждой статьи в Википедии существует параллельная страница с её обсуждением. Участники просто редактируют эту страницу, так же, как и статьи: перейдите к странице «обсуждение» и там нажмите «править». В обсуждениях, опять же, следует придерживаться правил; главное - избегайте резкости и подписывайтесь (четыре тильды niska 14:39, 14 июня 2007 (MSD) в коде страницы).

Вики-разметка

Ниже приведена справочная таблица по редактированию в Википедии.

Разделы, абзацы, списки и строки

Начните раздел со строки заголовка:

Новый раздел == === Подраздел === ==== Под-подраздел ====

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

Но пустая строка начинает новый абзац.

С помощью тега «br» можно разрывать строки, не начиная новый абзац

Сделать список очень просто

• каждая строка начинается со звёздочки;
  • чем больше звёздочек - тем глубже уровень; отступ внутри можно делать и с помощью двоеточия

* каждая строка начинается со звёздочки; ** чем больше звёздочек - тем глубже уровень; **: отступ внутри можно делать и с помощью двоеточия

Нумерованные списки тоже хороши:

1. Нумерованные списки тоже хороши:
   1. очень организованные;
   2. легко читаются

# Нумерованные списки тоже хороши: ## очень организованные; ## легко читаются

Можно также делать смешанные списки:

• Можно также делать смешанные списки:
  1. и вкладывать их
     • как, например,
  2. здесь.

* Можно также делать смешанные списки: *# и вкладывать их *#* как, например, *# здесь.

Tочка с запятой в начале строки и затем двоеточие создают двухуровневый список.

Двоеточие в начале строки делает отступ абзаца.

Простой перенос строки при этом начинает новый абзац.

Примечание: это применяется в основном на страницах обсуждения.

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

* вставки преформатированного текста; * описания алгоритмов; * исходного кода программ * ascii art (создание изображений при помощи текстовых символов).

Центрированный текст.

Центрированный текст.

Горизонтальная разделительная линия: четыре пунктира подряд (----)

Вы можете управлять выравниванием текста абзаца, используя тег

С параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

По умолчанию принято выравнивание по левому краю.

Например, для выравнивания по ширине используйте такую конструкцию:

Текст абзаца

Ссылки, URL

В Лондоне хороший общественный транспорт. Первая буква точки назначения автоматически делается большой. Внутренние пробелы автоматически представляются как подчёркивания (набор подчёркивания имеет тот же эффект, что и набор пробела, но не рекомендуется).

Таким образом, приведённая выше ссылка ведёт на http://ru.wikipedia.org/wiki/Общественный_транспорт , которая является статьёй с названием «Общественный транспорт».

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

Пример: Лондон располагает хорошим общественным транспортом .

В Лондоне хороший [[общественный транспорт]]. Лондон располагает хорошим [[общественный транспорт| общественным транспортом]].

Окончания сливаются со ссылкой: тестирование , гены

Автоматически скрывается заключённое в круглых скобках: царство .

Автоматически скрывается пространство имён: Портал сообщества .

Автоматически скрывается заключённое в круглых скобках: [[царство (биология)|]]. Автоматически скрывается пространство имён: [[Википедия:Портал сообщества|]].

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: Ссылайтесь .

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: [[Википедия:Правила и указания#Ссылайтесь|Ссылайтесь]].

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

niska

или четыре для получения имени пользователя плюс дата/время:

niska 14:39, 14 июня 2007 (MSD)

Именно вариант с датой и временем является предпочтительным.

При добавлении комментариев к странице обсуждения, следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя: : ~~~ или четыре для получения имени пользователя плюс дата/время: : ~~~~ Именно вариант с датой и временем является предпочтительным. Внешняя ссылка: , для ссылок не на русском языке желательно указывать язык: {{ref-en}}

Или просто укажите URL: http://www.nupedia.com.

Этот адрес приведён для примера, не используйте его.

Указать e-mail можно так:

[[Медиа:Sg_mrob.ogg|Звук]] [[Медиа:Tornado.jpg|Изображение торнадо]]

ISBN 0123456789X

Форматирование текста

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

• Это двойные и тройные апострофы, а не кавычки.

""логическое ударение""
"""структурное выделение"""
"""""логическое ударение в структурном выделении (или наоборот)""""".

Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах: F = ma

:F = m a

Моноширинный шрифт для технических терминов технических терминов

технических терминов

Специальное форматирование для фрагментов исходного кода исходного кода

исходного кода

Вы можете использовать маленький текст для заголовков маленький текст для заголовков

маленький текст>

Вы можете перечёркивать удалённый материал и подчёркивать новый материал перечёркивать удалённый материал и подчёркивать новый материал

перечёркивать удалённый материал и подчёркивать новый материал

В статье речь пойдет о том, что такое вики и для чего они предусмотрены системой. Этот термин введен Уордом Каннингемом в 1995 году. Именно в это время и появилась первая вики-среда. Стоит отметить, что слово «вики» заимствовано у гавайцев. Оно обозначает в переводе «быстрый».

Существует несколько значений термина «вики»:

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

Что собой представляет вики-разметка?

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

Какова организация подобных ресурсов?

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

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

Какова связь между вики и «ВКонтакте»?

Сначала следует затронуть такой вопрос: какую пользу приносит данный инструмент для социальной сети «ВКонтакте»? Такая разметка дает возможность осуществлять следующее:

Создавать оригинальное меню;
делать метки;
разрабатывать таблички;
добавлять новые навигационные компоненты.

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

Достоинства вики

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

Вики-секреты

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

Чтобы разработать новую страницу в сообществе, потребуется указать в тексте ссылку на статью. Стоит отметить, что дополнительные страницы появляются сразу после набора свежего материала. Для ввода ссылок в вики-разметке предназначены специальные скобки − []. Внутри нее находится сама ссылка. Если перейти по ней, можно попасть на новую страницу. Затем ее следует наполнить и отредактировать. Вот и все, новая страница готова.

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

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

Создание ссылки-якоря

Что касается ссылок, они могут быть различными. Встречаются не только симпатичные кнопочки, но и серьёзные якоря. При помощи вики-разметки «ВКонтакте» допускается создание и того и другого. При этом необходимо помнить одно важное правило: текст нужно ставить только справа от ссылки, а изображение — слева. После этого стоит научиться присоединению анкора. Для этого необходимо открыть квадратные скобки и вставить требуемую ссылку. Затем устанавливается знак разделения элементов – ǀ, далее пишем сам текст. После этого разрешается закрыть скобки. Приблизительно получается следующее: [[ссылка.ру ǀ Мой сайт]].

Сначала необходимо создать кнопочку. Чтобы добавить изображение, можно воспользоваться словом «photo», набрав его номер в альбоме группы. Затем нужно снова заключить всю информацию в скобки. Сначала следует прописать фотографию, а после − ссылку. В результате должна получиться приблизительно такая кнопка: []. Следует уделить должное внимание и функциям, которые доступны для работы с данным изображением:

Plain – текстовая ссылка на фотографию без картинки;
noborder – убрать рамку у изображения;
box – открыть рисунок в новом окне;
nolink – удалить ссылку на фото;
nopadding – удалить пробелы между изображениями;
NNNpx – ширина картинки;
NNNxYYYpx – размеры фотографии.

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

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

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

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

Оформление меню

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

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

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

Где научиться создавать вики-разметку?

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

Хотите создать не просто очередной паблик с картинками и музыкой, а по-настоящему интересное сообщество с полезным контентом? Тогда вам просто необходимо знать, как создать вики-страницу. И сегодня мы научимся это делать.

Для чего нужна 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 — количество изображений в ряду).

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