Как сделать вики страницу в паблике. Как прикрепить Wiki — страницу к записи? Настройки доступа к wiki-странице устанавливают руководители сообщества в процессе её создания или редактирования

Хотите создать не просто очередной паблик с картинками и музыкой, а по-настоящему интересное сообщество с полезным контентом? Тогда вам просто необходимо знать, как создать вики-страницу. И сегодня мы научимся это делать.

Для чего нужна wiki-разметка

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

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

Теперь поговорим о том, как создать вики-страницу.

Шаг 1: узнаём ID группы и создаём новую страничку

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

Переходим к следующему этапу. Как создать вики-страницу для группы? На самом деле нужно просто ввести в адресную строку браузера новую ссылку-команду. Выглядит она так:

Вместо ХХХХ вводим ID нашего сообщества, а вместо "Название_страницы" — собственно то название, которое мы придумали. После этого необходимо нажать Enter. Новая вики-страница будет автоматически создана, а на экране появится надпись "Наполнить содержанием".

Шаг 2: создаём пост

Пожалуй, это самое простое, что можно сделать с помощью языка

С функционалом визуального редактора разберётся любой, кто работал хотя бы в банальном Notepad. В быстром доступе на панели есть все основные функции:

  • начертание текста (жирный/наклонный);
  • выравнивание (по левому краю, правому краю, по центру);
  • добавление заголовков H1-H3;
  • выделение цитат;
  • добавление ссылок;
  • добавление мультимедиа (фото, видео, аудио).

Шаг 3: публикация

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

Полезные "фишки"

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

Обтекание фото

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

Спойлеры

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

Якоря

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

Таблицы

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

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

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

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

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

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

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

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

Отличия системы вики-статей в ВКонтакте от создания системы статей на собственном сайте

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

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

Плюсы системы вики-статей в ВКонтакте

Основными плюсами использования статей в википедийной разметке в соцсети можно считать простоту, легкость использования , «незамороченность» для среднестатистического пользователя. Если человек не имел ранее дела с сайтами, движками и прочими причудами, то на то, чтобы разобраться с движком сайта может уйти много времени, статьи в ВКонтакте позволяют сэкономить время на все это . Также социальная сеть решает сразу же много проблем за Вас: создание мобильной версии сайта, доработка движка сайта, вики-статьи находятся по ссылке с , что хорошо для продвижения, но не всегда легко подключить на движке сайта, интеграция с социальной сетью: возможность быстро распространять контент, привлекать одновременно не только , но и SMM (social media marketing ) для распространения своей продукции или услуг в интернете. Поскольку ВКонтакте в данном случае решает много вопросов за человека, то появляется возможность сосредоточиться на продвижении. Если Вы сомневаетесь в том, что для продвижения достаточно системы вики-статей и можно не закупать , а также можно не использовать приемы , то у Вас есть возможность проверить, что это не так при помощи бесплатного движка статей вики-статей. Итак, попробуем описать одним списком плюсы вики-страниц в ВКонтакте:

Минусы системы вики-статей в ВКонтакте

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

  • Плохая индексация вики-страниц поисковыми алгоритмами Яндекса
  • Нельзя использовать программы для веб-аналитики, такие как Яндекс.Метрика и Гугл Аналитикс
  • Нельзя оформить страницы
  • В википедийной разметке нельзя указать заголовки, такие как Н1, Н2 и так далее
  • Нельзя использовать такие инструменты как
  • Можно сделать пересослание со всех страниц на все, но этот список нельзя сделать выпадающим: все ссылки будут видны пользователю, а это не всегда эстетически красивое решение
  • Нельзя указывать канонические ссылки (rel =canonical )
  • Нельзя «заставить» гугл проиндексировать страницу сразу же после создания. Это невозможно поскольку для того, чтобы добавить страницу в индекс в инструментах вебмастеров в гугле, нужно доказать, что Вы являетесь владельцем сайта, а ВКонтакте – это социальная сеть, а не свой собственный сайт.
  • Если у Вас есть не только свой паблик с вики-страницами, но и сайт, на который Вы ссылаетесь из вики-страниц, то не факт, что поисковик всегда сможет понять, что ссылка через vk .com /away это ссылка на Ваш сайт. В случае с указанием авторства и ссылкой на профиль в Гугл плюс гугл отказывался обнаруживать ссылку на сранице.

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

Создание вики–статьи в ВКонтакте

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

Полноценно использовать все ресурсы вики –разметки в ВКонтакте можно только в группе. Функционал паблика не позволяет создавать упомянутое выше меню. Однако, разместить вики –статью в паблике можно . Для этого необходимо:

  1. Создать ссылку вида http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы . Где XXX - ID Вашей публичной страницы, а «Название_страницы» - любое слово, которым будет названа страница.
  2. Перейдя по ссылке, просто нажмите «Наполнить содержанием» и наполняйте статью.
  3. Не забудьте выставить «Только руководители группы» в настройках доступа к редактированию страницы. В противном случае, подписчики будут иметь к нему доступ.

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

Процесс создания статьи выглядит следующим образом:

  1. При нажатии кнопки «Редактировать» раздела «Свежие новости», появляется окно редактора. В верхнем правом углу находится кнопка включения режима вики–разметки.
  2. Чтобы создать статью, нужно ввести ее название и заключить его в двойные квадратные скобки. Например: [[Первая статья]]. Нажимаем кнопку Сохранить. При возврате в меню, нужно обновить страницу и тогда мы увидим свою статью.
  3. Кликнув на нее, нажимаем «Наполнить содержанием».

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

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

Практика и еще больше практики! Я буду описывать процесс на примере реальной группы - Футуристичный копирайтинг.

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

Первое, что вы должны сделать - создать новую группу:

  • Откройте раздел «Группы».
  • Нажмите на кнопку «Создать сообщество».


Создаем новое сообщество

  • Введите название. Указывайте любое - его можно менять в любой момент сколько угодно раз.
  • Теперь выберите вид сообщества: группа или публичная страница. Разница описана выше.


Группа или публичная страница?

  • Нажмите «Создать сообщество».
  • Здесь вы можете изменить указанное название и выбрать тип страницы (его тоже можно менять в любой момент).
  • Не забудьте принять Правила пользования сайтом.


Выбираем тип страницы

  • Нажмите «Создать страницу».

Ура, сообщество создано!

Редактирование информации о сообществе

Сразу после создания новой группы вы попадете на страницу «Редактирование информации». Что здесь есть:

  • Название . Думаю, объяснять не надо. Единственное обязательное для заполнения поле.
  • Описание сообщества . Напишите пару слов о себе и своей группе. Много писать не стоит - никто не станет это читать.


Все поля, кроме названия, можно вообще не заполнять


Еще настройки

Когда закончите с настройками - нажмите «Сохранить».


Группа создана

Теперь можно загрузить основное изображение. Нажмите на «Загрузить фотографию» справа.


Давайте загрузим изображение для страницы

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


Выделите нужную область с помощью рамки

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


Размер круга тоже можно менять

Вот, что у нас получилось. Страница стала на 35% привлекательней!


Красота!

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

На этом подготовительные работы заканчиваются и начинается самое сложное - wiki-разметка.

Как узнать ID группы

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

Для скрипта вам понадобится узнать ID вашей группы. Если вы не меняли ее адрес - то это цифры в адресной строке, которые идут после слова «club». Я уже поменял, поэтому мне такой простой способ выцепить ID недоступен.

Кликните по любому посту на стене, чтобы открыть его. Если ничего нет - напишите что-нибудь. Что угодно.


Создайте любой пост и нажмите на него

В адресной строке появятся новые данные. То, что находится посередине между «wall-» и «_» (нижним подчеркиванием) - и есть ID вашей страницы. Сохраните его где-нибудь.


Мой ID - 124301131

Создание wiki-страницы

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

http://vk.com/pages?oid=-124301131&p=Имя

Скопируйте это и вставьте в адресную строку браузера. Вместо моего ID укажите свой. А вместо слова «Имя» напишите название создаваемой страницы. Можно использовать русский язык, пробелы, цифры. А затем нажмите Enter, чтобы перейти по ссылке и запустить скрипт.

Будьте внимательны! Название вики-страницы изменять нельзя. Если будут опечатки - придется создавать новую.

Давайте для начала сделаем главную страницу. Я назвал ее «Меню».


Скопируйте скрипт в адресную строку

Нажмите «Наполнить содержанием».


Откройте редактор страницы

Здесь находится редактор страницы. Но нам пока что нужен не он, а ссылка. Посмотрите на адресную строку. Вам нужно все, что расположено до слов «?act=edit§ion=edit».


Обязательно сохраните ID страницы и ссылку на нее

Это очень важный момент. Новая страница еще нигде не закреплена и на нее не ведут никакие ссылки. Если вы закроете ее - то потеряете.

Я советую создать отдельный файл, в котором будет храниться структура вашей группы. Оформите его в виде «Название - ссылка - ID страницы». ID - это «page-124301131_50771728». Оно вам еще понадобится.

Вот, например структура моей группы «Подслушано». Меню и еще 2 страницы. Сюда же закинул скрипт для создания новых страниц. Чтобы его было легко найти.

Сохраните все ссылки и ID в отдельном файле, чтобы не потерять

Что делать, если вы сохранили только ID страницы, но забыли про ссылки? Введите в адресную строку адрес «https://vk.com/page-124301131_50771728». Естественно, подставьте ID своей страницы.

Закрепление вики-страницы в группе

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


Просто скопируйте ссылку на страницу в пост


Кнопка останется, даже если удалить текстовую ссылку

Загрузите изображение. Максимальная ширина картинки - 510 px. Максимальная высота - тоже 510 px. В пределах этих значений можно делать что угодно. Квадрат 510х510 - самый большой баннер, какой вы можете сделать. Это справедливо для любых постов, не только для закрепленных.


Я сделал вот такую штуку

Нажмите отправить. Теперь кликните по значку в виде трех точек в правом верхнем углу поста. И нажмите «Закрепить».


Теперь закрепите пост со ссылкой

Таким же образом можно делать анонсы статей в вашем wiki-блоге. Только закреплять их не надо.

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


Клик по картинке откроет прикрепленную вики-страницу

Если кликнуть по картинке или по кнопке «Посмотреть» - откроется wiki-страница.


Пока что она пустая

Главную пока что трогать не будем. У нас ведь еще нет остальных страниц. Ссылки давать не на что. Сначала займемся другими вещами.

Верстка вики-страницы Вконтакте

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

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

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


Перейдите в режим вики-разметки

Что должно быть на странице «Обо мне»? Немного информации, список преимуществ перед другими копирайтерами, возможно, фотография. Давайте это и сделаем.

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

Теперь добавим фотографию. Кликните по значку в виде фотоаппарата и укажите путь к изображению.


Нажмите на значок в виде фотоаппарата на панели инструментов

Вот и наша фотография

Я хочу, чтобы текст обтекал картинку, поэтому добавлю ей параметр «left». И я не хочу, чтобы люди могли открывать полную версию фотографии, поэтому добавил атрибут «nolink». Подробнее об атрибутах почитайте в группе, на которую я дал ссылку выше.


Добавляем параметры «nolink» и «left»

Чтобы посмотреть на результат - перейдите в обычный режим с помощью кнопки <>.


Не очень красиво

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


Укажите нужные размеры в режиме вики-разметки

Теперь оформим список. Выделите нужную строку и нажмите на значок списка.


Эта кнопка ставит тег *, который создает пункт списка

Перед ним появится символ «*». Это и есть тег списка. Вы можете ставить его вручную или пользоваться кнопкой на панели инструментов. Отметьте остальные пункты списка.


Уже красивее

Теперь нужно выделить заголовки. На панели инструментов есть кнопки для оформления заголовков H1-H3.


Используйте кнопки или поставьте теги вручную

«Обо мне» я сделаю заголовком первого уровня. А фразу перед списком - третьего уровня.


Почти готово

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


Добавляем пустую строку

Если вам нужно пропустить только 1 строку -
для этого не нужен. Он используется, если вы хотите получить 2 и больше пустых строк подряд.

Пожалуй, можно выделить жирным отдельные слова. Выделите нужный фрагмент и нажмите на кнопку «B» или используйте комбинацию клавиш Ctrl+B.


Комбинация Ctrl+B тоже работает

Вот что получилось в итоге.


По-моему, неплохо

Оформление портфолио Вконтакте

Теперь сделаем удобное портфолио для клиентов. Я вижу 2 способа:

  • Создать альбомы со скриншотами и страницу-список с ссылками на каждый них.
  • Создать отдельную страницу для каждой работы и страницу-список.

Для примера я оформлю 2 работы в портфолио - каждую своим способом.

Портфолио-альбом

Чтобы создать альбом, откройте меню «Управление сообществом».


Зайдите в настройки сообщества

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


Добавьте блок с фотоальбомами

На странице сообщества нажмите на кнопку «Добавить фотографии» и укажите путь к нужным файлам.


Добавим в альбом скриншоты наших работ

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

Зачем? Потому что иначе текст на изображении получится слишком мелкий, и его нельзя будет прочитать. Толку от такого портфолио немного. А так я разбил его на кучу отдельных фрагментов нормального размера и добавлю в отдельный альбом Вконтакте.

У меня получилось 4 кусочка текста и миниатюра. Наведите курсор на любое изображение и нажмите на значок «Переместить фотографию».


Переместим новые изображения в новый альбом

Создайте новый альбом.


Нажмите «В новый альбом»

Дайте альбому такое же название, какое было у статьи. Чтобы его легко было найти. Описание вам не нужно. Также поставьте галочки напротив пунктов «Фотографии могут добавлять только редакторы и администраторы» и «Отключить комментирование альбома». Нажмите «Создать альбом и перенести».


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

Точно также перенесите остальные скриншоты. Только теперь не нужно создавать новый альбом - он уже есть.


Выбираем уже созданный альбом из списка

Вот что у нас получилось в итоге.


Альбом с кусочками текста

Для последующих альбомов такого геморроя с переносом уже не будет. Нажмите на «Фотоальбомы».


Откройте список альбомов своей группы

Теперь кликните по кнопке «Создать альбом» в правом верхнем углу. Дайте ему название и загрузите туда новую порцию скриншотов с помощью кнопки «Добавить фотографии».


Создайте альбом для нового текст в портфолио

Все, теперь у нас есть 2 альбома, в которых хранятся скриншоты 2 статей. Хватит, пожалуй.


2 альбома со скриншотами

Создайте страницу «Портфолио» и запишите ее ID. На ней мы не будем размещать сами работы - только названия, миниатюры и короткие описания.

Кликните по значку «Добавить фотографию».


Добавляем новую картинку на страницу

Нажмите на «Выбрать из фотографий сообщества». Откройте нужный альбом и выберите свою миниатюру.


Найдите свою миниатюру, добавленную в альбом

В новой вкладке откройте альбом или первый скриншот в нем. И скопируйте его ссылку (целиком). Ее вам нужно вставить в тег фотографии между вертикальной чертой | и закрывающимися квадратными скобками ]].


Вставьте ссылку между символами | и ]]

Так вы получите миниатюру, при клике на которую откроется нужный альбом или скриншот с началом текста (смотря на что вы укажете ссылку).

Портфолио-страница

Ну, здесь все гораздо проще. Создайте новую вики-страницу и не забудьте записать ее ID. Нажмите на значок «Добавить фотографию» и загрузите скриншот своего текста, предварительно порезанный на небольшие кусочки. В идеале 1 изображение - 1 абзац.

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

Теперь выключите режим вики-разметки (если он был включен).


Вернитесь в стандартный режим, чтобы посмотреть результат

Неплохо, но маловато будет. Кликните по первой картинке. В открывшихся настройках задайте ширину (левая ячейка) - 607 px. Это максимально допустимый размер изображения на странице. Высота изменится автоматически.


Задайте ширину картинки - 607 px

Вот что получилось. Точно так же увеличьте все остальные фрагменты текста.


Первый фрагмент стал ощутимо больше

Таким образом вы можете засунуть на вики-страничку текст любой длины. Главное, чтобы его можно было прочитать при ширине 607 px.


Целый скриншот текста на вики-странице

Наконец-то нам понадобятся ID страниц, которые вы записывали. Откройте свою страницу «Портфолио».

Загрузите на нее миниатюру (из созданного альбома или с компьютера). Теперь вставьте ID страницы с текстом между закрывающимися квадратными скобками ]] и вертикальной чертой |.


Скопируйте ID страницы с текстом между символами | и ]]

Собственно, все. Теперь при клике по миниатюре посетитель перейдет на страницу с текстом.


2 наши миниатюры-ссылки

Оформление списка работ

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


Добавьте немного информации о каждой работе

Оформление страницы «Услуги и цены»

У нас уже есть страница «О себе» и красивое портфолио. Пожалуй, самое время показать клиентам ценник. Думаю, что мы оформим его в виде таблицы. Просто и понятно. Создавайте новую вики-страничку, сохраняйте ID - и поехали.

Подробно обо всех тегах, которые нужны при верстке таблицы, можно почитать

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

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

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

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

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

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

Часть 1 – Меню:
Для начала определимся, где создавать новые страницы. Самая первая внутренняя страница создаётся в меню группы. Если после создания группы у вас не отображается меню, подключите его.

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


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

Часть 2 – Создание ссылок #1:
Самый простой вариант создания внутренней страницы в группе ВКонтакте – написать название нужной страницы, заключив его в двойные квадратные скобки. Выглядеть это будет примерно вот так:

200?"200px":""+(this.scrollHeight+5)+"px");">[[Название страницы]]



При таком раскладе надпись Название страницы одновременно является и анкором ссылки (как ссылка будет отображаться в меню группы) и названием для самой страницы (что будет отображаться в заголовке страницы после её создания). То есть в меню это будет выглядеть таким образом:


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


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


