Как делать вики разметку

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Должно получиться примерно так: [[ссылка.ру ǀ Мой сайт]].

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее следует загрузить подготовленные ранее изображения в группу. Это можно сделать двумя способами.

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

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

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

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

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

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

Вики-разметка — язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу вики-проектов) и позволяет упростить доступ к возможностям языка HTML. Страницы, оформленные с применением вики-разметки, предварительно преобразуются в HTML для просмотра в веб-браузере, преобразование реализует специальное программное обеспечение — вики-движок (англ. wiki engine ).

Содержание

Языки вики-разметки [ править | править код ]

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

В Медиавики необходимо использовать конструкцию [[. ]] для создания перекрёстных ссылок, такие ссылки называются «free links».

Разные вики-программы поддерживают разные наборы HTML-элементов в правилах разметки вики-текста. В некоторых случаях доступные HTML-элементы могут иметь индивидуальное оформление в едином стиле с веб-сайтом. Медиавики поддерживают множество стандартных HTML-элементов.

Стандартизация [ править | править код ]

Creole — это попытка «использовать общие правила вики-разметки на разных вики-сайтах» [1] . Существует несколько вики-движков, которые поддерживают Creole [2] . Версия 1.0 спецификации была выпущена в июле 2007 года [3] .

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

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

Статьи

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

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

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

Ссылки на вики-публикации можно размещать в других смм-пабликах в качестве гостевых размещений и получать трафик на свое сообщество.

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

Моя статья 60 способов иногда попадает в топы выдачи, но довольно редко.

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

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

Сначала мы видим публикацию в сообществе

Вариантов, как именно сделать меню — много, большая часть описана в сообществе Wiki. В Кайросе сделали подобие лендинга с плашкой для навигации.

Используя вики-публикации можно создавать простенькие квест-игры:

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

Создание вики-публикаций

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

Сложный способ заключается в ручном прописывании ссылки в адресной строке. Нужно в ссылке:

С помощью разрешения, в выплывающем меню в настройках сообщества появляется кнопка «Список wiki-страниц».

Расширение позволяет подглядеть вики-публикации в чужих сообществах, а в своем собственном создать новые страницы. Можно узнать вики-разметку, которая использовалась для страницы и узнать дату создания страницы.

Нажав на кнопку «добавить», появится новая вики-страница

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

Нужно зайти в приложение, и напротив сообщества выбрать кнопку «Новая». После можно создавать новую страницу.

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

Мне работать с чистым кодом удобнее, чем в визуальном редакторе, но это зависит от степени знаний кодов разметки.

Самые «важные» коды вики-разметки*

* Которые я чаще всего использую

Заголовок первого уровня. Для оформления заголовка первого уровня используются символы « == » с двух сторон заголовка.

Отступ от края страницы. Для отступа используется символ « : » перед абзацем. Чем больше двоеточий, тем больше отступ. Я использую эту разметку, чтобы показать примеры и отделить их от основного уровня текста.

Серый текст. Чтобы обозначить пример, я использую разметку, которая делает черный цвет текста серым. Для этого нужна разметка « » и нужен закрывающий текст « » (убрать пробелы перед закрывающей скобкой)

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

Таблица начинается с « <| », а заканчивается « |>», чтобы обозначить строку, используется код « |- », а для того, чтобы разбить строку на ячейки, используется « | ».

В таблице, часто использую:
Невидимые границы таблицы: noborder;
Расширить таблицу на ширину страницы (по-умолчанию, таблица создаётся на 500 px, а ширина вики-страницы 600 px): nomargin;
Колонки фиксированной ширины (по-умолчанию таблица растягивается в зависимости от контента). Если нужно сделать три столбца одинаковой ширины, после того как прописали код открывающий таблицу, пишите на следующей строке |

Цитата со встроенной таблицей с тремя колонками

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

Как переименовать неправильно названные страницы

Раньше считалось, что если ошибиться в названии страницы, то придется создавать новую страницу с правильным названием. Но СММщики нашли лазейку, нужно при открытой вики-странице с неправильным названием, в конце адресной строки прописать /market и перейти на новую страницу. Появится кнопка редактирования названия страницы, подробнее способ описан в материале «Как изменить название вики-страницы»

Подытожим

Вики-публикации — мощный инструмент для развития и продвижения сообществ в ВКонтакте.

Чтобы проще было создавать страницы используйте «Исходный код» или расширение VkOpt.

Изучите учебник по вики-разметке, кроме важных кодов, есть куча других полезных кодов, которые я не использую, а кому-то могут быть полезны. Когда я изучал учебник, у меня постоянно было: «А что так можно было?».

Вики-страницы можно редактировать. Пользуйтесь этим.

Вики-страницы нужно seo-оптимизировать. Используйте это.

Илья Слюсарев

СММщик, контент-мейкер и просто хороший человек.