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

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

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

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

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

Вики разметка. Картинки:

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

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

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

Далее вам надо заключить эту часть ссылки в квадратные скобки следующим образом:

[[photo11111_11111]]

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

[[photo11111_11111|options|text/link]], где на месте  options можно подставить значение из следующего списка:

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

WIKI-разметка вконтакте. Текстовый вариант.

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

шаблоны вики разметки

Как сделать таблицу при помощи вики разметки:

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

{|      — этот знак обозначает начало таблицы. Обязательный атрибут.

|+     — Необязательный атрибут-название таблицы. Ставится сразу за атрибутом начала таблицы.

| —      -знак начала новой строки в том числе ячеек.

|        — атрибут, который отвечает за прозрачность ячейки.

!         -если отсутствует предыдущий атрибут, то этот отвечает за темный цвет ячейки. (Обязательно должен быть один из атрибутов)

|}      -знак, означающий конец таблицы. Указывать его не обязательно, но для предотвращения возникновения ошибок лучше указать.

Рассмотрим создание вики разметки на конкретном примере:

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

А вот и код, благодаря которому создана эта таблица и вся разметка в целом.

{|
|-
|<center>”’Новости”’</center>||<center>”’Основное”’</center>||<center>”’Все серии”’</center>
|-
!<center>[[photo708176_168310200|nolink;noborder;90x80px| ]]</center>!!<center>[[photo-4489985_130746672|nolink;noborder;90x80px| ]]</center>!!<center>[[photo708176_168309890|nolink;noborder;90x80px| ]]</center>
|-
|<center>
[[Новости из жизни актеров сериала|Новости]]<br/>
[[Биографии]]<br/></center>
|<center>
[[Аудио]] <br/>
[[Видео]]<br/>
[[Книги]]<br/>
[[Обсуждения]]<br/></center>
|<center>
Сезоны:<br/>
[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]<br/>
[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]<br/></center>
|-
|}

 

Оформление ссылок через wiki-разметку, а так же как сделать ссылку с анкором вконтакте:

Есть несколько вариантов оформления ссылки.

1) Обычная ссылка:

[http://vkontakte-hack.ru]

Вид: http://vkontakte-hack.ru/

2) Ссылка с анкором (гиперссылка)

[http://vkontakte-hack.ru/|Всё о ВК]

Вид: Все о ВК

3) Ссылка-картинка

[[photoxxxxxxxxxxx|40px|http://vkontakte-hack.ru/]

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

 

 

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

1) нарезаем картинки в фотошопе

2) заливаем в альбом и собираем меню тегом nopadding

Пример:

[[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|Полезное]]

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

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *