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

Шаблоны разметки для меню группы

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

  • Шаблон 1.

shablon-teksta.png

Читайте также:  Назначение и исключение модератора в группе на Одноклассниках

{| |- |

{| |- ! первое меню!

|- | тексттексттекст |} |

{| |- ! второе

|- | тексттексттекст |}

  • Шаблон 2.

shablon-teksta-2.png

{| |- | {| |- !Обучение |} *[[ вики-разметка стандартная]] *[[ вики-разметка расширенная]] *[[FAQ]] *[[Помощь]]

{| |- !Практика |} *[[меню]] *[[Песочница]]

{| |- ![[разделы]] |} *[[Иконки]] *[[Скачать]]

{| |- !О группе |} *[[Новости]] *[[О нас]] *[[Правила]]

| {| |- !Последняя новость: |- | [[photo]] сайт группы

|} {| |- !Объявление! |- | [[photo]]

В руководство будут принимать… из админов! |} {| |- ![[Общая навигация|Общая навигация »]] |} |}

  • Шаблон 3.

Wiki-разметка для текстового меню с небольшими иконками:

{| |- ! | [[photo-54351_113731]] Пригласи всех друзей [[photo-54351_113732]] »’[[Правила]]»’ [[photo-54351_113733]] Фотоальбомы [[photo-54351_113734]] Творчество [[photo-54351_113735]] Фотки [[photo-54351_113736]] [https://vkontakte.ru/write123456789/Связь] |}

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

Я же говорю, что это просто, ведь код начинается и заканчивается с привычных тегов, а иконки внутри все предстают в виде информации [[photo-их номер_в альбоме]] с небольшим текстом для их описания.

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

Posted: 24 декабря, 2012 in Вконтакте, Сетевой маркетинг, Wiki-разметка Вконтакте

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

Код Действие
{| Начало таблицы (обязательный для каждой таблицы, используется только в начале)
|+ Центрированный заголовок (не обязательный, сразу после начала таблицы, с новой строки)
|- Указатель начала строки (обязательный после начала или (если есть) заголовка таблицы и при случае создания ячеек на новой строке)
| Прозрачная ячейка (обязательный, но при необходимости заменяющийся последующим кодом)
! Тёмная ячейка (обязательный, но при необходимости заменяющийся предыдущим кодом; текст в ячейке становится жирным и центрируется по вертикали)
|} Конец таблицы (не обязательный, но желательный (для предотвращения ошибок) параметр)

Элементы, заполняющие таблицу, прописываются после вертикального слеша (рис.1). Также, можно создавать таблицу и спойлер внутри таблицы (рис.2).

x_931aff45.jpg

рис.1

x_e70cfc84.jpg

рис.2

Любые 2 таблицы можно сблизить по вертикали. Для этого необходимо в первой из них в самом низу (перед закрытием) создать новую пустую строчку и вместо слеша ( «|» или «!») вставить вторую таблицу (рис.3).

рис.3

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

Вариант оформления 1 Вариант оформления 2
{|  |-  |  место для заполнения  |}
{|  |-  |место для заполнения  |}
Дополнительные ячейки Дополнительные ячейки
{|  |-  |  место для заполнения  |  ячейка 2  |}

 

{|  |-  |место для заполнения || ячейка 2   |}
Дополнительные строки Дополнительные строки
{|  |-  |  место для заполнения  |-  |  строка 2  |}
{|  |-  |место для заполнения  |-  |строка 2  |}
Комбинирование Комбинирование
{|  |-  |  место для заполнения  |  ячейка 2  |-  |  строка 2 ячейка 1   |  строка 2 ячейка 2  |}
{|  |-  |текст || текст  |-  | текст || текст  |}
Шаблон  Результат (между A и Б) 
{|  | Скрытый текст.  |}
АБ

Ну и как всегда, вконце видео урок по таблицам 🙂

<di>

Тег для работы с Вики-разметкой Вконтакте

Posted: 21 декабря, 2012 in Сетевой маркетинг, Wiki-разметка Вконтакте

Код Получаем m_75ff5128.jpg

А вот образец применения данного тега при работе с текстом:

Текст без применения тега Текст с применением тега
{|  |-  |  Наша Таня громко плачет:  Уронила в речку мячик.  - Тише, Танечка, не плачь:  Не утонет в речке мяч.  |}

Результат:

</pre>

Наша Таня громко плачет: Уронила в речку мячик. — Тише, Танечка, не плачь: Не утонет в речке мяч.

Результат:

</tr></tbody>

Теги {| , |- , |   — это теги для создания таблицы. О них я расскажу в следующих постах. Тегом можно регулировать высоту таблицы. Для минимального расширения таблицы следует указать 2 тега. Один применяется в том случае, если вы переводите строку после отцентрированного текста. В последующих написаниях один будет соответствовать переносу на одну строчку.

Пустая таблица без переноса строки Таблица с минимальным переносом строки Перенос строки после центрированного теста
{|  |-  |  |}

Результат:

Результат:

{|  |-  |

текст

|}

Результат:

</pre></pre>

текст

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

Список в спойлере без использования тега Результат
{{Hider|Название спойлера  * Пункт 1  * Пункт 2  * Пункт 3   }}
Название спойлера
Список в спойлере с использованием тега Результат
{{Hider|Название спойлера    * Пункт 1  * Пункт 2  * Пункт 3    }}
Название спойлера

Тут, на блоге WordPress визуальное оформление чуть другое, чем Вконтакте. Поэтому, чтобы вам было понятнее, как это все выглядит, видео урок для вас:

Готовые шаблоны

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

  • You-ps.ru – это сервис с готовыми шаблонами wiki-меню и другими готовыми элементами оформления сообщества.

020918_1640_32.jpg

  • Vkmenu.com – это онлайн-конструктор. Он позволяет легко и быстро делать стильные меню.

020918_1640_33.jpg

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

Создание Вики страницы в группе Вконтакте

 

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

viki-stranica-v-gruppe-vkontakte.jpg

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

viki-stranica-vkontakte.jpg

Вики страница – это небольшой веб сайт вконтакте, который создаётся с помощью html кодов (wiki разметка). С помощью таких страниц можно создавать объёмные статьи с изображениями, видео, заголовками, кнопками и т.д. Также можно создавать красивые навигационные меню для групп и пабликов вконтакте, которые привлекают внимание.

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

Смотрите ниже видеоинструкцию по созданию вики страницы в этом редакторе:

**

</span></p></table></table></table></tr></tbody></table></table></di>

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий