Вики вконтакте ссылка на страницу: Что такое Wiki — разметка и как создать Wiki страницу?

Вики-меню: подробная инструкция по созданию

Wiki-разметка (вики-разметка) — это инструмент, позволяющий создавать информационные веб-страницы во ВКонтакте. Часто этот инструмент используют для того, чтобы сделать в сообществе меню для удобной навигации по контенту.

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

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

Где может размещаться вики-меню

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

Стандартное меню сообщества ВКонтакте

Но каждая из этих тем подразумевает разные рубрики. Например, в «Продвижении» есть статьи, посвящённые Яндекс.Директу, Google Ads, продвижению ВК или Instagram. Вики-меню позволяет привязать статьи по темам к разным кнопкам, чтобы пользователь смог быстро перейти именно к тому инструменту продвижения, который его интересует. Если бы не было вики-меню, то читателю открывались бы все статьи на тему «Продвижение», и он бы долго искал то, что ему нужно.

Вики-меню внутри стандартного меню ВКонтакте

Как подготовить хештеги для вики-меню

Чтобы можно было привязывать статьи к разным кнопкам, используйте навигационные хештеги в публикациях. Например, чтобы публикации по теме Google Ads открывались по клику на эту кнопку, необходимо добавлять хештег #googleads@platformalp. Новые записи с этим хештегом будут автоматически привязываться к кнопке.

Хештег должен содержать название вашей рубрики (можно на русском) и адрес вашего сообщества через @.

Вот так: #название_темы@адресвашегосообщества

Адрес сообщества находится после «https://vk.com/»

Создаём вики-страницу

Сначала надо создать страницу, где будет размещаться меню.

Чтобы создать вики-страницу, необходимо сделать ссылку вида: vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где
XXX — это ID сообщества
Название_страницы — заголовок будущей вики-страницы

Как узнать ID сообщества?

Шаг 1. Нажмите на текст любого поста в вашем сообществе. Вам откроется режим просмотра отдельной публикации.

Режим просмотра отдельной публикации

Шаг 2. После открытия в адресной строке браузера появится ссылка вида vk.com/адрес_сообщества?w=wall-XXX_YYY.
XXX — это и есть ID нужного вашего сообщества. Скопируйте числа после «wall-».

Добавьте все необходимые компоненты, и получится ссылка вида: vk.com/pages?oid=-54762931&p=Меню

Теперь перейдите по ней. Вы попадете на вики-страницу.

Пустая вики-страница

Подготавливаем изображение для вики-страницы

В фотошопе или другой программе необходимо подготовить изображение самого меню.

Размеры
Баннер должен быть не больше 600px в ширину. В высоту же — сколько угодно в пределах разумного.

Итак, после того, как изображение будет готово, необходимо разрезать его на кусочки, чтобы к ним потом добавить ссылки на контент.
Разрезать изображение нужно в фотошопе. Для этого используйте инструмент «Раскройка».

Важно! Баннер нужно разрезать так, чтобы во всех строках получилось одинаковое количество столбцов (вне зависимости от количества кнопок)

После применения этого инструмента получается следующее

Теперь нужно сохранить эти кусочки на компьютер. Для этого нажмите на «Файл» → «Экспортировать» → «Сохранить для Web»

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

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

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

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

Картинки автоматически преобразовались в код. Получилось вот так

Давайте внимательно рассмотрим одну из строчек:

[[photo54664719_457248945|300×142.9921875px;noborder| ]]

photo54664719_457248945 — это само изображение, его название
300×142.9921875px — размер изображения
noborder — параметр, который означает, что картинки будут разделены между собой

Итак, после того, как все «кусочки» меню добавлены, необходимо сделать кое-какие преобразования прямо в вики-разметке:

1. Размер изображения должен состоять из целых чисел. Если при загрузке изображений в размере образовался хвостик (как в нашем примере: 300x142.9921875px), то его необходимо удалить. То есть вместо 142.9921875 получится просто 142.

   Вся сточка целиком выглядеть будет так: [[photo54664719_457248945|300x142px;noborder| ]]
   

2. Надо соединить кнопки. Соединит их параметр nopadding. Просто заменяем noboder на nopadding. Получается так: [[photo54664719_457248945|300x142px;nopadding| ]]

Нажмем «Предпросмотр». Получилось так

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

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

Для этого просто скопируйте ссылку и добавьте её в нужную кнопку после «nopadding|». Получится так: [[photo54664719_457248945|300x142px;nopadding|https://platformalp.ru/]]

Но, чтобы переход с меню был на определенные посты группы, помеченные хештегом, надо схитрить.

Для этого заходим в группу, копируем нужный навигационный хештег. Затем нажимаем на стене на «Записи сообщества».

Далее нажимаем на «Поиск записей». Вставляем хештег, нажимаем «Enter».

Теперь копируем ссылку в поисковой строке.

И вставляем её в нужную кнопку. Получается так: [[photo54664719_457248945|300x142px;nopadding|https://vk.com/wall-54762931?q=%23googleads%40platformalp]]

Важно! После «nopadding|» не должно быть пробелов перед ссылкой. Пробелов не должно быть и после ссылки.

Нажмите на «Предпросмотр» и перейдите по кнопке. Проверьте, осуществился ли переход?

Адаптируем меню под мобильные устройства

Если вы скопируете ссылку на меню и перейдёте по ней с телефона, то увидите, что там всё «плывёт». Чтобы с телефона всё смотрелось так, как и с компьютера, необходимо сделать невидимую таблицу. Для этого в вики-меню надо добавить следующие параметры:
{| fixed;nopadding;noborder (добавляем в самом начале)
|- (ставим после каждой строки меню)
| (добавляем перед каждой строкой кода)
|} (ставим в самом конце)

Получится так

Нажмите на «Сохранить страницу», а затем «Предпросмотр». Проверьте, чтобы ничего не съехало с телефона и компьютера.

Если в строчке меню должна быть не одна кнопка, а, например, две, то знаком |- надо отделить две кнопки.

Не забудьте нажать на «Сохранить изменения» после создания вики-меню.

Добавляем ссылку на вики-страницу в стандартное меню сообщества ВК

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

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

Стандартное меню сообщества ВКонтакте

Просто так вставить туда ссылку на вики-меню не получится.
ВКонтакте запрещает это делать.

Но этот запрет можно обойти. Прогоните ссылку на вики-меню через https://vk.com/cc, чтобы добавить её в стандартное меню ВК.

---

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

Делитесь ссылками на свои вики-меню 🙂

5 1 vote

Оцените статью

Вики разметка ВКонтакте, wiki-разметка

Сегодня проработаем очень интересную и важную тему — вики разметка ВКонтакте, т.е. создание wiki-страниц и работа с ними.

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

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

Переходим в «Управление группой», в раздел «Настройки»

Спускаемся вниз и в поле «Материалы» выбираем «Ограниченно», для того чтобы изменения здесь могли производить только создатели и администраторы группы.

Имейте ввиду, что при включении «Материалов», стандартное меню сообщества не будет видно вашим подписчикам.

Выбор всегда за вами.

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

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

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

[[Название]]

Или с указанием текста:

[[Название|Текст ссылки]]

На новых вики-страницах,  картинки можно размещать шириной не более 607 px, а код  объемом не более 16300 знаков.

Итак, чтобы создать несколько вики страниц, нужно зайти в группу, найти  «Свежие новости», выбрать «Редактировать» и перейти на ресурс создания вики страниц.

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

И в двойных квадратных скобках прописать название ваших страниц, примерно так:

[[декоративная косметика]]

[[уход за кожей]]

[[контакты]]

 

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

Затем, перейдите в группу и обновите страницу ВК!  Откройте «Свежие новости» или ту страницу, которую вы переименовали.

Редактирование вики разметки ВКонтакте

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

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

В нижнем левом углу можете настроить доступ к странице. В правом нижнем углу  можно сохранить страницу.

Вставьте заготовленный текст и отформатируйте его.

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

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

Если вам не нужно, чтобы картинка увеличивалась — перейдите в режим вики разметки и добавить в код картинки, после размера , код   ;nolink

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

Сохраните все ваши оформленные страницы и ссылки на них из строки браузера.

Затем можете отключить «Материалы» в настройках сообщества, чтобы вернуть классическое меню группы.

А ваши вики страницы можно вставить в раздел ссылки или через «Приложения» в новые «Виджеты».

Будет хороший информативный блок.

 

P.S.  Надеюсь вам понравилась эта информация!

P.S.S. Пользуйтесь вики разметкой ВКонтакте, и пусть вам сопутствует удача!

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Вики разметка вконтакте ссылки

Ссылки в wiki-разметке нужны для навигации по страницам ВКонтакте.

Как получить готовую ссылку?

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

Ваши действия	Образец
Скопируйте адрес ссылки из адресной строки браузера	//artemsannikov.ru
Вставьте ссылку в wiki-страницу между одинарными квадратными скобками	[//artemsannikov.ru]
Сохраните страницу. Вы получили готовую ссылку.	//artemsannikov.ru

Внешние ссылки в wiki-разметке

Внешние ссылки в wiki-разметке можно оформить, как через текст, так и через фото. так же при оформлении ссылки — можно дать ей любое название.

Ссылка	Результат
[//twitter.com/Sannikov1994]	//twitter.com/Sannikov1994
[//twitter.com/Sannikov1994|Мой аккаунт на Twitter]	Мой аккаунт на Twitter
[­[photo-XXX_YYY|35px|//twitter.com/Sannikov1994]]	Будет ссылка в виде картинки, размерами 35 x 35px

Внутренние ссылки в wiki-разметке

Внутренние ссылки — это ссылки на страницы внутри социальной сети ВКонтакте. Большинство внутренних ссылок можно оформить, как внешние ссылки, однако для некоторых адресов сайта существуют сокращённые ссылки — они будут рассмотрены ниже.

Код ссылки	Ссылка на
[//vk.com/album-XXX_YYY|текст] [//vk.com/albumXXX_YYY|текст]	Альбом пользователя Альбом группы
[//vk.com/albums-****|текст] [//vk.com/albums####|текст]	Альбомы группы Альбомы пользователя
[//vk.com/v > [//vk.com/v >	Видеозаписи группы Видеозаписи пользователя
[//vk.com/audio.php?g > [//vk.com/audio.php? >	Аудиозаписи группы Аудиозаписи пользователя
[//vk.com/apps.php?m > [//vk.com/apps.php?m >	Приложения группы Приложения пользователя
[//vk.com//topic-****-****|текст]	Обсуждение
[//vk.com/board.php?act=topics& >	Обсуждения
[//vk.com/stats.php?g >	Статистика группы
[//vk.com/photos.php?act=albums&o >	Обзор фотографий
[//vk.com/gsearch.php?section=people&ginv=****|текст]	Пригласить

Сокращённые ссылки

Для некоторых адресов сайта существуют упрощенные ссылки, указанные в нижеприведенной таблице.

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

Для получения ссылки следуйте инструкции:

Скопируйте адрес ссылки из адресной строки браузера

Вставьте ссылку на вики-страницу между одинарными квадратными скобками

Сохраните страницу. Вы получили ссылку на нужный вам сайт или его страницу.

Внешние ссылки

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

[http://www.vkontakte-x.ru/|Лучший сайт о вконтакте]

Внутренние ссылки

Внутренние ссылки — это ссылки на адреса? сайта vkontakte.ru. Большинство внутренних ссылок можно оформить как внешние ссылки. В таблице вы увидите перечень самых популярных ссылок:

[http://vk.com/album-XXX_YYY|текст ссылки]
[http://vk.com/albumXXX_YYY|текст ссылки]

Альбом группы
Альбом пользователя

[http://vk.com/photos****|текст ссылки]
[http://vk.com/albums####|текст ссылки]

Альбомы группы
Альбомы пользователя

[http://vk.com/v >[http://vk.com/v >

Видеозаписи группы
Видеозаписи пользователя

[http://vk.com/audio.php?g >[http://vk.com/audio.php? >

Аудиозаписи группы
Аудиозаписи пользователя

[http://vk.com/apps.php?m >[http://vk.com/apps.php?m >

Приложения группы
Приложения пользователя

[http://vk.com/board.php?act=topics& >

[http://vk.com/stats.php?g >

[http://vk.com/photos.php?act=albums&o >

ВАЖНО: где **** — ID Вашей группы, #### — Профиля

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

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

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

Статьи

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

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

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

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

Контентные статьи часто выходят в топ-выдачи Яндекса и Гугла наравне со статьями из блогов. Для продвижения сообществ можно использовать SEO-оптимизацию контента.

Моя статья 60 способов иногда попадает в топы выдачи, но довольно редко.

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

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

Сначала мы видим публикацию в сообществе

Вариантов, как именно сделать меню — много, большая часть описана в сообществе Wiki. В Кайросе сделали подобие лендинга с плашкой для навигации.

Используя вики-публикации можно создавать простенькие квест-игры:

Мы рассмотрели три самых популярных причины использования вики-публикаций для сообществ в ВКонтакте. Давайте разберемся с технической стороной.

Создание вики-публикаций

По умолчанию, в сообществах в ВКонтакте нет функционала, который позволит быстро и просто создавать вики-публикации. Я знаю три варианта создания вики-публикаций. Сложный, простой, через приложение «Исходный код» и простой, через разрешение Хрома.

Сложный способ заключается в ручном прописывании ссылки в адресной строке. Нужно в ссылке:

С помощью разрешения, в выплывающем меню в настройках сообщества появляется кнопка «Список wiki-страниц».

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

Нажав на кнопку «добавить», появится новая вики-страница

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

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

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

Мне работать с чистым кодом удобнее, чем в визуальном редакторе, но это зависит от степени знаний кодов разметки.

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

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

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

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

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

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

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

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

Цитата со встроенной таблицей с тремя колонками

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

Как переименовать неправильно названные страницы

Раньше считалось, что если ошибиться в названии страницы, то придется создавать новую страницу с правильным названием. Но СММщики нашли лазейку, нужно при открытой вики-странице с неправильным названием, в конце адресной строки прописать /market и перейти на новую страницу. Появится кнопка редактирования названия страницы, подробнее способ описан в материале «Как изменить название вики-страницы»

Подытожим

Вики-публикации — мощный инструмент для развития и продвижения сообществ в ВКонтакте.

Чтобы проще было создавать страницы используйте «Исходный код» или расширение VkOpt.

Изучите учебник по вики-разметке, кроме важных кодов, есть куча других полезных кодов, которые я не использую, а кому-то могут быть полезны. Когда я изучал учебник, у меня постоянно было: «А что так можно было?».

Вики-страницы можно редактировать. Пользуйтесь этим.

Вики-страницы нужно seo-оптимизировать. Используйте это.

Илья Слюсарев

СММщик, контент-мейкер и просто хороший человек.

Как создать wiki-страницу Вконтакте

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

 

Создать wiki-страницу в группе или публичной странице совсем просто, всего в пару простых действий.

Как создать wiki-страницу Вконтакте

1. Прежде всего необходимо открыть материалы в группе. Для этого зайдите в свою группу «Управление сообществом» и выберите в пункте «Материалы» — открытые:

 

2. Теперь на главной странице сообщества под описанием появятся свежие новости, нажимаем «Редактировать» и создаём wiki-страницу:

 

• Если у Вас на главной странице группы вместо описания висит закреплённая запись, то свежие новости не появятся. Следует предварительно открепить запись.

Редактируйте wiki-страницу, как хотите: вставляйте аудио/видеозаписи, изображения, коды для смайлов В Контакте, с целью их появления и многое другое:

 

После завершения создания wiki-страницы не забываем её сохранить. 

 

Заходим обратно в группу и нажимаем «Свежие новости» (Ваше название wiki-страницы):

 

 

Вот и всё. В графе «Просмотр» Вы можете скопировать url-адрес wiki-страницы и распространять её в социальной сети.

 

Как создать wiki-страницу в публичной странице

На данный момент в сервисе Вконтакте отсутствует возможность создать wiki-страницу в публичной странице официальным способом. Но её можно создать при помощи простой ссылки: 

• https:// vk. com/pages?oid=-***&p=Нaзвание страницы

 

Нaзвание страницы — наименование wiki-страницы, которую хотите создать;

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

 

 

2. Наполняем wiki-страницу содержимым и не забываем указывать в доступе к странице возможность редактирования wiki только редакторам и администраторам:

 

 

3. Теперь во вкладке «Просмотр» копируем адресную ссылку:

 

 

4. Вставляем ссылку в том месте, где хотите видеть wiki-страницу (обычно на стене):

 

 

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

Что такое wiki-страница? — Блог Максима Лукьянова

Продолжаем наш курс: «SMM своими руками» и сегодня начнем изучать wiki-разметку в ВКонтакте.

Wiki-страница это запись в сообществе в ВКонтакте, однако в отличии от обычной записи в ВК, вики-страница обладает рядом преимуществ, а именно:

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

И еще много чего интересного, о чем мы обязательно поговорим в следующих статьях.

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

Где можно создавать wiki-страницы?

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

Можно ли создать wiki-страницу в личном профиле?

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

Для чего можно использовать вики-страницы?

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

Эти и некоторые другие виды вики-страниц мы рассмотрим в следующих статьях.

Подписывайтесь на мою рассылку (с права сбоку), чтобы не пропустить новых статей и быть в курсе.

Если Вам понравилась и/или помогла данная статья, — ставьте лайк и рассказать друзьям.

Присоединяйтесь к нам в социальных сетях:

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

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

Что такое вики страница?

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

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

Какие возможности дает знание wiki разметки?

Освоив способ форматирования текста легко:

• Создавать заголовки, списки, абзацы;
• Делать выделения курсивов и жирным шрифтом;
• Вставлять изображения в текст;
• Использовать анкорные ссылки;
• Рисовать посадочные страницы;
• Создавать каталоги и многостраничники;
• Разрабатывать меню навигации для пабликов;
• Чертить таблицы.

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

В интернете легко найти учебник для чайников по wiki разметке и изучить ее самостоятельно.

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

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

Как сделать wiki страницу для паблика?

Первый шаг – создание ссылки:

Текст «название страницы» замените на заголовок, который вы хотите видеть на вике-странице. А ID паблика узнаете, открыв любую запись со стены. В адресной строке вы увидите ссылку, в которой после букв id будут нужные вам цифры. Скопируйте их и приступайте к наполнению страницы.

Чтобы страничка отличалась от других, тщательно продумайте оформление. В этом вам помогут специальные теги:

Делаем страничку для группы

Ссылка для создания вики страницы группы и пабликов одинаковая. Узнать id можно, заглянув в статистику

После создания, перейдите по ссылке и клацните кнопку «Наполнить содержим». Откроется окно редактора.

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

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

Добавить вики-меню в группу легко. Необходимо отредактировать раздел «Свежие новости». Он располагается в шапке сообщества и лучше всего подходит для наших целей. Как сделать красивое меню? Без wiki разметки не обойтись. Вам уже известно, что с ее помощью можно вставлять изображения в текст и анкорные ссылки. Если вам с легкостью удаются эти манипуляции, то вопросов с реализацией идеи возникнуть не должно.

Вики меню Вконтакте – красиво оформленный перечень ссылок на страницы с важной информацией.

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

Как сделать вики страницу. Как создать Wiki-страницу Вконтакте для сообщества

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

Я научу пользоваться неограниченными возможностями wiki-разметки, потому что некоторое время назад и сам пытался разобраться во всем этом досконально. Представленная ниже информация, я уверен, окажется более чем полезной не только для новичков этого ресурса, но и для маститых пользователей со «стажем»…

Что такое вики разметка?

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

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

При оформлении группы такая разметка играет важную роль, т.к. с ее помощью выполняется любое редактирование. Предположим, захотелось вам создать группу для популярного ныне заработка на партнерских программах, которых сейчас «море» на просторах Интернета. Перед пользователем открываются неограниченные возможности, но вполне резонно встает вопрос о том, как правильно и максимально привлекательно все это «завернуть» в красивую обертку. Другими словами, как достойно оформить, чтобы привлечь внимание как можно большего количества пользователей? Здесь и пригодятся знания о wiki-разметке, о которой я веду беседу…

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

Оформление группы с помощью wiki-разметки

Система редактирования интернет-страниц wiki разметка напоминает HTML-верстку, но позволяет быстрее и легче размечать гиперссылки и структурные текстовые элементы, а также форматировать отдельно взятые его элементы. Главное преимущество такой разметки заключается в том, что обучить себя всем премудростям этого «ремесла» может каждый, даже не особо «продвинутый» пользователь.

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

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

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

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

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

[[Название статьи]] или [[Название статьи|текст для ссылки]] ,

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

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

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

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

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

{|
|-
!
второе

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

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

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

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

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

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

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

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

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

{|
|-
!
[] Пригласи всех друзей

[] »’[[Правила]]»’

[] Фотоальбомы

[] Творчество

[] Фотки

[]

|}

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

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

Что такое спойлеры и какова их роль

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

Примеры спойлеров представлены в таблице ниже.

Поработав в этом направлении неделю-другую с вики-разметкой, у вас будет собственная группа ВКонтакте!

Здравствуйте, друзья! Возвращаемся к нашим любимым социальным сетям. Сегодня я хочу написать пост о том, как делать различные прикольные штучки вконтакте.
Хотите узнать больше? Тогда оставайтесь со мной =)

1) Как сделать имя человека кликабельным

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

Если у человека вместо айди с цифрами написан короткий адрес, то пишем после звездочки этот короткий адрес страницы. К примеру, на мою страницу вконтакте ссылку можно написать так:
*kristina.kulini4

Звездочка и короткий адрес моей страницы вконтакте без пробелов.

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

Чтобы изменить имя вашего друга на любое слово, то просто заменяете слова в скобках на нужное вам. К примеру, опять возьмем ссылку на меня *kristina.kulini4 (Кристина Кулинич) . Это стандартный вид ссылки на мой профиль, который предложит вам контакт. Но вы запросто можете изменить слова в скобках на нужное, например Кристюшка. И тогда ссылка будет выглядеть так:

2) Как сокращать ссылки вконтакте?

Если у вас длинные и некрасивые ссылки, то вконтакте есть замечательный сервис сокращения ссылок. Проходим по адресу https://vk.com/cc и вводим в строку нашу длинную ссылку и получаем красивый адрес ссылки, с адресом контакта. Такие ссылки больше вызывают доверия у пользователей контакта, чем обычные ссылки.

3) Как вконтакте сделать страницу для группы или паблика. Создание wiki-страницы вконтакте

Итак для для создания самой страницы в вашем сообществе вам понадобится узнать айди вашей группы вконтакте . Эти цифры легко можно взять в статистике сообщества. Заходите в статистику и в адресной строке последние 8 цифр будут как раз вашим айди. в адресную строку браузера вставляем такую ссылку http://vk.com/pages?oid=- XXX &p= Нaзвание_страницы

где вместо ХХХ вставляем ваш айди сообщества,
а вместо Нaзвание_страницы пишем название вашей будущей страницы.

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

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

Итак, после того как страница создана и наполнена нам нужно получить правильную ссылку на нее. Для этого копируем в строке браузера ссылку и удаляем вот эти символы ?act=edit&section=edit т.е последними должны остаться только цифры.
Ссылку получили — теперь ее можно использовать по вашему усмотрению.

4) Например, можно сделать так, чтобы при клике на картинку открывалась ваша страница . Как это делается? Очень просто! Вставляете в пост ссылку на страницу. Под постом загружается и показывается ваша страница. После этого стираем адрес нашей страницы и добавляем картинку через функцию «прикрепить». Все! Теперь после публикации у вас будет картинка, под ней стрелочка со ссылкой на страницу, а также при клике на картинку вас будет перебрасывать на созданную вами страницу.

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

5) Хотите украсить ваш пост на стене в группе сообщества небольшими символами или смайликами, как в личной переписке вконтакте? Но не знаете где взять смайлики для стены вконтакте ? Не беда. Сейчас я вам раскрою все секреты =)

На самом деле смайлики вконтакте генерируются особыми кодами. Поэтому чтобы вставить в свой пост какие-то смайлики вам нужно вставить код из нескольких символов. Вы можете загуглить фразу «смайлики для контакта» и вам выдаст много сайтов на которых есть табличка со всеми кодами и смайлами. Но на таких сайтах очень много рекламы, она выскакивает из самых неожиданных мест. Поэтому я вам советую копировать коды из этого сообщества . В нем есть список из кучи смайликов. В списке вы копируете «кракозябру» т.е. просто квадратик. А потом вставляете в нужном месте в вашем посте на стене. После этого можете обновить страничку и увидите смайлик. Также вы можете копировать просто код смайлика, но тогда не забудьте удалить из кода нижнее подчеркивание «_» . И и все нужный смайлик скопирован! Осталось вставить его на вашу стенку, в группу или даже в статус ! Используйте смайлики и удивляйте ваших друзей! =)

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

С вами была Кристина,
До новых встреч!

Это тоже может быть вам интересно

Сервисы бесплатной и платной раскрутки групп и аккаунтов в социальных сетях

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

Скидка читателям

Вам повезло, сервис smmbox.com раздаёт скидки.
Сегодня скидка 15% на использование сервиса. Вам нужно просто зарегистрироваться и ввести при оплате промокод smmbox_blog

Вики-разметка. Что это

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

Страницы, оформленные или созданные с помощью вики-разметки, принято называть вики-страницами. Впервые этот термин ввёл Уорд Каненгем в 1995 году. Тогда пользователи сети Интернет познакомились с Википедией. «Wiki» переводится с гавайского, как «быстрый».

Вики-разметка позволяет быстро создать и внедрить в код любой страницы сообщества красиво оформленные элементы, такие как:

• кнопочное меню;
• картинки-ссылки;
• спойлеры;
• якоря;
• мини-игры.

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

Вики-разметка « ВКонтакте» очень похожа на HTML (Hyper Text Markup Language). Но, в отличие от языка разметки кибер текста, её можно освоить за неделю благодаря графическому интерфейсу.

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

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

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

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

• Определиться с видом страницы и сделать её макет. Бывают такие виды: ВК-лэндинг, ВК-пост, интерактивная страница.
• После того, как Вы определились с видом своего мини-сайта, можно приступать к созданию вики-станицы. Создать меню, сделать кнопки меню активными. Наполнить страницы контентом. Сделать ссылки на товары. Подключить видео или аудио записи и многое другое. Всё зависит от Вашей фантазии.
• Художественно оформить сообщество. Вставить картинки, логотипы, аватарки, фото товаров…
  Мы покажем конкретный пример оформления интерфейса уже существующей группы с помощью вики-разметки. Создадим тестовое сообщество и разберём весь процесс пошагово.

Для того, чтобы создать вики-страницу, нам нужно в поисковую строку браузера скопировать ссылку https://vk.com/pages?oid=-***&p=ИМЯ .

Вместо *** нужно вставить уникальный Id сообщества.

В нашем случае это 105722542.

Id находится в адресной строке браузера после /club; /event или /public.

Вместо «ИМЯ» — вбить название вики-страницы, например, «каталог товаров».

Обратите внимание, что поменять название уже не получится.

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

Для перехода в режим вики-разметки нажмём на кнопку «Редактирование», а затем «Режим вики-разметки».

В режиме разметки нужно набрать следующий код.

{|nomargin ***с помощью этой команды убираем границы
|- ***начинаем создавать надписи
|

Главная ***создаём надпись «Главная» и выравниваем её по центру прямоугольника
|каталог товаров *** создаём надпись «каталог товаров» и выравниваем её по центру прямоугольника
|о нас ***создаём надпись «о нас» и выравниваем её по центру прямоугольника
|контакты ***создаём надпись «контакты» и выравниваем её по центру прямоугольника
|} ***закрываем блок надписей
[[Главная]] ***создаём ссылку на «Главная»
[[О нас]] ***создаём ссылку на «О нас»
[[контакты]] *** создаём ссылку на «Контакты»
________________________________________
***Примечание

Копируем их до «?». Вот что должно получиться в итоге на каждой странице.

Код главной страницы

https://vk.com/page-105722542_54261370

***(Каталог товаров) |

https://vk.com/page-105722542_54261943

***(О нас) |

https://vk.com/page-105722542_54261944

*** (Контакты) | }

***(Контакты) |}

***Примечание

Остальные кнопки меню оформляем аналогично коду «главной страницы».

Сохраняем все изменения на каждой странице.

Переходим на любой из разделов в обычном режиме, скопировав ранее сохранённую ссылку из текстового документа в строку браузера.

Ждём, пока не появится пункт меню. После этого ссылку нужно удалить и нажать кнопку «отправить». Возле кнопки необходимо выбрать пункт «От имени сообщества».

Каждую страницу меню нужно заполнить текстом. После этого можно приступить к художественному оформлению.

Добавим «шапку» и «аватарку».

Сделать их можно по видео уроку

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

.

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

Абсолютно каждое сообщество можно сделать интереснее, наполнив его полезной и интересной для чтения информацией. Но что с ней делать? Просто вывалить на стену и надеяться, что и так сойдёт? Ответ не верный. Лучше всего в таком деле помогут вики-страницы.

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

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

Создание вики-страниц в пабликах:

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

После этого нужно перейти по примерно такой ссылке:

Где строка хххххххх – это ID сообщества, а pagename – название страницы, по которому она будет доступна. Название может включать в себя латинские буквы, цифры и даже некоторые символы, например, знак прочерка «_».

Предположим, что идентификатор нашего сообщества – 84747051 , а страницу мы решили назвать testpage . Тогда ссылка будет иметь такой вид:

Наполняем страницу нужной информацией:

После создания страница будет иметь такой вид:

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

Готово. Страница создана и права установлены. Осталось самое важное – создать ссылку на страницу, чтобы она открывалась в окошке (на то они и вики-страницы). Для этого создайте такую ссылку:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Красота!

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

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

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

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

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

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

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

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

Мой ID — 124301131

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

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

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

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

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

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

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

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

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

Здесь находится редактор страницы. Но нам пока что нужен не он, а ссылка. Посмотрите на адресную строку. Вам нужно все, что расположено до слов «?act=edit&section=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»

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

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

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

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

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

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

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

Уже красивее

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

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

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

Почти готово

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

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

Если вам нужно пропустить только 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 — это язык, используемый для макета страницы.Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видеоролики, ссылки, таблицы. Вы можете набрать простую статью или создать целое интерактивное руководство с главами и подзаголовками.

Ширина любой вики-страницы составляет 607 пикселей. Высота ограничена только количеством знаков, их может быть около 16000.

Вся разметка вики помечена тегами, как и HTML. Есть одиночные теги (например,
— разрыв строки) и парные (например, thumbnail ).

Как текстовые теги работают в вики-разметке

В некоторых случаях в вики-разметке используется упрощенный синтаксис (теги заменены типографскими символами). Например, звездочки «*» используются для создания маркированного списка, а решетка «#» — для нумерованного списка.

Как типографские знаки работают в вики-разметке

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

Стандартный редактор вики-страниц имеет два режима: визуальный и режим разметки вики (кнопка переключения выглядит так :).

Так выглядит активный режим разметки вики

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

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

Кнопки «Создать новую страницу» нет в самом интерфейсе ВКонтакте. Поэтому речь идет о двух методах: стандартном и расширенном (с использованием приложения).

Стандартный

Для группы. Перейдите в «Управление сообществом» → «Разделы» → «Контент» и выберите «Общедоступный» или «Ограниченный».

Как включить «Контент» в группе

Теперь на главной странице группы будет раздел «Последние новости». Это место для предполагаемого группового меню. Чтобы создать новую страницу, вы можете написать ее название прямо в режиме редактирования страницы «Последние новости», заключить его в квадратные скобки, нажать «Предварительный просмотр» и получить готовую ссылку на новую страницу.

Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid= 123456789

Желаемый идентификатор группы — это все цифры после «gid =».

Теперь вам нужно ввести следующий код в адресную строку вашего браузера:

https://vk.com/pages?oid\u003d-ХХХ&p\u003dНазвание_страницы

Вместо XXX подставляем id паблика, вместо «Page_name» — имя, которое вы придумали.В названии можно использовать кириллицу, латиницу и цифры. Не запрещено использовать специальные символы, но лучше не рисковать: из-за них вы можете потерять возможность редактирования страницы. Вставьте все данные в нужные места, нажмите Enter, и браузер откроет созданную страницу.

Через приложение

Разработчики ВКонтакте рекомендуют к использованию три приложения для работы с вики-разметкой: «Mobivic», «Источник» и Вики Плакат.

В этом руководстве мы возьмем приложение Mobivic в качестве примера.В ноябре 2017 года он занял второе место в программе VKontakte Start Fellows. Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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

Как создать новую страницу с помощью приложения Mobivic

Ссылки на новую вики-страницу в приложении Mobivic

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

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

Слева — страница меню сообщества LIVE, открытая на мобильном телефоне,
справа — она ​​же, но открывается через «Мобивик»

Как получить ссылку на вики-страницу

Как мне найти страницу, созданную мной ранее? Самый простой и надежный способ — заранее скопировать все адреса вики-страниц в отдельный файл, например, в Google Sheets.Другой способ — через любое вики-приложение. Например, зайдите в Mobivic, выберите название сообщества и желаемую страницу, нажмите «Получить ссылку» и скопируйте адрес из пункта «Ссылка на вики-страницу».

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

Как сделать пост со ссылкой на вики-страницу

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

Изображение, прикрепленное к сообщению, станет частью ссылки на вики-страницу в настольной версии

Текст

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

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

На одной странице можно разместить около 16 тысяч знаков.

Ссылки

Чтобы текст был виден вместо адреса, добавьте название ссылки:

[] — в профиль пользователя

[] — на главной странице сообщества

[] — на другую вики-страницу

[] — для встречи ВКонтакте

Изображения

Максимальная ширина изображения, которое можно использовать в разметке вики, составляет 607 пикселей, что соответствует ширине самой страницы вики.Высота практически не ограничена (помните, что высота самой страницы — 16 000 знаков). Изображения можно загружать двумя способами.

Использование загрузчика в верхнем меню редактора.

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

https://vk.com/club12345678?z= фото-12345_12345 % 2Falbum-12345678_12345678

Скопируйте из него id изображения (выделено жирным шрифтом).Затем мы заключаем его в двойные квадратные скобки и вставляем в нужные места на странице. Получается примерно так:

[]

Что дальше? Редактировать выравнивание, перенос текста, размер, привязку. Для этого укажите желаемые параметры после вертикальной черты и разделите их точкой с запятой. Например, в этом коде мы устанавливаем размер изображения 300×100 пикселей и обтекание текста вправо:

Видео

Сначала вам нужно загрузить свое видео в Community Videos.После загрузки откройте видео и скопируйте его идентификатор из адресной строки (выделен жирным шрифтом).

https://vk.com/videos-12345678?z= видео-12345_12345 % 2Fclub12345678% 2Fpl_-12345678_-2.

Заключим его в квадратные скобки и получим следующий код:

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

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

Чтобы его убрать, нужно изменить размер плеера под размер самого видео. Например, в нашем случае подошли следующие параметры:

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

Таблицы

Если вы хотите красиво структурировать содержимое своей вики-страницы и аккуратно отображать его на мобильных устройствах, необходима таблица.Здесь нужны простые знаки вроде этого:

При работе с таблицами можно использовать 4 тега: noborder (делает границы таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы) nopadding (удаляет отступы в ячейках) и fixed (позволяет создавать таблицу из фиксированные размеры) .Сколько ячеек вы укажете в строке, сколько столбцов будет в таблице.

Вот пример таблицы 2 × 2 без полей выше или ниже текста внутри ячеек:

Первый столбец имеет ширину 200 пикселей, а второй — 300 пикселей.

Вот что из этого вышло:

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

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

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

1. Готовим обложку для меню. Вы можете сделать любой подходящий снимок и нанести на него текст.Или вы можете нанять дизайнера, который нарисует для вас красивые блоки и кнопки. У нас будет меню с 6 кнопками. Для этого нам понадобится картинка, на которой будут обозначаться эти кнопки. Определимся с его размером.

При подготовке изображения для меню помните, что ширина вики-страницы составляет 607 пикселей. Ширина изображения не должна быть больше, иначе изображение будет сжиматься и терять качество. В качестве примера мы взяли изображение размером 510×300 пикселей.

1. Разрежьте это изображение на 6 частей (по одной части на каждую пуговицу).Это удобно делать в Adobe Photoshop с помощью инструмента Cutting. Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (разрезает картинки на равные части). Все сделали в фотошопе.

При активном инструменте «Вырезание» щелкните изображение правой кнопкой мыши и выберите «Разделить фрагмент», укажите необходимое количество фрагментов и нажмите «ОК».

Как вырезать картинку в фотошопе

Наше меню будет оформлено в виде таблицы из 6 ячеек: трех строк и двух столбцов.Для этого мы разрезаем картинку для меню на 6 равных частей размером 255 × 100 пикселей. Для каждой ячейки необходимо установить одинаковый размер.

1. Создайте каркас для таблицы. Заходим в режим редактирования новой страницы и составляем таблицу. Открываем его тегом (| и сразу устанавливаем три важных параметра:

• nopadding — позволит изображениям касаться
• noborder — скрыть видимые границы таблицы
• fixed — позволяет установить точный размер ячеек.

Укажите фиксированную ширину ячеек — 255 пикселей 255 пикселей (дважды, потому что также есть два столбца). Далее мы устанавливаем места для начала новых строк с помощью | — пометьте и новые ячейки (столбцы) с | … Закрываем таблицу тегом |) и получаем следующий скелет:

1. Помещаем картинки в ячейки и устанавливаем на них ссылки … Поочередно открываем нужные части картинки в альбоме сообщества, копируем их id из строки браузера (фото-12345_12345), заключаем в двойные квадратные скобки , прописываем размеры 255х100px и тег nopadding для склейки картинок.После вертикальной полосы назначьте ссылку каждой кнопке. Получаем следующий код.

(| noborder nopadding фиксированный
| ~ 255px 255px
| —

| []
| —
| []
| []
| —
| []
| []
|}

1. Готово! Нажимаем «Сохранить страницу» — и мы получаем удобное для сообщества меню.

Готовое групповое меню в настольной версии

Готовое групповое меню в мобильной версии

Если вы сделали меню для группы , то оно будет легко доступно, нажав на «Свежие новости» (кстати, эту страницу можно переименовать в «Меню» в режиме редактирования).

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

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

Как сделать пост со ссылкой на меню в паблик

Как закрепить меню сообщества

Новый редактор статей ВКонтакте и вики-разметки

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

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

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

Так выглядит интерфейс нового редактора статей ВКонтакте

Что нужно помнить о вики-разметке

• Стандартный метод создания вики-страниц кропотлив и не очень удобен для пользователя. Самый простой способ создать страницу — использовать приложение Mobivic, исходный код или Wiki Poster.
• Меню сообщества необходимо сделать в виде электронной таблицы, чтобы оно выглядело аккуратно на мобильных устройствах.
• При редактировании вики-страницы в стандартном интерфейсе не переключайтесь между режимом визуального редактирования и режимом разметки вики. Из-за этого может пойти расклад.

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

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

Ссылка! Разметка Wiki позволяет создавать по-настоящему яркие и красочные сообщества с большим количеством графических и текстовых элементов. К ним относятся полужирный шрифт, подчеркивание, списки, заголовки и многое другое.

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

Ссылка! На общедоступной странице отсутствует прямое средство для создания вики-разметки. Поэтому вам придется использовать специальную ссылку.

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

• Скопируйте ссылку https://vk.com/pages?oid\u003d-***&p\u003d Название страницы. Вставьте его в адресную строку вашего браузера.
• Измените слово Заголовок на заголовок будущей страницы. И вместо *** укажите публичный ID. Нажмите Ввод.

• В окне откроется форма для создания вики-страницы. Осталось только правильно его залить.

• В верхней строке напишите название будущей страницы.Например, Меню, Правила группы, Мы предлагаем и т. Д.

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

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

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

На этом процесс создания вики-страницы в паблике ВКонтакте можно считать завершенным.

Как сделать вики страничку в группе ВК

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

Вопрос знатокам: что такое вики-страницы ВКонтакте?

С уважением, NaDu SiK

Лучшие ответы

Положительный:

Как википедия, наверное

Кирилл Вноградов:

Вы когда-нибудь видели красиво оформленные группы Вконтакте? это делается с помощью специальной разметки WIKI. И почему именно разметка WIKI — это потому, что эту разметку придумала Википедия, а потом попала во Вконтакте. Если ошибаюсь, поправьте меня

Wiki — (англ. Wiki) веб-сайт, структуру и содержание которого пользователи могут коллективно изменять с помощью инструментов, предоставляемых самим сайтом.Самый известный вики-сайт — это Википедия. Термин «вики» впервые был использован для описания веб-сайта в 1995 году Уордом Каннингемом, разработчиком первой вики-системы WikiWikiWeb, который позаимствовал гавайское слово, обозначающее «быстро». Позже это слово было придумано английским бэкронимом What I Know Is….

Видеоответ

Это видео поможет вам понять

Ответы экспертов

~ Вреда ~:

выбираем меню — редактируем — а там вверху справа — wiki =))

Владимир Посетили:

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

Вот что об этом пишет Wiki:
Сделать удаленное имя и фамилию удаленными, удалить страницу и не отображаться там в течение месяца. Он будет удален автоматически.
Если начнешь спамить, тебя быстро удалят)))
«Дуров и компания» говорит, что перейдя в раздел «Настройки», в подразделе «видимость страницы» можно указать «не показывать, удалять страницу» .
Согласно блогу Вконтакте, через месяц данные вашего аккаунта должны быть удалены из базы данных Сервиса.Названия ссылок говорю по памяти, потому что все делал. Я просто не уверен, так ли это на самом деле [что информация была удалена] — потому что я тоже не могу проверить.
Мои настройки>> Конфиденциальность>> Кто может просматривать мою страницу>> Никто, удалить страницу>> Сохранить
Это приведет к тому, что вся информация на вашей странице будет удалена и вы никогда не будете получать единичное уведомление с сайта.

наталимо:

Ежедневно в контакте регистрируется около 90 тысяч человек.Среди них время от времени встречаются желающие удалить свою страницу.

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

Мои настройки>> Конфиденциальность>> Кто может просматривать мою страницу>> Только я>> Сохранить

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

Вопросы и ответы:

Q: Почему нельзя сразу удалить всю информацию без возможности восстановления?
A: До 80% запросов на немедленное удаление, которые мы получали, исходили от злоумышленников, завладевших чьей-либо учетной записью. Представьте, что после работы в компьютерном классе или клубе вы забыли нажать кнопку «Выйти». После этого ваш аккаунт может быть немедленно удален без возможности восстановления.Это привело к потоку жалоб.
Кроме того, как выяснилось, большинство уезжающих обратилось с просьбой «вернуть все обратно и восстановить информацию» в течение недели.

Игорь Счастливцев:

Использование ссылок на страницах вики — База знаний (APAN9.0) — Поддержка

Платформа Telligent использует как синтаксис вики-ссылок, так и расширенный текстовый редактор для создания ссылок.

Синтаксис Wiki Link

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

Создать новую страницу, используя синтаксис вики-ссылки

Эта функция дает вам преимущество размещения дополнительных страниц вики («заглушки страниц»), пока вы составляете текст в своей текущей вики.

1. В вики, создает новый документ или редактирует существующий.
2. На странице редактирования вы можете создать новый документ, который является дочерним по отношению к текущему, создав ссылку на новый документ.
   1. В качестве примера введите:
3. Нажмите Сохранить. Страница сохранена, а введенная ссылка отображается красным цветом.
4. Щелкните красную ссылку . Откроется страница n ew (но не будет сохранена, пока вы ее не сохраните).

Ссылка на существующую страницу в той же вики с использованием синтаксиса ссылки вики

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

Создать ссылку, которая показывает заголовок как текст ссылки

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

Создать ссылку, которая показывает другой текст в качестве текста ссылки

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

Другие ссылки

Кнопка ссылки на расширенный текстовый редактор

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

Ссылка на существующую страницу в той же или другой вики с помощью кнопки ссылки текстового редактора

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

1. Скопируйте ссылку нужной страницы .
2. Откройте окно редактирования вики-страницы в документе, который вы собираетесь связать с ним.
3. Введите текст.
4. Выделите текст.
5. В меню расширенного текстового редактора нажмите Вставить> Вставить ссылку. Откроется диалоговое окно «Вставить ссылку».
6. Скопируйте ссылку другой страницы в поле URL.
7. Нажмите ОК. Текст ссылки станет синим.Когда вы щелкаете по нему, вы попадаете в верхнюю часть этой страницы.

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

Вы можете напрямую ссылаться на нужный заголовок (заголовок раздела) на странице той же или другой вики.

1. Скопируйте ссылку на нужный заголовок в ссылку нужной страницы. Например, вы можете скопировать гиперссылку страницы из оглавления вики, а затем добавить знак решетки и текст привязки для заголовка
.
2. Введите текст.
3. Выделите текст.
4. На панели инструментов расширенного текстового редактора нажмите Вставить> Вставить ссылку. Откроется диалоговое окно «Вставить ссылку».
5. Скопируйте ссылку другой страницы, включая хэштег и имя заголовка, в поле URL-адреса ссылки или страницы.
6. Нажмите ОК. Текст ссылки станет синим. Когда вы щелкаете по нему, вы попадаете в этот заголовок на этой странице.

Связанная информация

Ссылки и анкоры текстового редактора

Vkontakte Online / Wiki / Markdown Syntax

Назад

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

Markdown был создан, чтобы его было легко читать, легко писать и при этом читать в текстовом формате.

Ссылки

Большинство URL-адресов будут автоматически преобразованы в ссылки. Чтобы быть точным, просто напишите это так:

Выход:

http: // someurl

[email protected]

Чтобы использовать текст для ссылки, напишите его:

 [вот так] (http: // someurl) 

Выход:

Вы можете добавить * заголовок * (который отображается под курсором):

 [вот так] (http: // someurl "этот заголовок отображается при наведении курсора") 

Выход:

Справочные ссылки

 Вы также можете поместить [URL ссылки] [1] под текущим абзацем.
как [это] [2].[1]: http: // url
   [2]: http: //another.url "Забавный заголовок"
 

Выход:

Вы также можете поместить URL-адрес ссылки под текущим абзацем
следующим образом.

Здесь текст «URL ссылки» связан с «http: // url», а строки отображение «[1]: http: // url» ничего не покажет.

Или вы можете использовать [ярлык] [] ссылку, которая связывает текст «ярлык» для ссылки с именем «[ярлык]» в следующем абзаце.

 Или вы можете использовать ссылку [ярлык] [], которая связывает текст
«ярлык» для ссылки с именем «[ярлык]» в следующем абзаце.[ярлык]: http: // идет / с / the / link / name / text 

Выход:

Или вы можете использовать ссылку на ярлык, которая связывает текст
«ярлык» со ссылкой с именем «[ярлык]» в следующем абзаце.

Ссылки на артефакты

Любой ресурс кузницы (артефакт) можно связать с помощью квадратных скобок, например [MyPage] или [# ​​123]. Эти ссылки на артефакты могут иметь несколько форм.

Простые ссылки

Чаще всего идентификатор артефакта можно просто заключить в квадратные скобки.Вот несколько примеров:

[MyWikiPage] # Wiki - название вики-страницы
[# 123] # Трекер - номер тикета
[r10721] # SVN - номер ревизии
[3b9d48] # Git & Mercurial - первые 6 символов хэша ревизии
[2012/02 / my-post] # Blog - заголовок сообщения, включая префикс YYYY / MM /
[a6d38f98] # Тема обсуждения - идентификатор потока
[a6d38f98 # 42f8] # Сообщение в обсуждении - thread_id # post_id
 

Двухкомпонентные звенья

Чтобы связать артефакт в определенном инструменте, используйте форму: `[tool: artifact]`, где `tool` — это имя инструмента. как он отображается в URL-адресе.Двухэлементные ссылки полезны, когда у вас установлены два инструмента одного типа. Например, допустим, у вас есть трекер ошибок и трекер функций, и вы хотите установить ссылку на первый тикет в каждом из них:

Трехкомпонентные звенья

Чтобы связать артефакт в другом проекте, используйте форму: `[project: tool: artifact]`, где `project` — это имя проекта. как он отображается в URL-адресе. Например:

Чтобы связать артефакт в подпроекте, используйте форму: `[проект / подпроект: инструмент: артефакт]`, где `подпроект` — это имя подпроекта. как он отображается в URL-адресе.Например:

Упоминания пользователей

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

  @ test-user-1 # Упоминание test-user-1
   

Базовое форматирование текста

Используйте * или _, чтобы выделить что-то:

 * это курсивом * и _так это_

** это выделено жирным шрифтом ** и __ так это __

*** это жирный и курсив *** и ___ так это___
 

Выход:

курсивом и так это

полужирным шрифтом и так это

жирным курсивом и так это

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

 это зачеркнутый текст 
 

Выход:

это зачеркнутый текст

 возврат каретки
делает разрыв строки.Два возврата каретки составляют новый абзац. 

Выход:

Возврат каретки
делает разрыв строки.

Два возврата каретки составляют новый абзац.

Цитаты

Используйте символ> перед строкой, , как в электронном письме

> Используйте его, если цитируете человека, песню или что-то еще.

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

Выход:

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

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

Чтобы завершить цитату, просто поставьте пустую строку перед следующим абзацем
.

Предварительно отформатированный текст

Если вы хотите, чтобы текст отображался именно так, как вы его пишете, без Markdown делает с ним что угодно, просто делайте отступ каждой строки как минимум на 4 пробелы (или 1 табуляция). В качестве альтернативы отступам вы можете использовать в блоке кода 3 или больше тильд (~) или обратных кавычек (`) в строке до и после текста (подробности синтаксиса). См. Примеры в Раздел выделения кода.

    К этой строке не будет применено форматирование * уценки *.
    Я даже могу написать  HTML , и он будет отображаться как текст.Это отлично подходит для показа исходного кода программы, HTML или даже
    Уценка.  это не будет отображаться как HTML , но
    именно  так, как вы видите в этом текстовом файле .

Внутри абзаца вы можете использовать обратные кавычки, чтобы сделать то же самое.
`Это вообще не будет * курсивом * или ** жирным шрифтом **.
 

Выход:

 К этой строке не будет применено форматирование * уценки *.
Я даже могу написать  HTML , и он будет отображаться как текст.
Это отлично подходит для показа исходного кода программы, HTML или даже
Уценка. это не будет отображаться как HTML , но
именно  так, как вы видите в этом текстовом файле .
 

Внутри абзаца вы можете использовать обратные кавычки, чтобы сделать то же самое.
Это вообще не будет * курсивом * или ** жирным шрифтом **.

Списки

 * звездочка запускает неупорядоченный список
* и это еще один пункт в списке
+ или вы также можете использовать символ +
- или - символ

Чтобы начать упорядоченный список, напишите это:

1. это начинает список * с * чисел
+ это будет отображаться как цифра "2"
* это будет отображаться как цифра «3."
9. любое число, +, - или * будет продолжать список.
    * просто сделайте отступ на 4 пробела (или табуляции), чтобы создать подсписок
        1. продолжайте делать отступы для большего количества подсписок
    * вот и я вернулся на второй уровень

Чтобы начать контрольный список, напишите это:

- [] это не проверено
- [] это тоже
- [x] но это проверено
 

Выход:

• звездочка запускает неупорядоченный список
• и это еще один пункт в списке
• или вы также можете использовать символ +
• или символ —

Чтобы начать упорядоченный список, напишите это:

1. это начинает список с номерами
2. это будет отображаться как число «2»
3. это будет отображаться как число «3.«
4. любое число, +, — или * будет продолжать список.
   • просто сделайте отступ в 4 пробела (или табуляции), чтобы создать подсписок
     1. сохраните отступ для других подсписок
   • вот и я вернулся на второй уровень

Чтобы начать контрольный список, напишите это:

Таблицы

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

  Первый заголовок | Второй заголовок
  ------------- | -------------
  Ячейка содержимого | Ячейка содержимого
  Ячейка содержимого | Ячейка содержимого
 

Выход:

Первый заголовок	Второй заголовок
Ячейка содержимого	Ячейка содержимого
Ячейка содержимого	Ячейка содержимого

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

  Первый заголовок | Второй заголовок
  ------------- | -------------
  * Ячейка содержимого * | Ячейка содержимого
  Ячейка содержимого | Ячейка содержимого
 

Выход:

Первый заголовок	Второй заголовок
Ячейка содержимого	Ячейка содержимого
Ячейка содержимого	Ячейка содержимого

Вы также можете создавать таблицы с помощью HTML-кода.

Горизонтальная линейка

Просто поставьте три или более звездочек в строке:

Выход:

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

Выход:

или

Выход:

Убедитесь, что у вас есть пустая строка над тире, иначе:

вы получите заголовок
---
 

Выход:

Изображения

Чтобы добавить изображение, просто поставьте «!» перед текстовой ссылкой:

! [альтернативный текст] (https: // sourceforge.net / images / icon_linux.gif)
 

Выход:

«Альтернативный текст» появится, если браузер не может загрузить изображение.

Вы также можете использовать заголовок, если хотите, например:

! [крошечная стрелка] (https://sourceforge.net/images/icon_linux.gif «крошечная стрелка»)
 

Выход:

Чтобы сослаться на прикрепленное изображение, просто используйте макрос img. Вы можете добавить дополнительные атрибуты:

[[img src = connected-image.jpg alt = foobar]]
 

Выход:

Видео

Чтобы встроить видео YouTube, используйте макрос embed (в настоящее время поддерживается только YouTube):

[[вставить url = http: // www.youtube.com/watch?v=6YbBmqUnoQM]]
 

Выход:

Экраны и HTML

Что если вы хотите, чтобы отображались только звездочки, а не курсив?

 * это отображается курсивом: * счастливый день *
* здесь показаны звездочки: \ * счастливый день \ *
 

Выход:

• это отображается курсивом: счастливый день
• здесь показаны звездочки: * счастливый день *

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

Разрешены многие простые теги HTML, например И неизвестные теги будут удалены. Чтобы показать буквальный или неизвестный тег, например , вам нужно экранировать его с помощью HTML-объекты: :

 это будет жирным шрифтом 
вам следует выйти из & lt; unknown & gt; теги
& копировать; специальные организации работают
& amp; копировать; если ты хочешь сбежать
 

Выход:

будет выделено жирным шрифтом
вы должны экранировать теги
© special entity work
& copy; если хочешь сбежать

Можно использовать

HTML-тегов блочного уровня, таких как

, но при наличии форматирования уценки в нем вы должны добавить атрибут «уценка»:

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

Отдельные амперсанды (&) и знаки «меньше» (<) допустимы, они будут отображаться должным образом.

Содержание

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

 [TOC]

# Секция 1
## Подраздел 1
# Раздел 2 

Выход:

Выделение кода

Синтаксис подсветки кода использует CodeHilite и раскрашен Pygments. Он следует тому же синтаксису, что и обычные блоки кода Markdown, с возможностью указать выделителю, какой язык использовать для блока кода.

По возможности язык будет определен автоматически.Или вы можете указать его в первой строке с 3 двоеточиями и названием языка.

Выход:

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

    #! / usr / bin / python
    импорт abc
 

Выход:

#! / Usr / bin / python импорт abc

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

~~~ html
 Мой код 
~~~
 

`` html
 Мой код 
``
 

Выход:

Поддерживаются многие языки.См. Все «короткие имена», перечисленные в документации Pygments.

включает

Вы можете встроить еще одну вики-страницу напрямую:

[[включить ref = SamplePage]]
 

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

Также вы можете встроить файл прямо из репозитория! Просто пропустите параметр ref и передайте репозиторий, путь и необязательную версию:

[[включить репо = путь кода = README]]

[[включить репо = myproject: путь кода = / ew / forms.py rev = fa61e7]]

[[включить репо = p: myproject: code path = / ew / forms.py]]
 

Репо можно указать тремя способами:

• приложение
• проект: приложение
• район: проект: приложение

Где приложение — это точка монтирования репозитория, проект — это короткое имя проекта, а соседство — это префикс соседства, который появляется в URL-адресе.

Уведомления о районе

Вы можете получить список обновлений для всех проектов в округе по типу инструмента.Max_number (по умолчанию 5) и sort (по умолчанию pubdate) необязательны:

[[District_feeds tool_name = wiki max_number = 10 sort = pubdate]]
 

Сообщения в блоге района

Вы можете просматривать сообщения в блогах всех проектов в округе. Max_number (по умолчанию 5) и sort (по умолчанию — timestamp) необязательны:

[[District_blog_posts max_number = 10 sort = timestamp]]
 

Сообщений в блоге проекта

Вы можете просматривать сообщения из всех блогов в проекте.Max_number (по умолчанию 5), точка монтирования (оставьте пустым, чтобы просматривать сообщения из всех инструментов блога в проекте) и sort (по умолчанию — timestamp) не являются обязательными:

[[project_blog_posts max_number = 10 sort = timestamp mount_point = news]]
 

Кнопка загрузки

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

Кнопка Gittip

Вы можете отобразить кнопку Gittip в своей вики. Вам нужно будет указать свой дескриптор gittip в параметре имени пользователя.

[[gittip_button username = foo]]
 

Список участников проекта

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

Project Скриншоты

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

Спасибо

Спасибо Джону Груберу и Аарону Шварцу за создание Markdown.

Эта страница основана на некоторых примерах от Грега Шулера, [email protected]

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

Создать меню в Pilube ВКонтакте своими руками

Здравствуйте дорогие читатели, как и обещал, продолжаю осваивать Aza Creating Menu для сообществ ВКонтакте. И сегодня я решил сделать красивое меню в своем паблике вконтакте.Также вы можете прочитать в одной из моих прошлых статей — где вы можете изучить Wiki-разметку и некоторые основы создания страниц в сообществах ВКонтакте, без которых ни группа, ни паблик вконтакте сделать привлекательными для посетителей вряд ли получится.

Это простое графическое меню, которое я создал в одной из своих групп ВКонтакте. А теперь я начну создавать меню для моей публики!

Зачем начинать создавать меню в паблике вконтакте? Это, пожалуй, самый главный вопрос, который задает себе ВКонтакте большинство владельцев Паблика, задумываясь о том, как сделать меню? Ответ, как часто бывает, простой — ВКонтакте предусматривает создание публичных wiki-страниц с разметкой Wiki (я писал в предыдущей статье в учебнике по разметке Wiki).Для начала, чтобы создать публичное меню ВКонтакте, я сделаю новую страницу в своем паблике с разметкой Wiki.

http://vk.com/pages?Oid\u003d-xxx&p\u003d_naviting_strant

где xxx — это ID моего паблика, который можно узнать, нажав на номер с количеством записей в паблике вконтакте.
После нажатия на количество записей вижу следующую ссылку в строке браузера:

http://vk.com/wall-46864771?own=1

Где числа 46864771 и есть ID моего паблика vkontakte, итак, делаю ссылку для создания страницы меню:

http: // vk.com / pages? Oid = 46864771 & p =May

Я запускаю эту строку в вашем браузере. И вот, передо мной новая страница Мой паблик Вконтакте, который я буду использовать для создания паблика меню.
Далее нажимаю -> Заполнить контент, и начинаю создавать свое меню Паблик ВКонтакте. Также не забываю сделать один важный шаг, ограничить доступ всех подписчиков паблика к редакции этой страницы (на всякий случай). В правом нижнем углу нажимаю -> доступ к странице, ставлю нужные галки и сохраняю.
Теперь мне оставалось самое сложное — создать публичное меню вконтакте — фактически, используя знания Photoshop и разметку Wiki, чтобы сделать меню для моего публичного. А когда закончу редактировать страницу меню, можно будет сохранить в правом верхнем углу редактора -> вернуться на страницу. В ссылке появляется строка браузера, которая нужна для вставки меню в Cuppet ВКонтакте.

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

http: // vk .com / page-46864771_44676832.

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

О том, как завершить работу над созданием меню публикации ВКонтакте, вы можете узнать в следующей статье —

Посмотреть, какое меню паблика вконтакте мне удалось, можно посмотреть на

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

Варианты меню для сообщества ВКонтакте

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

Итак, есть закрытое меню и открытое.

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

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

Итак, «ВКонтакте»? Ответ довольно прост! Для создания обоих типов меню для группы ВКонтакте используется wiki-разметка.Это очень удобный инструмент, он позволяет создавать таблицы, графики, форматировать и редактировать изображения, работать со ссылками и так далее. Однако сейчас создателям сообщества ВКонтакте все намного проще, чем несколько лет назад. В соцсети есть на автомате перенос всего содержимого в вики-разметке.

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

Stage First

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

Первое изображение — аватар. Второй (центральный) — имидж-действие.Параметры аватара должны быть не менее 200 x 330 пикселей. Размер центрального изображения составляет не менее 390 x 280 пикселей.

Второй этап

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

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

Третий этап

Копия адреса страницы. Первое число после слова «Страница» — это номер сообщества, второе — номер страницы. Это надо знать, думая, как создать меню в группе «ВКонтакте». Адрес необходимо разместить на стене вместе с центральным изображением. Чтобы прикрепить картинку, нажмите «Прикрепить» и «Фото». Далее выбираем и вставляем. После нажатия кнопки «Отправить» — это будет публикация.

Четвертый этап

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

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

Как создать таблицу в меню?

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

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

• (| означает начало;
• | + расположение в центре;
• | — с новой строки;
• | прозрачность;
• ! Пеликатные клетки;
• |) Указывает конец.

Как размещать ссылки?

В вопросе как сделать меню в группе «ВКонтакте» есть важный момент по ссылкам.Вы можете расположить их по-разному:

• Оставьте только ссылку. Для этого возьмите ссылку в квадратные скобки.
• Сделайте ссылку на слово или фразу. Открыть Вставить ссылку после знака набора ссылок | И закройте квадратную скобку.
• Ссылка на изображение. Это можно сделать на следующем примере: [].

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

• Размер картинки не должен быть меньше 130 пикселей. Это значительно ухудшит внешний вид меню.
• Ширина рисунка — не более 610 пикселей.
• Вики-страница не может содержать более 17 незакрытых тегов.
• При установке коэффициента ширины высота автоматически изменяется в соответствии с пропорциями.
• Внутри таблицы вы можете создать список, используя />.
• В одной строке можно разместить не более 8 единиц списка.

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

Например, приложение «Интерактивный FAQ (бета)» позволяет проверить свои способности в вики-программировании.

Работа проста: пользователю предоставляется готовое меню, и нужно прописать код разметки. В конце результат сравнивается с оригиналом.

Программа «Вики-редактор» ничему не учит и не обучает своих пользователей.С его помощью можно составить меню даже без начальных навыков программирования. Простой в использовании редактор сам пишет коды — пользователю нужно только управлять.

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

Сегодня продолжу свое «погружение в группу ВК».«В третьей части« Сериала »я рассказал и показал, .. Сегодня поговорим о дизайне группового меню ВКонтакте!

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

Вопрос 1: Первый и самый распространенный: «Где в меню код?» или «Если нет закладки при редактировании» Исходника «Как добавить внутреннюю страницу?» или «Я все еще не понимаю, что делать, если код не появляется!»

Ответ 1: ВК изменил редактор теперь, чтобы переключаться между визуальным редактором и кодом всего в один клик (правый верхний угол редактора):

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

Вопрос 2: Второй, действительно проблемный: « а как убрать пробелы между картинками»? »

Ответ 2: Признаюсь, сам испугался, когда «зашло» меню впервые.Теперь я быстро прав, а тогда это было не весело. См .:

Добавить тег nopadding; И все станет на свои места!

Между картинками пробел и меню выглядят разбитыми. Для не заросших это может быть ненормально, но для не по крайней мере не профессионально. Так в чем дело? И все очень просто! В ВК постоянно происходят какие-то обновления, внедряются новые алгоритмы … Да, редактор плачет … Нет важных тегов от этого из кода и то мы видим такую ​​картинку.Чтобы исправить это, вам нужно заглянуть в код и внести необходимые коррективы. Формат кода должен быть таким:

Шаблон: [] Пример: []

Обычно изображения меню перемещаются, потому что он выпадает из кода nopadding ; — Вставляем на место и все выравнивается. Перед тем, как сохранить результат, нажмите кнопку «Предварительный просмотр», чтобы убедиться, что все стало точно.

Вопрос 3: Новости. В октябре 2012 года ВКонтакте в обязательном порядке вырезал автомобильные группы и паблики.Теперь их размер имеет общий стандарт 200×500 пикселей. Итак, если у вас больше в группе Аватар, то сделайте апдейт (обновите аватар).

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

Ta-a-ak, с вопросами закончили … Теперь переходим в само меню создания!

Шаг 1.Как создать меню в контакте и сделать вложенные страницы:

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

Как вам моя детская кроватка?

Вот такая шпаргалка! Для большей наглядности напишу каждую цифру:

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

Есть! В меню созданы домашние Pages Made, заполнили их, теперь перейдем к созданию красивого графического меню.

Шаг 2. Как создать красивое графическое меню в контакте и поставить:

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

Для начала покажу код и результат вашего меню:

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

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

Покажу средний вариант настройки меню. Разница в количестве предметов.Меню, которое просто нарезано на полоски, — это простейший спектакль. Чем больше в строке нажимаемых кнопок, тем сложнее выполнение. Хотя, зная фичу, все просто! Бывает только вовремя. Итак, ширина рисунка должна быть:

370 пикселей — если в строке у вас будет два и более объекта, например кнопки соцсетей вроде меня

И максимум 388 пикселей — если вырезать картинку по простому, только по линиям, не разделяя второстепенные объекты. Это особенность, которую нужно знать при нарезании меню на кнопки.У меня размер картинки все меню получилось 370×456 px.

После того, как картинка нарезана на нужное количество объектов и сохранена в отдельном альбоме, загрузите этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нельзя скрыть альбомы. Технический альбом в корпоративной (например) группе вообще не нужен, поэтому скрыть элементы меню в личном альбоме:

Технический альбом ВК.

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

[]

где, фото 7632142_296

9. — Это адрес картинки! Смотрим в адресную строку картинки:

С первой картинки приступим к вставке меню в группу ВКонтакте

Вам нужен краткий адрес фотографии, для этого перейдите в сам альбом:

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

… и начиная с первой картинки перенести их в групповое меню.

Добавьте картинки в меню кода!

Итак, адрес картинки добавлен, размер указан, теперь ставим тег nopadding; — Это нужно для того, чтобы наши картинки плотно прилегали друг к другу. И на последнем этапе установите ссылку на страницу, на которую посетитель попадет после того, как кликнет по картинке.

Вот небольшая доработка! Внешние ссылки, Ссылки на альбомы ВК и обсуждения пишут полностью, а ссылки на внутренние страницы в формате страница-32734125_44298120.. В начале и в конце строки не забудьте поставить две квадратные кавычки и без пробелов.

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

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

После того, как вы переместили все картинки в меню и расставили их (размер, ссылка), сохраняем результат и восхищаемся вашей работой! Все! Готовый!

Привет, друзья!

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

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

В общем сделал простое меню для одной из страниц ВКонтакте:

Потратил буквально 30 минут, чего не скажешь о написанной статье 😀

Прежде всего, сразу оговоримся — это меню Pop-up, в паблике (не в группе).

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

Как сделать меню в группе ВКонтакте

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

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

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

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

Более подробно объясню, как сделать меню на своей странице:

Итак, о паблик.Все работает и для старых, и для новых. Делаем следующие шаги:
1. Выполняем запрос типа: //vk.com/pages?Oid\u003d-xxx&p\u003dyyy
где xxx — ваш публичный номер; Yyy — название нужной страницы.
Если все сделано правильно, то у вас появится новая страница. Нажимаем «Редактировать» и составляем вики-меню или что-то там еще
2. Вызов всплывающей страницы осуществляется с помощью команды:
// vk.com / publicXxx? w = page-xxx_yyy

Внимание! Все минусы, вопросительные знаки и другие знаки обязательны. Измените только xxx и yyy.
Все! Теперь нужно дать ссылку «Приятный вид» — с помощью VK.CC — Ссылки ссылок ВКонтакте.

Например — у моей страницы адрес: //vk.com/sf_kontakt, чтобы узнать XXX (ID страницы), перейдите в пункт «Управление страницей»

//vk.com/pages?Oid=- 34016644 & p =. Здесь вводим имя

Далее контакт перенесет нас на вновь созданную страницу, которую также нужно будет отредактировать в будущем меню. Здесь нет ничего сложного, можно даже не редактировать код, а просто вставить нужные значки или текст.

В моем примере все ссылки были на внешних ресурсах. При нажатии на первый значок — открывается сайт статусов, при нажатии на второй значок (книга) открывается страница подписки. Также можно не отправлять пользователя на внешние ресурсы, а обвести его внутри контакта.Либо на новых (других) группах, либо на страницах описания, созданных по такому же принципу.

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

она приняла такой адрес: //vk.com/sf_kontakt?w\u003dpage-34016644_44405134

И напоследок: основная группа или публичная панель / имя созданной страницы

Надеюсь, трудностей не возникнет.

Создаем главное меню в контакте:

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

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

Чтобы сделать такое меню, не разбираясь в коде, можно просто перейти по ссылке и выбрать готовое меню.Вот группа, в которой можно найти шаблоны: //vkontakte.ru/club93

1. Жмем. «Меню» -> «Коллекции меню»
2. Выберите меню, которое вам нравится
3. Скопируйте код выбранного вами меню
4. Зайдите в свою группу и отредактируйте страницу Последние новости , в разделе Исходный код вставьте код нашего меню для контакта.

Меню для группы ВКонтакте

Теперь у нас есть страница с элементами навигации, которая имеет адрес: // vk.com / page-34016644_44405134, чтобы привлечь внимание общественности к следующему:

• Добавить новость
• Прикрепите основную картинку, нажав на которую в нашем меню откроется пользователь.
• Вставьте ссылку на созданную ссылку
• И последний шаг «починка столбов». Напишите пост с фото / видео / музыкой, затем опубликуйте, затем нажмите на дату публикации — и нажмите «Фаск».

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

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

А сегодня все.Спасибо, что катались! 😉 К новым встречам …

И снова рад вас приветствовать!

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

Как создать меню в группе ВКонтакте

Вот что я сделал.

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

Итак. Вот основные шаги:

• Продумайте главное меню
• Выбрать изображение
• Фотошоп (без фотошопа как всегда никуда)
• Вырезка изображения
• Заливка изображений в альбом контактов

Чтобы активировать недавних записей (для вашего будущего меню) нужно зайти в управление сообществом и включить пункт — «Материалы»

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

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

В моем примере я использовал фон девушки и разместил слева от него 3 кнопки. Каждая кнопка — имела свое название.

Мое меню состояло из следующих пунктов:

Для введения готового изображения в контакт его необходимо раскрыть.Для этого в фотошопе воспользуемся инструментом «вырезка». Думаю, с этим сложностей не возникнет. Там все просто … на всякий случай сделал фото 🙂

Выбираем этот инструмент и начинаем «резать». Получилось 4 части. (самая простая вещь что придумала 🙂 хотя можно и на части разрезать)

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

Теперь нажмите на каждую кнопку (или часть изображения) и назначьте необходимый адрес (ссылку).Чтобы удалить лишние пробелы, вам нужно использовать тег «NOPADDING» (в меню разметки Wiki)

Тег «Nopadding» — убирает промежутки между картинками, то есть помогает «стыковать их вплотную друг к другу».

В результате добавления тега произошло следующее:

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

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

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

Ответ: Эту фичу насколько я знаю администраторы Вконтакте удалили. Раньше была отдельная кнопка, чтобы меню было фиксированным — открыть. Потом эту функцию убрали, и теперь меню нужно открывать отдельно.

Хотя, встречал какой-то открытый дефолт … а кто-то даже сказал, что есть какой-то код, который справляется с этой проблемой. Но я бы не советовал вам его использовать. Судя по обсуждениям на многих форумах, админы это не приветствуют!

А сегодня все.Перед подключением!

Escape from Tarkov официальная страница

Около

Escape from Tarkov — хардкорная и реалистичная онлайн-ролевая игра / симулятор от первого лица с функциями MMO и прохождением сюжета.

С каждым днем ​​ситуация в Норвинской области становится все более сложной. Непрекращающиеся войны в Таркове вызвали массовую панику; местное население покинуло город, но те, кто остался, стремятся улучшить свое состояние за счет других.Приняв новую реальность, свирепые тарковцы — «Дикие» объединились в хорошо вооруженные банды и начали передел города. В настоящее время Тарков разделен невидимыми границами, контролируемыми разными группами. Жадные до прибыли боевики пойдут на все, чтобы добиться своего, включая убийства мирных жителей и прямую конфронтацию с двумя частными военными компаниями.

Игрокам предстоит испытать жизнь в шкуре одного из наемников, переживших начальную стадию Тарковского конфликта.После выбора одной из сторон — USEC или BEAR — персонаж игрока начинает выходить из города. Тарков заблокирован ООН и российскими военными, цепочки поставок прерваны, связь с оперативным командованием потеряна, и в этих условиях каждый должен сам выбирать, что делать и как выбраться из охваченного хаосом мегаполиса.

г. Тарков, Норвинская область. Настоящее время.

События «Побега из Таркова» происходят в вымышленной Особой экономической зоне Норвинского региона, которая стала воротами между Россией и Европой.Однако льготные условия для крупных международных компаний привлекли не только законопослушный бизнес, но и корпорации с сомнительными намерениями. В Таркове, одном из крупнейших городов региона, трансатлантическая корпорация стала эпицентром политического скандала. Шесть месяцев спустя политическое противостояние переросло в вооруженный конфликт с участием миротворцев ООН, внутренних войск МВД и двух частных военных компаний. Границы региона были заблокированы, а те, кто оказался в ловушке этой вспышки локальной войны, были изолированы от внешнего мира.

Противостояние на краю тьмы.

Наиболее активными силами в Норвинском районе являются две частные военные компании, нанятые сторонами первоначального конфликта. USEC, нанятый печально известной международной корпорацией Terra Group, активно участвует в вооруженных столкновениях, препятствуя расследованию деятельности Terra Group, проводимому местными властями. Более того, по данным спецслужб, USEC обеспечивает вооруженное прикрытие незаконной работы и исследований иностранных компаний, в то время как BEAR, якобы созданный по прямому приказу правительства России, нанимается властями Норвинской области для обнаружения любых доказательств незаконной деятельности Terra Group. виды деятельности.

Пришло время.

• Прохождение на основе сценария, основанного на сюжете, как одного из режимов многопользовательской игры. Совершайте набеги на масштабные локации с друзьями или в одиночку.
• Исследуйте многие из уникальных и аутентичных мест города Тарков и его пригородов: жилые кварталы, территорию химического завода, военную базу AA, центр города Тарков, частную жилую зону и другие места в реальном времени с погодными условиями и с изменением времени суток.
• Откройте для себя скрытые места — зарезервированные помещения и склады, закрытые офисы TerraGroup и подземные склады.
• Найдите полезную информацию и предметы, которые помогут понять, что происходит в городе.
• Сотрудничайте с бывшими врагами, меняйте приоритеты, чтобы раскрыть тайны и сбежать из Таркова живым.

Переживите захватывающий боевой опыт.

• Взгляните на системный модуль HECS — Hazardous Environment Combat Simulator.
• Почувствуйте своего персонажа через здоровье и физические характеристики, включая гидратацию, энергию, кровяное давление, кровопотерю, переломы, ушибы, интоксикацию, истощение, тремор и так далее.
• Свободно управляйте своим персонажем — плавно меняйте скорость, меняйте стойку и переходите, наклоняя и наклоняя.
• Будьте в курсе реальной баллистики и физики попадания снарядов.
• Приготовьтесь почувствовать оружие таким, какое оно есть в реальной жизни.Привыкайте к физическим представлениям о работе оружия — заклинивание, перегрев, износ, перезарядка, прицеливание, заряжание и, конечно же, стрельба.
• Откройте для себя самую передовую систему модификации оружия. Измените все, что хотите, чтобы расширить тактические возможности вашего оружия.
• Взаимодействуйте с окружающей средой, чтобы получить ситуационное господство — включите свет, начните тактический вход с помощью системы взаимодействия с дверью.

Остаться в живых и обратить внимание.

• Если вы умрете, вы потеряете все, что взяли и нашли в рейде. Организуйте свои запасные комплекты инвентаря, используйте защищенные контейнеры и страховку.
• Правильно относитесь к себе, своему снаряжению и оружию. Применяйте разнообразные лекарства, чтобы оставаться в живых и сосредоточиться. Почините доспехи, огнестрельное и холодное оружие. Очищайте воду и рассортируйте свой рацион.
• Управляйте своим инвентарем классическим способом, основанным на слотах. Организуйте и модифицируйте нагрудник, как настоящий профессионал.
• Используйте специальное оборудование, такое как ПНВ, радиогарнитуры, бронежилеты и каски.
• Обыщите павших врагов и контейнеры, чтобы получить огромное количество предметов для использования и обмена.
• Стань опытным — зарабатывай очки и повышай свой уровень. Около 100 уникальных навыков для тренировки по принципу повторяющихся действий.
• Сотрудничайте с незнакомцами или получите выстрел в спину от друга — здесь нет правил.

Остерегайтесь Scavs.

• Чем громче твой крик — тем быстрее они раздаются. Приготовьте палец на спусковом крючке.
• Сразитесь с мирными дикарями-падальщиками (или Scavs), управляемыми AI, и играйте за Scav с заранее установленным случайным снаряжением, оружием и состоянием здоровья.
• Не нужно беспокоиться о смерти — вы ничего не потеряете от своего главного героя.
• Выйдите живым, играя в Scav, а затем перенесите его добычу в тайник вашего главного героя.

Влезай и устраивайся.

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

Предзаказ

Почему Википедия занимает высокое место в поиске Google?

Если вы изучаете SEO, один из лучших способов изучить SEO — это изучить методы поисковой оптимизации на сайте, излюбленном Google.

Это очень поможет понять, чего не хватает вашему блогу, и как вы можете улучшить внутреннее SEO вашего блога.

Здесь мы рассмотрим стратегии Wikipedia SEO , которые помогут вам узнать больше о SEO на странице, и вы можете убрать 2-3 вещи отсюда и реализовать их на своем веб-сайте.

Википедия — один из самых популярных веб-сайтов, и вы найдете SEO-рейтинг для большинства ключевых слов под номером 1 в поиске Google. Популярность Википедии обязана уникальности веб-сайта, содержание статей которого может редактировать любой пользователь.

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

Это действительно хороший пример сайтов с фантастическим SEO .Обсудим это сейчас.

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

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

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

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

Википедия Стратегии SEO: чему вы можете научиться?

1. Пример умного связывания в сети

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

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

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

Вам так не кажется?

Если вы используете WordPress, вы можете использовать интеллектуальную ссылку WordPress для автоматической внутренней ссылки. Свяжите как можно больше ссылок, но убедитесь, что они актуальны и значимы.

Пользователи

WordPress могут использовать плагин Linkwhisper для достижения аналогичной эффективности внутренних ссылок.

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

2. Уникальный контент на разных страницах

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

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

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

3. Канонические для разных языковых страниц

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

Используя канонические настройки и сделав языковую разметку для этих разных страниц.

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

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

4. Не просто ссылки, а релевантные ссылки

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

5. Антиспам

Википедия — это онлайн-пример того, как сайт может оставаться большим, но при этом не подвергаться спаму. Также Википедия предлагает своим пользователям редактировать любой контент на своей странице. Но он никогда не позволяет содержимому СПАМА долго оставаться на своих страницах. Он сохраняет запись каждого внесенного изменения и позволяет им оставаться на странице только после полного просмотра.

В случае с Blogger вы несете ответственность за любые ссылки на своей веб-странице. Это может быть в форме гостевых сообщений или комментариев.

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

6. Информативность, главный мотив

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

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

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

7. Википедия и значение Nofollow

Поскольку особые характеристики Википедии делают ее главной целью для людей, желающих использовать ее для различных целей, в 2007 году было введено значение nofollow для всех обратных ссылок на ее статьи. Эта концепция была изобретена Google в 2005 году. Добавив определенный метатег к HTML-ссылке, программы-пауки не смогут сканировать ссылку в свой индекс поисковой системы.

Если вы новичок в концепции nofollow, обратитесь к следующим двум сообщениям:

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

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

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

8. Бюрократия и культура Википедии

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

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

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

Это обычно верно, если цитируемая ссылка является самоиздаваемой статьей по данной теме. Примеры тому — блоги и пресс-релизы. В 2007 году произошел заметный инцидент, когда Рэнд Фишкин заметил, что из статьи в Википедии о SEO были удалены ссылки просто потому, что они были взяты из самостоятельно опубликованных источников, даже если эти цитаты принадлежат известным SEO-экспертам. Такие инциденты могут расстраивать авторов статьи.

9. Практика занесения страниц в черный список в Википедии

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

Политика nofollow возникла в результате этого инцидента, и с тех пор Suite101.com заменил свою схему компенсации на модель оплаты за клик. Несмотря на изменение, вердикт Википедии по данному вопросу остается в силе.

Ни одна из ссылок на статьи Suite101 не может быть размещена в Википедии, даже в качестве ссылок.Президент Suite101 Питер Бергер безрезультатно обратился к Википедии, и после этого единственный способ удалить сайт из черного списка — это спрос со стороны населения.

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

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

Социальные сети — документация OpenTrade

---

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

Перейдите к: Продвижение> Социальные сети в панели администратора вашего сайта.

Этот раздел необходим, если вы хотите разместить на своем сайте виджеты социальных сетей, ссылки и кнопки «Нравится».Вы можете разместить их либо на главной странице, либо на странице товара.

Как включить раздел социальных сетей

Вам следует включить виджеты социальных сетей, если вы хотите, чтобы они отображались на главной странице.

Выберите «Социальные сети» и щелкните синий пунктирный подчеркнутый текст рядом с ним.

Щелкните стрелку раскрывающегося списка справа, чтобы отобразить раскрывающийся список.

Выберите, хотите ли вы, чтобы раздел социальных сетей был отображен или скрыт.

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

Изменения будут видны на сайте после сохранения.

Лайки в ВКонтакте

Настройки на сайте ВКонтакте

Перейдите в раздел «Управляемые приложения» на сайте ВКонтакте.

Щелкните ссылку «Разработчики» внизу страницы.

Перейдите в раздел «Поделиться ссылками»:

Выберите «Страница с кнопкой»:

Выберите «Стиль» кнопки:

При нажатии на поле «Код внедрения» его содержимое будет выделено синим цветом (или используйте клавиатуру «Ctrl + A»)

Щелкните выделенную область правой кнопкой мыши и выберите в появившемся меню параметр «Копировать» (или используйте сочетание клавиш «Ctrl + C»).

Готово! Код получен. Затем вы должны перейти в панель администратора.

Настройки в панели администратора

Выберите «Нравится Вконтакте» в панели администратора и щелкните подчеркнутый пунктирный текст:

Вставьте код встраивания (полученный в соответствии с инструкциями выше) в появившееся текстовое поле:

Сохраните изменения, нажав кнопку с галочкой.

Лайки в Facebook

Пожалуйста, следуйте подробным инструкциям на сайте Facebook: https: // разработчики.facebook.com/docs/plugins/like-button, чтобы создать кнопку «Нравится» в Facebook.

После получения кода выполните следующие действия:

Щелкните пунктирный серый подчеркнутый текст «Пусто».

Вставьте полученный код в появившееся текстовое поле:

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

Лайков в Twitter

Перейдите на https://about.twitter.com/resources/buttons, чтобы добавить кнопку «Нравится» в Twitter.

Выберите нужные кнопки и заполните появившуюся форму.

Код для веб-сайта появится в правом столбце после завершения настройки. Пожалуйста, скопируйте это.

Щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте код, который вы скопировали при создании кнопки, в появившееся текстовое поле:

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

Лайки в Одноклассники

https://ok.ru/ Нажмите ссылку «API» внизу страницы.

Выберите «ОК для сайтов», затем «Нравится».

1. Введите URL-адрес вашего веб-сайта в поле «Использовать текущий URL-адрес на странице пользователей».
2. Выберите размер кнопки, форму, размещение счетчика и текст на кнопке.
   
3. «Текст» и «Счетчик» можно скрыть, сняв соответствующие флажки.
   
4. Предварительный просмотр отображается в области «Результат» страницы.

После завершения настройки возьмите HTML-код для новой кнопки.

Щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте код, который вы скопировали при создании кнопки, в появившееся текстовое поле:

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

Виджет вместо баннера в столбце

Чтобы получить код своего виджета, вам необходимо перейти на страницу для разработчиков на сайте ВКонтакте (https: // vk.com / dev / Сообщество). Пожалуйста, внимательно заполните появившуюся форму.

1. Замените ссылку по умолчанию ссылкой на вашу группу ВКонтакте.
2. Выберите макет.
3. Укажите ширину и цвета виджета.

Предварительный просмотр доступен внизу страницы.

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

Далее следует скопировать сгенерированный код.

Щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте код, который вы скопировали при создании кнопки, в появившееся текстовое поле:

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

Группа Вконтакте

Для начала необходимо открыть свою страницу (группу) на сайте ВКонтакте и скопировать URL в адресную строку.

Затем щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте URL-адрес, который вы скопировали, в появившееся текстовое поле:

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

Facebook

Сначала необходимо открыть свою страницу (группу) на сайте Facebook и скопировать URL-адрес в адресную строку.

Затем щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте скопированный URL в появившееся текстовое поле:

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

Twitter

Во-первых, вы должны открыть свою страницу на веб-сайте Twitter и скопировать URL-адрес в адресную строку.

Затем щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте скопированный URL в появившееся текстовое поле:

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

Чтобы разместить кнопку «Поделиться» на странице товара, необходимо перейти на сайт ВКонтакте:

1. Перейдите в https: // vk.com / dev.
2. Щелкните ссылку «Виджет сообщений сообщества» на странице.

Скопируйте код внедрения.

Щелкните пунктирный серый подчеркнутый текст «Пусто» в панели администратора.

Вставьте код, который вы скопировали при создании кнопки, в появившееся текстовое поле:

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

alexxlab

[email protected]

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

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

Комментарий *

Имя *

Email *

Сайт