Как красиво оформить группу вконтакте — wiki-разметка

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

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

Полезные материалы для оформления группы в контакте

  • wiki.vkontakte.ru — группа про wiki разметку.
  • видео уроки по wiki-разметке — Видео всегда легче понять потому что там показано на примере.
  • экспресс курс — рассказаны основы, по окончании можно пройти тест. Расписано все довольно просто.
  • Полноценный учебник по wiki — подробно расписано по всем вопросам начиная от основ и заканчивая сложными элементами.
  • Иконки — большое количество разнообразных иконок для оформления вашей группы.
  • Исходный код вики-страниц — очень полезное приложение. Просто указываете id группы или страницы и оно вам показывает исходный код.

Основные вопросы по вики разметке. FAQ

  • Куда вообще вставлять вики код?
    Для начала вам нужно включить раздел. Зайдите в раздел «Редактирование информации» и в настройках поставьте галочку рядом с «Новости включены», по желанию можете указать название этого раздела. Изначально там будет указано «свежие новости».

    вики разметка


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

  • Как создавать страницы в контакте.
    Я не сразу сообразил как создавать отдельные страницы для своей группы(ну конечно же мне не пришло в голову прочитать учебник по верстке на wiki)))
    Такие страницы создаются автоматически если вы укажете текст [[Название статьи]] или [[Название статьи|текст для ссылки]], потом просто переходите по этой ссылке и редактируете эту страницу как хотите.

  • Оформление текста
    Примеры оформления текста на страницах:
    <s>текст</s> - зачеркнутый текст
    <u>текст</u> - подчеркивает текст
    '''текст''' - выделяет текст жирным
    ''текст'' - курсив, текст будет наклонным
    <center>Текст</center> - тут все понятно, текст будет по центру

  • Как вставить аудиозапись в текст страницы
    Существует два варианта.
    — Загрузка аудио со страницы человека:
    [[audioidчеловека_idзаписи]] Пример: [[audio2342324_34343515]]
    — Загрузка песни из аудиозаписей группы:
    [[audio-idгруппы_idзаписи]] Пример: [[audio-434533_342325324]]

    Не знаете как узнать id аудио записи? Зайдите на страницу аудиозаписей и откройте исходный код страницы (правая кнопка мыши -> исходный код). Там должен быть код div class="audioRow" id="audioXXXXXXX", где XXXXXXX и будет id этой песни.
  • Как вставить картинку или фото в страницу?
    Просто вставьте этот код указав id фото и группы: [[photoXXX_YYY]]
  • Как вставить видео в wiki разметку?
    Вставляем этот код: [[videoXXX_YYY]]
  • Вставляем ссылку на пользователя вконтакте
    Используем этот код: [[idNNN|Имя Фамилия]]
    Где NNN id пользователя. Вместо имени и фамилии можно указать что угодно.
  • Вставляем ссылку на группу
    Вам нужен этот код: [[clubNNN|Название группы]]
    Где NNN это id группу.
  • Ссылка на обсуждение
    Используем эти коды: [[topicNNN|Название темы]]
    или
    [http://vkontakte.ru/topic-XXXXXXX_YYYYYYYY|Название темы]
  • Ссылка на другие статьи в контакте
    Самый простой вариант: [[Название статьи]]
    Как текст ссылки будет использовано название статьи.

    [[Название статьи|текст для ссылки]]
    В этом варианте можно указать текст ссылки.

    Если вам нужно указать ссылку на статью в другой группе то используйте код: [[clubNNNN:Название страницы|текст]]
    Где NNNN это id группы в которой находиться статья.

  • Ссылка на посторонний сайт
    Вы можете просто указать адрес сайта с http и контакт автоматически приобразует его в ссылку, но можно выделить ссылку в скобках: [http://narkoseti.ru/]
    Но если нужно указать текст ссылки то используйте код [http://narkoseti.ru/|Блог о социальных сетях]
  • Картинка как ссылка
    Картинка как ссылка на человека: [[photo-XXXXXX_YYYYY|idNNNN]] где NNNN это id пользователя.
    Фото как ссылка на группу: [[photo-XXXXXX_YYYYY|clubNNNN]] где NNNN это id группы.
    Картинка как ссылка на обсуждение: [[photo-XXXXXX_YYYYY|topicNNNN]] где NNNN это id обсуждения.

    В ссылке можно указать дополнительный параметр: [[photo-XXXXXX_YYYYY|options|topicNNNN]].
    Вместо options можно указать следующее:

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






Ваш отзыв