Как уже было сказано выше, создавая страницу таким методом, анкор ссылки и заголовок страницы будут иметь одинаковый текст. Но что, если нужно ссылку назвать как Название ссылки в меню и чтобы в заголовке страницы отображалось нечто вроде Заголовок страницы ? Об этом вы узнаете далее.
Часть 3 – Создание ссылок #2:
Второй метод создания новых страниц подразумевает, что мы заранее зададим текст, который будет отображаться на ссылке в меню (анкор ссылки), и текст, который отобразится в заголовке страницы.

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

200?"200px":""+(this.scrollHeight+5)+"px");">[[Заголовок страницы|Название ссылки в меню]]



Таким образом, в меню группы мы увидим ссылку Название ссылки в меню :


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

Часть 4 – Копирование ссылок на фото и созданные страницы:
Поскольку в следующей части мануала мы будем разбирать графическое оформление ссылок на созданные страницы, нам потребуется копировать куски ссылок на фотографии и сами страницы для создания графического меню. Поэтому мы вынесем эту темку отдельно и разберем её.

Как только вы создали новую страницу, то технически она ещё не создана. Её нужно наполнить содержанием (скриншот выше). Как только наполнили, сохранили и перешли к просмотру, в адресной строке браузера отобразится путь на данную страницу. Нам нужен определённый кусок, который начинается со слова page и оканчивается перед вопросительным знаком. Пример показан на картинке ниже:


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


Для ясности поясню, что -84747234 в обоих случаях это идентификатор (номер) сообщества ВКонтакте, а числа 48858482 и 350088507 – это номера созданной страницы и фотографии соответственно.
Часть 5 – Оформление ссылок:
Эта часть никакого отношения к созданию новых страниц не имеет, но позволяет красиво оформлять ссылки на другие страницы. При этом, картинка используется вместо анкора ссылки. Такое использование картинки и ссылки предполагает, что новая страница уже создана и наполнена контентом, а нужная фотография уже загружена в фотоальбом.

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

200?"200px":""+(this.scrollHeight+5)+"px");">[]



Здесь:
  • photo-84747234_350088507 – ссылка на нужную фотографию из фотоальбома;
  • 256x256px – размер изображения в пикселях. Можно задавать любые размеры, так как картинка может сжиматься и расширяться в зависимости от указанных размеров;
  • noborder – убирает нежелательные рамки вокруг картинки;
  • nopadding – убирает нежелательные отступы вокруг картинки;
  • page-84747234_48858482 – ссылка на заранее созданную страницу.
После сохранения результат будет таким:


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

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

Часть 6 – Вики-страницы:
Помимо создания новых внутренних страниц в группах В Контакте и оформления ссылок на них, у вас есть возможность открывать созданные страницы в окошке. Такие страницы были названы вики-страницами .

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

Если же у вашей группы есть уникальный короткий адрес, например vk.com/byarhangel , тогда ссылка может иметь вид:

Часть 7 – О записях на стене:
Раз уж я завел речь о вики-страницах, не будет лишним упомянуть и обычные записи. Ведь каждая запись – тоже своего рода вики-страница. Кликнув на дату под любой записью, она откроется в окне вики-страницы. Это так, на заметку.


К тому же, есть и ещё один интересный факт о записях: если в записи использован хеш-тег, например, #postbyarhangel , то путь к записи может быть таким:


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

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

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

Если будете стараться, сможете создавать такие страницы или даже лучше:


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

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

Что такое вики-страницы в группах ВК?

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

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

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

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

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


Важные указания: ХХХ – это ID сообщества, а Название страницы – это наименование будущей записи. Учтите, что заголовок поста нельзя будет сменить.


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

Как использовать вики-страницы для усиления вовлеченности и увеличения количества подписчиков?

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

Возможные проблемы при создании вики-страниц в группах ВК

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

Рассмотрим основные трудности, с которыми могут столкнуться пользователи при создании вики-страницы для группы ВКонтакте:


  • Если не получается перейти по ссылке и создать необходимую страницу. В этом случае необходимо проверить, нет ли в ссылке пробелов или лишних знаков.
  • Если не получается вставить нужный код или он не работает. Иногда пользователи неверно прописывают теги, которые впоследствии не способны выполнять нужную функцию. В подобной ситуации следует внимательно разобраться в кодах или обратиться за помощью в техподдержку.
  • Если не получается сохранить готовый материал. Иногда размер публикуемого материала превышает допустимый. Если проблема https://www.youtube.com/watch?v=x1wjdVqG8J8при сохранении сохраняется, следует обратиться в тех.поддержку.

Заключение

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