Как сделать вики разметку группы вконтакте - IT Новости из мира ПК
Remkomplekty.ru

IT Новости из мира ПК
9 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

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

Вам повезло, сервис smmbox.com раздаёт скидки.
Сегодня скидка 15% на использование сервиса. Вам нужно просто зарегистрироваться и ввести при оплате промокод smmbox_blog

Вики-разметка. Что это

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

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

Вики-разметка позволяет быстро создать и внедрить в код любой страницы сообщества красиво оформленные элементы, такие как:

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

Якорь — это ссылка на заголовок в статье или посте, позволяющая быстро перемещаться по разделам сообщества или статьи.

Вики-разметка « ВКонтакте» очень похожа на HTML (Hyper Text Markup Language). Но, в отличие от языка разметки кибер текста, её можно освоить за неделю благодаря графическому интерфейсу.

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

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

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

Придерживаемся следующего плана при создании вики-страницы:

  • Определиться с видом страницы и сделать её макет. Бывают такие виды: ВК-лэндинг, ВК-пост, интерактивная страница.
  • После того, как Вы определились с видом своего мини-сайта, можно приступать к созданию вики-станицы. Создать меню, сделать кнопки меню активными. Наполнить страницы контентом. Сделать ссылки на товары. Подключить видео или аудио записи и многое другое. Всё зависит от Вашей фантазии.
  • Художественно оформить сообщество. Вставить картинки, логотипы, аватарки, фото товаров…
    Мы покажем конкретный пример оформления интерфейса уже существующей группы с помощью вики-разметки. Создадим тестовое сообщество и разберём весь процесс пошагово.

Для того, чтобы создать вики-страницу, нам нужно в поисковую строку браузера скопировать ссылку https://vk.com/pages?oid=-***&p=ИМЯ .

Вместо *** нужно вставить уникальный Id сообщества.

В нашем случае это 105722542.

Id находится в адресной строке браузера после /club; /event или /public.

Вместо «ИМЯ» — вбить название вики-страницы, например, «каталог товаров».

Обратите внимание, что поменять название уже не получится.

После перехода по ссылке откроется следующая страница.

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

Для перехода в режим вики-разметки нажмём на кнопку «Редактирование», а затем «Режим вики-разметки».

В режиме разметки нужно набрать следующий код.

<|nomargin***с помощью этой команды убираем границы
|-***начинаем создавать надписи
| Главная ***создаём надпись «Главная» и выравниваем её по центру прямоугольника
| каталог товаров *** создаём надпись «каталог товаров» и выравниваем её по центру прямоугольника
| о нас ***создаём надпись «о нас» и выравниваем её по центру прямоугольника
| контакты ***создаём надпись «контакты» и выравниваем её по центру прямоугольника
|>***закрываем блок надписей
[[Главная]]***создаём ссылку на «Главная»
[[О нас]]***создаём ссылку на «О нас»
[[контакты]]*** создаём ссылку на «Контакты»
________________________________________
***Примечание

Далее переходим по ссылкам и копируем их в текстовый документ (к ранее сохранённой ссылке «каталог товаров»). Теперь ссылки из ВК-кода можно удалить.

Далее копируем код из раздела «каталог товаров» и вставляем его в три другие страницы. Вместо надписей вставляем ссылки из разделов.

Копируем их до «?». Вот что должно получиться в итоге на каждой странице.

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

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

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

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

Работа с изображениями

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

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

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

[[photo11111_11111|options|text/link]] , где на месте options может находиться одно из таких значений:

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

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

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

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

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

Приведем пример оформления меню группы с помощью wiki-разметки.

Это меню было создано применением следующего кода:

<|
|-
| »’Новости»’ || »’Основное»’ || »’Все серии»’
|-
! [[photo708176_168310200|nolink;noborder;90x80px| ]] !! [[photo-4489985_130746672|nolink;noborder;90x80px| ]] !! [[photo708176_168309890|nolink;noborder;90x80px| ]]
|-
|
[[Новости из жизни актеров сериала|Новости]]

[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]

[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]

|-
|>
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег
, а для центрирования текста в ячейках – тег .

Читать еще:  Какой антивирус самый надежный

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

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

    1. Оформление ссылки как текста:
      [http://www.kontaktlife.ru|Всё о контакте]

    1. Оформление ссылки как изображения:
      [[photo40778045_189420249|40px|http://www.kontaktlife.ru]]

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

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

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

[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Новости]]
[[photo-177777777_18888888|noborder;370px;nopadding|Программы]]
[[photo-177777777_18888888|noborder;370px;nopadding|https://vk.com]]
[[photo-177777777_18888888|noborder;370px;nopadding|Правила]]
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Магазин]]
[[photo-177777777_18888888|noborder;370px;nopadding|Полезное]]
[[photo-177777777_18888888|noborder;370px;nopadding|Админы]]
[[photo-177777777_18888888|noborder;370px;nopadding|F.A.Q.]]

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

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

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

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

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

Интерактивный FAQ(beta) Приложение, которое дает возможность пользователям проверить свои способности и знания wiki-разметки. Принцип приложения довольно прост: Вам дается уже оформленное меню, к которому необходимо восстановить код разметки, после чего сравнить свою версию с правильной.
Вики редактор Приложение-редактор, который поможет Вам оформить группу без каких-либо знаний wiki-разметки: Вам достаточно просто кликать мышкой в визуальном редакторе, а всё остальное приложение сделает за Вас!

Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.

Если вам нужна раскрутка группы, то читайте наш пост.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать еще:  Топ 5 лучших бесплатных антивирусов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем вики-страницу в ВК: практические рекомендации

Сегодня говорим о крутой альтернативе обычным постам в ВК – wiki-публикациях. Научим, как создавать вики-страницы, делать таблицы в вики-разметке Вконтакте. Для наших читателей — готовый алгоритм работы.

Немного теории: что такое вики-страницы в ВК

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

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

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

Wiki-разметка ВКонтакте: что это

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

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

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

Как создать вики-страницу в ВК: практический алгоритм к действию

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

Предлагаем практическое руководство:

  • Открываем адресную строку в браузере.
  • Копируем ссылочку https://vk.com/pages?oid=-ХХХ&p=Нaзвание_страницы и вставляем ее в адресную строчку.
  • Обратите внимание, что вместо ХХХ в ссылке надо вписать ID группы.
  • Далее в форму «Название страницы» нужно добавить реальное название странички. При этом следует учесть такие нюансы:
  • Прописывая нейминг страницы, все пробелы заменяем на нижнее подчеркивание «_».
  • Нейминг странички теперь выступает в качестве заголовка публикации.
  • Нажимаем Enter.

Все, готово. После этого заходим в категорию «наполнения содержанием» или в раздел «редактирования». Теперь самое интересное – как создать «конфетку»?

Как создать крутую wiki-публикацию

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

Создаем аппетитную картинку

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

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

  • Самый легкий путь – просто прикрепить фотографию. Хотя это простейший вариант, которые мало кого привлечет.
  • Текст на прикольном фоне. В данном случае уместно будет разместить текст, в котором будет прослеживаться и сам заголовок публикации. Здесь нет ничего сложного, но в то же время это оригинальный способ привлечь внимание подписчиков. Если захотите, то можете добавить красивую иконку.
  • Картинка + текст. При желании короткий текстовый материал накладывается прямо на изображение.
  • Текст и картинка напополам. Первая половина – текст, вторая – изображение. С одной стороны такая публикация затрагивает образное мышление, с другой – делается акцент на названии. Не стоит забывать о том, что во все изображения будет добавляться Wiki-разметка ВК.
Читать еще:  Легкий и эффективный антивирус

Что должна содержать картинка, чтобы пост был эффективным для продвижения

  • интригующий заголовок;
  • наличие логотипа;
  • картинка или красочный фон;
  • внедряем призыв к какому-либо действию: кнопка «важно», адрес группы и т.д.

Как сделать таблицу в вики-разметке Вконтакте

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

  • Начинаем таблицу с символа « <|».
  • Для написания заголовка используем «|+».
  • Чтобы начать новую строчку, нажимаем «|-».
  • Если необходимо оформить прозрачную ячейку, пригодится символ «|».
  • Для оформления темной ячейки – «!».
  • Чтобы завершить создание таблички, нажмите «|>».

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

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

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

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

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

Работа с изображениями

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

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

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

[[photo11111_11111|options|text/link]] , где на месте options может находиться одно из таких значений:

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

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

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

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

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

Приведем пример оформления меню группы с помощью wiki-разметки.

Это меню было создано применением следующего кода:

<|
|-
| »’Новости»’ || »’Основное»’ || »’Все серии»’
|-
! [[photo708176_168310200|nolink;noborder;90x80px| ]] !! [[photo-4489985_130746672|nolink;noborder;90x80px| ]] !! [[photo708176_168309890|nolink;noborder;90x80px| ]]
|-
|
[[Новости из жизни актеров сериала|Новости]]

[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]

[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]

|-
|>
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег
, а для центрирования текста в ячейках – тег .

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

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

    1. Оформление ссылки как текста:
      [http://www.kontaktlife.ru|Всё о контакте]

    1. Оформление ссылки как изображения:
      [[photo40778045_189420249|40px|http://www.kontaktlife.ru]]

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

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

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

[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Новости]]
[[photo-177777777_18888888|noborder;370px;nopadding|Программы]]
[[photo-177777777_18888888|noborder;370px;nopadding|https://vk.com]]
[[photo-177777777_18888888|noborder;370px;nopadding|Правила]]
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Магазин]]
[[photo-177777777_18888888|noborder;370px;nopadding|Полезное]]
[[photo-177777777_18888888|noborder;370px;nopadding|Админы]]
[[photo-177777777_18888888|noborder;370px;nopadding|F.A.Q.]]

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

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

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

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

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

Интерактивный FAQ(beta) Приложение, которое дает возможность пользователям проверить свои способности и знания wiki-разметки. Принцип приложения довольно прост: Вам дается уже оформленное меню, к которому необходимо восстановить код разметки, после чего сравнить свою версию с правильной.
Вики редактор Приложение-редактор, который поможет Вам оформить группу без каких-либо знаний wiki-разметки: Вам достаточно просто кликать мышкой в визуальном редакторе, а всё остальное приложение сделает за Вас!

Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.

Если вам нужна раскрутка группы, то читайте наш пост.

0 0 голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
×
×