Вики страницы Вконтакте: полная инструкция и обзор

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

Виды вики страниц

Раньше, до появления редактора статей, вики страницы очень активно использовались для создания длинных постов с оформлением — статей.

Сейчас это удобнее делать в редакторе статей, но сфер применения вики страниц все еще много.

Вики-меню

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

Вики-лендинг

Лендинг — это страница, которая ведет пользователя к совершению одного единственного целевого действия. Лендинг так и переводится как «посадочная страница».

Внешний вид и структура лендинга вконтакте особо не отличаются от обычных лендинг пейдж.

Лендинг может выглядеть так:

Вики-пост

Вики-посты практически полностью заменил современный редактор статей.

Выглядят вики посты, или вики-статьи так:

Как сделать вики меню Вконтакте

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

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

Выбираем необходимую фотографию или картинку и копируем её адрес. Допустим, пускай он будет следующий: photo14346_67691. Теперь необходимо заключить его в двойные скобки. Это должно выглядеть так: [[photo14346_67691]]. А если возникнет желание немного отредактировать качество, или чем-то дополнить? Тогда с этим нужно сделать следующее: нужно чтобы файл имел такой вид — [[photo14346_67691|options|text/link]]. Заместо трех последних надписей прописывается то, что нужно. Text — прописываем то, что нужно. Link в переводе с английского — «ссылка». Присутствует для того, чтобы машина посетителя знала свое направление. Options — здесь могут прописываться такие значения: Plain — ссылка на изображение оформлена в виде текста, в ней нет картинки. Noborder — стирается рамка, расположенная около фотографии. Box — картинка открывается в окне. Nolink — фото ссылка убирается. Nopadding — пробелы между картинками не отображаются. NNNxYYYpx или NNNpx — обозначают, какого размера будет картинка(пиксель).

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

Все виды вики страниц создаются по одинаковому принципу.

Есть 2 способа создания вики-страниц.

1 способ

1. Заходим в раздел Управление сообществом

   

2. Выбираем пункт меню Разделы. У пункта Материалы ставим Открытые. И нажимаем внизу кнопку Сохранить.

   

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

   

4. Переходим вверху страницы в пункт Свежие новости и нажимаем Редактировать.

   

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

   

6. Когда закончите редактировать, нажмите кнопку Сохранить страницу.
7. Чтобы получить ссылку на созданную страницу, нажмите правой кнопкой мыши на Свежие новости и в контекстном меню выберите пункт Копировать адрес ссылки.

   

8. Ссылку можно вставить например в закрепленный пост, или просто упомянуть в записи.

Если вы планируете делать вики-сайт вконтакте, то лучше всего вход в него сделать в закрепленной записи.

2 способ

Введите следующую ссылку https://vk.com/pages?oid=-АйдиВашейСтраницы&p=НaзваниеСтраницы в адресную строку браузера, где АйдиВашейСтраницы это id вашего сообщества, а НазваниеСтраницы — это произвольное имя.

Как посмотреть Id вашей группы можно узнать здесь.

Например, ссылка на вики страницу в моей группе будет выглядеть так: https://vk.com/pages?oid=-173851458&p=Меню

Номер 17385145 — это ID моей страницы, а Меню — я сама выбрала такое название, оно могло быть любым, главное, чтобы без пробелов.

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

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

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

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

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

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

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

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

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

В таблице, часто использую:

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

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

Графическое меню

Пожалуй, это самое крутое, что можно сделать, зная, как создать вики-страницу. На самом деле ничего сложного нет, но придётся повозиться с продумыванием макета и нарезкой изображений. Чтобы меню отображалось корректно, необходимо точно соблюдать размеры, ориентируясь на ширину 510 или 504 px. Если вы хотите, чтобы фото были «склеены» друг с другом, к коду изображения нужно сделать приписку ;nopadding.

А если вместо этого использовать параметр noborder, то между картинками будет расстояние 6 px. Тогда общая ширина всех фотографий в ряду рассчитывается по формуле 510-6*N (N — количество изображений в ряду).

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

Меню

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

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

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

Таблицы

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

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

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

С помощью вики-ссылок

MediaWiki имеет очень простой синтаксис внутренних ссылок (см. Справка:Ссылки ).

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

Заметки:

• Этот образец отображает этот стиль подчеркивания принудительно. Подчеркивание, отображаемое под текстом реальных ссылок, обычно по умолчанию скрыто и отображается только в том случае, если на ссылку наведена мышь или она выбрана с помощью навигации по клавиатуре, если в вики (или в настройках пользователя) используются стили MediaWiki по умолчанию.
• Фактический цвет ссылок также зависит от стилей вики по умолчанию, и дизайн страниц вики может по-прежнему переопределять эти цвета по умолчанию.

Кликнув по этой красной ссылке, вы перейдёте на страницу редактирования новой статьи.

Введите текст, нажмите на кнопку «Сохранить», и новая страница будет создана.

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

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

Если вы создаете новую страницу не создавая ссылку на нее, вы должны спросить сами себя: Действительно ли эта страница соответствует темам, уже описанным в этой вики?

А также как посетители должны будут ее найти?

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