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

21 ноября 2019

Содержание

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

Давайте поговорим о фишках вики-разметки, о которых многие знают, но не все используют.

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

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

https://vk.com/share.php?url=https://vk.com/page-хxxx_xxxx&description=текст%20превью&title=заголовок&image=urlкартинки

Или вот такой, для мобильной версии:

https://m.vk.com/share.php?url=https://vk.com/page-xxxx_xxxx&description=текст%20превью&title=заголовок&image=urlкартинки

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

Ссылка состоит из пяти частей:

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

1 зеленая — это ссылка на форму шеринга http://vk.com/share.php
2 оранжевая — адрес вики-странички
3 синяя — краткое описание публикации
4 желтая — заголовок

5 голубая — адрес картинки превью

Копируем ссылку и заменяем в ней следующие данные:
— https://vk.com/page-xxxx_xxxx — меняем на ссылку нужной вики-странички.
— текст%20превью — меняем на цепляющее описание, пробелы заменяем на %20
— заголовок — меняем на заголовок, пробелы заменяем на %20

— urlкартинки — меняем на url иконки

Для оформления кнопки добавляем картинку, выставляем размер и добавляем ссылку.

Важно:
Чтоб текст превью и заголовок отражались корректно, нужно перейти по ссылке, скопировать ее из адресной строки и вставить ее в вики-код

  • Вики-код:
  • [­[photo206370082_416635872|200px|ссылка, скопированная из адресной строки]]
  • Результат:

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

  • Кликнув по кнопке, пользователь попадает на форму шеринга и может рассказать о вашей публикации на своей страничке.

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

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

  • Пригласите ваших читателей обсудить вашу статью, поделиться своим мнением, дать совет, поделиться опытом. Если статья неоднозначная и актуальная для вашей аудитории
  • Оформить эту кнопки совсем просто, но вы повысите активность и получите обратную связь ваших подписчиков.
  • Вики-код:
    [­[photo206370082_416636323|200px|ссылка на пост]]
  • Результат:

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

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

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

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

    Никакого негатива эта просьба не вызвала.

    Чтоб пригласить друзей в группу нужно в ссылке ХХХХ заменить на id сообщества, в которое нужно пригласить друзей

    https://new.vk.com/friends?act=invite&group_id=ХХХХ

    Затем эту ссылку вставляем в вики-код:

    [­[photo206370082_416637671|200px|https://new.vk.com/friends?act=invite&group_id=66801071]]

    Результат:

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

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

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

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

    Если ссылка на вики-страничку — указываем ее название в двойных квадратных скобках:

    [­[Название вики-страницы]] или [­[page-ХХХ_ХХХ|Текст ссылки]]

    • 4 способа сделать адаптивную верстку ВКонтакте

    Если ссылка на пост — вики-код будет таким:

    [ссылка на пост|Название статьи]

    • 2 лайфхака для админа и таргетолога
    • Как вариант, можно, после прочтения статьи предлагать анонс публикаций по теме. Картинку, пару интригующих предложений и ссылку на статью — так часто делают на сайтах и совсем не часто ВКонтакте))))
    • Вики-код:
    • [­[photoХХХ_ХХХХ|200px;noborder;left|Описание]] Текст описания > > > [­[page-ХХХ_ХХХ|Текст ссылки]]
    • Результат:
    • Как сделать вики разметку

      Собираетесь провести конкурс, но не знаете с чего начать? Держите пошаговую инструкцию проведения конкурса на примере Хеллоуин-марафона для рукодельниц > > > Алгоритм проведения конкурса

    • Задать вопрос в группе ВКонтакте можно несколькими способами. Если вы хотите, чтоб вопросы по определенной тематике собирались в одном месте, то в конце статьи по теме можно добавлять кнопку «Задать вопрос»
    • Если вы собираете вопросы для рубрики «Вопрос — ответ», то кнопка может вести на тему обсуждений, где вы отвечаете на вопросы (хорошо работает в экспертных нишах — психологи, коучи, стилисты, консультанты….)
    • Вики-код:
      [­[photo206370082_416636684|200px|ссылка на обсуждение]]
    • Если тема щекотливая для публичных обсуждений (например, секс — вопросы есть, а задать на аудитории как-то стеснительно) или вы будете закрывать продажу в личке — тогда кнопка будет вести в личку к специалисту или в сообщения к сообществу.
    • Вики-код в личку:

    [­[photo206370082_416636684|200px|https://new.vk.com/im?sel=ХХХ]]

    ХХХ в ссылке меняем на id специалиста

    Вики-код в сообщения сообщества:

    [­[photo206370082_416636684|200px|https://new.vk.com/im?sel=-XXX]]

  • XXX в ссылке не забываем менять на id сообщества
  • Результат:
  • Интерактив — это такая классная штука)))) Я вообще не видела, чтоб кто-то так использовал вики-странички, кроме группы канала СТС. А между тем эта механика отлично работает на вовлечение и основана на игровой механике. Так шаг за шагом, ненавязчиво можно продать своему пользователю все что угодно)))

    • Посмотрите несколько примеров из вышеупомянутой группы:
    • Новогоднее караоке
      Гадание «как ты проведешь лето»
      Анонс проекта «Новая жизнь»
      Рекомендации просмотра фильмов
      Анонс сериала «Луна»
      Игра «Загадай желание!»
      Анонс сериала «Любит — не любит»

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

    В этой ссылке нужно заменить ХХХХ на id вашего сообщества:

    https://vk.com/widget_community.php?act=a_subscribe_box&oid=-ХХХХ&state=1

  • Теперь эту ссылочку встраиваем в кнопочку и вуаля — все готово!
  • Вики-код:
  • [­[photoХХХХ_ХХХХ|200px|https://vk.com/widget_community.php?act=a_subscribe_box&oid=-ХХХХ&state=1]]

    • Результат:
    • Кликнув по кнопке, пользователь попадает на форму подписки на ваше сообщество:

    Обязательно используйте эит фишки, если вы этого еще не делаете, чтоб не потерять утепленный качественным контентом трафик и направить его в нужное русло
    Мария Жукова

    Оформление группы ВКонтакте в стиле вики — разметки

    Добрый день, друзья. Мы создали и оформили группу. Но функционал группы позволяет нам делать и более интересные оформления.  Поэтому давайте оформим группу ВКонтакте, используя вики — разметку, как было обещано в предыдущей статье.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Образец кода для рассматриваемого меню:
    • [[photo161272339_305868837|387x50px;noborder;nopadding|topic-55525598_28652980]]
      [[photo161272339_305868826|387x50px;noborder;nopadding|topic-55525598_28653317]]
      [[photo161272339_305868817|387x50px;noborder;nopadding|topic-55525598_28653323]]
    • [[photo161272339_305868805|387x197px;noborder;nopadding;nolink| ]]

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

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

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

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

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

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

    Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

    Свежие публикации регулярно

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

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

    Подпишись на рассылку и получи книгу в подарок!

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

    Вики-разметка — это инструмент форматирования текста в публикациях ВКонтакте.

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

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

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

    Подробней о вики-разметке ВКонтакте

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

    Что еще вы можете делать с подобным контентом:

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

    Пример статьи

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

    Меню и игры

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

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

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

    Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:

    • постер
    • Мобивик (для мобильных устройств)
    • Исходный код

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

    Как создать публикацию самостоятельно

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

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

    Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя. Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.

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

    Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».

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

    Обязательно сохраните ее в отдельном документе. Так как страница еще не закреплена, вы ее потеряете.

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

    • – полужирный шрифт.
    • – курсив.
    • – подчеркивание.
    • [] – ссылка.

    Проверьте статью. Внизу есть кнопка предпросмотр, с ее помощью вы увидите недочеты.

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

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

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

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

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

    Меню

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

    Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline. Скачайте их и загрузите в редактор. Не забудьте нажать . Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.

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

    Таблицы

    На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».

    Другие знаки:

    • |- – начало новой строки. Ставится после {|.
    • | – простая ячейка.
    • ! – ячейка с выделенным, центрированным текстом.
    • |+ – заголовок по центру.

    Также в построении часто используются теги (всегда прописываются после первого знака):

    • Noborder – отсутствие видимых рамок.
    • Nomargin – увеличивает таблицу на ширину материала.
    • Nopadding – уменьшает отступы в ячейках.
    • Fixed – фиксирует ширину.

    Пример.

    Коды вики разметки

    Так выглядят заголовки, отступы, списки, разделительная линия и подпись на wiki- языке и в чистовом варианте.

    Такие публикации – непривычный и сложный инструмент для новичков. Бывает так, что вы все делаете правильно, но ничего не получается. Чтобы избежать ошибок, придерживайтесь трех правил:

    • Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
    • е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
    • Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.

    Вики-разметка – это не простой, но эффективный способ продвижения и развития сообщества ВКонтакте. Чтобы упростить работу с инструментом, используйте приложения. В некоторых из них публикация буквально в несколько шагов. На сайте VK представлен объемный учебник, в котором рассмотрены все вопросы, связанные с wiki-языком.

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

    Компьютеры 22 июня 2014

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Но можно воспользоваться также некоторыми символами из HTML. Объясняется это тем, что вики-разметка использует не только особые теги, но и многие знаки из HTML-языка.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • | – открываем ячейку;
    • || либо !! – отделяем одну ячейку от другой.
    • В итоге получится что-то вроде этого (табличка размером 1*3):
    • {|
    • |-
    • |’’’Красота’’’||’’’Здоровье’’’||’’’Спорт’’’
    • |-
    • |}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Вы пока плохо понимаете, что такое вики-разметка “ВКонтакте”? Шаблоны оформления в этом случае станут для вас отличным помощником.

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

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

    Источник: fb.ru

    Вики-разметка для ВКонтакте

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

    Для оформления группы в социальной сети есть удобная и простая wiki-разметка для группы В Контакте. Она действует аналогично html коду, но интуитивно более легка и понятна для простого пользователя, владельца группы. Такая разметка применяется в Wikipedia (свободной энциклопедии), и отсюда пошло ее название. Wiki-разметкой можно оформить группу своеобразно или традиционно, при этом лезть в дебри html, где можно застрять на недели, вам не придется. Разметка wiki настолько проста в изучении, что покорится самому неопытному пользователю всего лишь за один час. Эта разметка справляется и с форматированием рисунка и текста, якорями, спойлерами, ссылками, графическими таблицами и другими элементами, способными качественно изменить внешний вид любой группы.

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

    Wiki-разметка группы ВКонтакте — как работать с картинками?

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

    Изображение, вставленное wiki-разметкой, появится только если оно присутствует в альбоме. С помощью простой манипуляции фотография (например: photo55775_55775) сразу появится на странице.

    Для этого надо скопировать ее адрес и добавить к нему двойные квадратные скобки.

    Выглядит это так — [[photo55775_55775]] — и применима такая разметка к любому изображению, которое есть в альбомах. Дополнив разметку, можно вместе с изображением вставить и текст, и ссылку, тем самым меняя его внешний вид.

    Для этого надо применить такую вики разметку — [[photo55775_55775|options|text/link]]. Слово «options» можно заменить другими значениями, каждое из которых изменит вид фотографии. А значения следующие:

    • noborder сделает рисунок без рамки;
    • nopadding соединит вместе изображения, убрав между ними пробелы;
    • plain сделает из рисунка ссылку;
    • NNNpx позволит изменить размер картинки;
    • box откроет в новом окне.

    Работа с таблицами при помощи Вики-разметки?

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

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

    Вот такое меню получится из следующего очень простого кода:

    {| |- |”Новинки”’||”’Игры”’||”’Все жанры”’ |- ![[photo705176_18360270|nolink;noborder;97x88px| ]]!![[photo-4894485_130765546672|nolink;noborder;97x88px| ]]!![[photo78976_183704890|nolink;noborder;97x88px| ]] |- | [[Новинки online игр|Новинки]]
    [[Головоломки]]
    | [[Шарики]]
    [[Квесты]]
    [[Аркады]]
    [[Обсуждения игр]]
    |-

    |}

    Как сделать вики-разметку в «ВКонтакте»?

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

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

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

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

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

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

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

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

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

    Он позволяет не только создавать различные энциклопедии, а также оформлять сообщества «ВКонтакте».

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

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

    Таким образом, вики представляет собой аналог HTML-языка, однако данная разметка значительно легче и проще.

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

    Пользователь должен придумать красивое неповторимое оформление, способное выделить определенное сообщество из множества других.

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

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

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

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

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

    Кроме того, в любой момент можно сравнить все варианты и выбрать лучший.

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

    Чтобы получить уровень профессионала вики-разметке, необходимо потратить немало времени. Но сначала пользователю нужно узнать определенные моменты о данной системе.

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

    При установке ширины картинки ее высота меняется автоматически в соответствии со всеми пропорциями.

    Ссылки на страницы в группе «ВКонтакте»

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

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

    Вот и все, новая страница готова.

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

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

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


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

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

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

    Соединение ссылки с фотографией

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

    Сначала следует прописать фотографию, а после − ссылку. В результате должна получиться приблизительно такая кнопка: [[photo12345_67890 ǀ ссылка.ру]].

    Следует уделить должное внимание и функциям, которые доступны для работы с данным изображением:

  • • plain – текстовая ссылка на фотографию без картинки;
    • noborder – убрать рамку у изображения;
    • box – открыть рисунок в новом окне;
    • nolink – удалить ссылку на фото;
    • nopadding – удалить пробелы между изображениями;
    • NNNpx – ширина картинки;
  • • NNNxYYYpx – размеры фотографии.
  • Данные функции необходимо вставлять перед ссылкой, выполняя чередование их со знаком разделения. Кроме того, можно вставить подпись к изображению, отделив её от остальных символов.

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

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

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

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

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

  • — текстовое (требует создания ссылки-якоря);
    — графическое (нужно соединить ссылки с симпатичными кнопочками);
  • — табличное (все пункты меню заносятся в таблицу).
  • Следует заранее подготовить рисунок, ширина которого должна быть до 610 пикселей. Это обусловлено размерами стены группы в социальной сети.

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

    После этого можно переходить в свою группу. В ней потребуется отыскать панель управления и подключить инструмент «Материалы».

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

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

    Затем можно соединить рисунки со ссылками на разные элементы меню.

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

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

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

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

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

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

    Что такое вики-разметка группы

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

    Вики-разметка – для чего она нужна

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

    Что нужно сделать, чтобы ваша группа отличалась от  остальных таких же фан-групп? Все очень просто! Нужно максимально красиво оформить группу,  сделать удобным перемещение по страничкам. Другими словами, вам нужно обернуть  «конфетку» в красивую, привлекательную этикетку.

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

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

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

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

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

    Немного больше о вики-разметке – вики-разметка меню

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

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

    Теперь у вас есть два раздела «Аудиозаписи» и «Видео» – работайте на здоровье! Дальше, при помощи разметки меню, можно поменять вид меню вашей группы в целом.

    Создаем отдельные странички – вики-разметка ссылки

    Все знают, что такое страница. Но что представляет собой страница во всемирной паутине? Интернет-страница – это некий элемент, вмещающий в себя информацию, в основном для общего обозрения публики.

    Что же такое ссылка? Ссылка – это не вид наказания в царские или Советские времена, это некий адрес, переходя по которому вы попадаете на Интернет-страницу. То есть, вики-разметка ссылок есть не что иное, как создание новых страниц. Ну, или это я себе так представляю.

    Оказывается, при указании определенного текста, страницы формируются в автоматическом режиме. Например: [[Название статьи|текст для ссылки]] или просто [[Название статьи]]

    После автоматического создания страницы, нужно перейти по ней, затем отредактировать, привести новую страницу в приличный вид. Если вы когда-нибудь работали в MS Word, то вы наверняка знаете горячие клавиши Ctrl + B, Ctrl + I, Ctrl + U. Я не зря завел разговор об редактировании текста.

    Красивое оформление, как писалось выше, очень много значит! Например, восклицательный знак в прошлом предложении обозначил, что на это предложение стоит обратить особое внимание. Также дело обстоит и со специальными текстовыми выделениями, типа: Ж, К, Ч.

    Для того чтобы выделить текст используются специальные теги.

    Некоторые текстовые выделения можно выполнить несколькими тегами. Это обусловливается тем, что вики-разметка поддерживает использование простых HTML-кодов. Поэтому, если вы не знаете или забыли вики-тег, то попробуйте использовать HTML-тег того же назначения.

    Например тег жирного выделения в Wiki – “` Жирный текст “`, можно заменить HTML-тегом –   Жирный текст b>. Помните, что многие HTML-теги работают на Вики-движках.

    Также не стоит забывать про умных Вики-ботов, которые распознают HTML-тег и преобразуют его в свой вики-тег.

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

    Поэтому если Вы думаете, что все должно получится с первого раза, то заблуждаетесь. Наберитесь терпения, ведь на самом деле? все не так трудно, даже для того, кто только недавно познакомился с интернетом.

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

    © 2025 | All rights reserved.