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

Обновлено: 07.07.2024

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

В прошлом уроке Оформление группы ВКонтакте. Часть 2. Рисуем графическое меню в Photoshop мы разобрались, как нарисовать красивое меню для вашей группы. А сегодня мы научимся размещать меню непосредственно на странице в ВКонтакте и создавать для него внутренние страницы. Итак, поехали!

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

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

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

Осталось собрать из этих частей меню группы.

Шаг 2. Собираем меню из элементов

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

[[photo- уникальный_номер |388px;noborder;nopadding| ]]

388px – это ширина вашего меню

Noborder – означает, что вашим элементам меню не добавляется обводка по контуру черным цветом

Nopadding – означает, что между картинками не будет расстояния (что нам и нужно, чтобы меню было цельным).

Пробел в конце обязателен, иначе ничего не получится.

У вас должно получиться столько строчек, сколько пунктов в вашем меню (и, соответственно, сколько вы рисовали картинок):

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

Заходим на главную страницу группы, обновляем ее (нажимаем кнопку Обновить в браузере или просто F5). Любуемся полученным результатом!

Шаг 3. Прикрепляем к меню внутренние страницы

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

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

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

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

Форматировать текст при помощи этой панели не сложнее, чем работать в Word: вы просто выделяете текст при помощи мыши и нажимаете нужную вам кнопку.

Поскольку вы находитесь в режиме wiki-разметки, то при применении команд форматирования к вашему тексту будут добавляться определенные символы. Например, при выборе команды курсив, то слово, которое вы хотите выделить курсивом, будет окружено кавычками. Эти символы – и есть элементы языка wiki-разметки. Чтобы посмотреть, как будет выглядеть текст на странице, нажмите кнопку Предпросмотр:

И вот, что получится:

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

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

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

Остается выяснить адреса только что созданных вами страниц и прикрепить их к меню.

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

И теперь добавляем этот адрес к тому коду, который вы писали для меню:

Будьте внимательны и не перепутайте ссылки. В нашем примере получилось так:

Удаляем строки, отмеченные на картинке, и сохраняем страницу.

Поздравляем, меню вашей группы готово!

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

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

Создание статьи

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

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

Панель форматирования откроется, когда вы выделите нужный текст.

B — жирный шрифт
I — курсив
S — зачеркнутый текст
Н — заголовок первого уровня
н — подзаголовок

Также в текст можно добавить ссылку или цитату.

Make everything as simple as possible, but not simpler.

У цитаты есть второй вариант оформления. Чтобы выбрать его, нажмите на иконку ещё раз.

Make everything as simple as possible, but not simpler.

Максимальное количество знаков в статье — 100 тысяч.

Г Горячие клавиши

Shift + Enter — новая строка (Ctrl + Enter для Safari).
Enter — новый абзац.
Ctrl/Cmd + Z — отменить действие.
Ctrl/Cmd + B — жирный шрифт.
Ctrl/Cmd + I — курсив.
Alt + C — выделить фрагмент кода.
Чтобы начать писать код, начните строку с трёх апострофов: «`

М Медиафайлы

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

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

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

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

Из снимков вы можете создать фотокарусель — галерею, которая включает в себя до 30 изображений.

Ч Черновики

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

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

Р Руководителям сообщества

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

П Публикация

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

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

У Удаление и восстановление

С Статистика (бета-тестирование)

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

Н Ночной и дневной режим

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

Д Добавляем в закладки и делимся с друзьями

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

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

Как написать текст?

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

Делать статьи в ВК может каждый – никаких сложностей этот процесс не вызывает. А если минимальные трудности остались, поможет наша статья. Вы найдете полезные советы, хитрости, инструкции! Приступаем?

С компьютера

Начнем с того, как опубликовать статью в ВК с компьютера:

Войдите в социальную сеть под своим аккаунтом;

Откроется новая страница;
В верхней части вы напишете заголовок;

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

На верхней панели вы увидите еще три кнопки:

Не довольны результатом? Жмите на крестик, чтобы выйти без сохранения внесенных изменения.

С телефона

А теперь поговорим о том, как сделать статью в ВК с телефона, если компьютера под рукой нет.

Войдите в приложение;
Нажмите на иконку с тремя полосками в правом нижнем углу;

Можно добавить фото или музыку, плейлист, видео или документ, место, опрос;

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

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

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

Форматирование

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

Оформить статью в ВК по желанию несложно – любая часть записи поддается редактированию.

Изображения и видео

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

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

Вы можете загрузить:

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

Обложка

Публикация и черновики

Если вы не довольны текущим результатом статьи, поработаем с черновиками:

Не публикуется: что делать?

Почему не публикуется статья в ВК, откуда берутся проблемы?

Убедитесь, что вы добавили обложку;
Проверьте, создан ли заголовок;
Обязательно введите текст в основное поле.

Переходим к аналитике?

Статистика

Важно! Для просмотра статистики статьи необходимо соблюдение двух условий:

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

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

А зачем нужен редактор, чтобы написать статью ВК? Разбираемся!

Кто может воспользоваться?

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

Тем, кто ведет полноценный блог и постит большие объемы информации;
Группам с большим количеством подписчиков.

В чем уникальность подобного предложения? Лонгриды дают следующие преимущества:

Написать статью может любой! Но как выбрать правильную тему для публикации? Давайте приведем несколько действенных примеров.

О чем написать на странице?

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

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

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

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

Мы подробно обсудили, о чем и как писать, как вставить картинку в статью ВК или добавить ролик, как отформатировать статью. Приступайте к освоению новых опций!

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

Вы уже готовы попробовать такой формат публикаций в действии? Давайте начнем прямо сейчас! Это нетрудно и вы не заметите как освоите весь функционал за несколько минут.

Как сделать статью в ВК

Работа с текстом в редакторе статей ВК

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

Вам доступны следующие функции:

Полужирный шрифт.
Курсив.
Зачеркнутые слова.
Вставка ссылки.
Заголовок H1.
Подзаголовок.

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

Чтобы получить второй вариант, щелкните по значку еще раз. В текстах хорошо воспринимаются маркированные и нумерованные списки. Их также легко создавать. Для этого в следующей строке начните первый пункт с цифры 1. (точка обязательна) и пробела или с * и пробела. Чтобы закончить перечень, нажмите Enter два раза. Максимальное количество символов для одного лонгрида – 100 000 знаков.

Редактирование медиафайлов: размер картинок и обложки для статьи в ВК

Изображения можно брать со страницы автора поста, из группы или вставить из буфера обмена. В новом поле выберите нужный тип материала и загрузите. Пропорции фотографий и скриншотов могут быть разными. Как ориентир используйте соотношение 16:9. Его рекомендует сама социальная сеть. Инструмент позволяет добавить к объекту описание, оно автоматически расположено по центру, внизу. Аналогичная функция доступна для других вложений. Для работы подходят форматы: JPG, GIF или PNG; AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV и другие.

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

Редактор статей ВКонтакте: как сделать картинку для анонса

Как делать статьи в ВК: горячие клавиши, дополнительные возможности

Для ускорения работы используйте следующие сочетания кнопок:

Shift + Enter или Ctrl + Enter – переход на новую строку.
Enter – создание абзаца.
Ctrl/Cmd + Z – отмена предыдущего действия.
Ctrl/Cmd + B – форматирование в жирный шрифт.
Ctrl/Cmd + I – выделение курсивом.

Дополнительные возможности: удаление, день/ночь, статистика

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

Еще парочка полезных функций:

Как опубликовать статью в контакте

Как опубликовать статью ВКонтакте в группе

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

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

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

Когда бренд интересен подписчикам.
Когда ваш контент нравится.
Когда про вас не забывают.
Когда ваш сайт посещают.

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

p, blockquote 3,0,0,0,0 -->

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

p, blockquote 4,0,0,0,0 -->

Как создать статью в ВК

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

p, blockquote 5,0,0,0,0 -->

p, blockquote 6,0,0,0,0 -->

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

p, blockquote 7,0,0,0,0 -->

p, blockquote 8,0,0,0,0 -->

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

p, blockquote 9,0,0,0,0 -->

При выделении текста (белые буквы на синем фоне) всплывает строка форматирования . С ее использованием текст может стать:

p, blockquote 10,0,0,0,0 -->

жирным шрифтом;
курсивом;
зачеркнутыми буквами;
заголовком первого уровня;
подзаголовком.

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

p, blockquote 12,0,1,0,0 -->

p, blockquote 13,0,0,0,0 -->

p, blockquote 14,0,0,0,0 -->

p, blockquote 15,0,0,0,0 -->

Учитывайте действующее ограничение: не больше 100 000 знаков с пробелами в каждой статье!

p, blockquote 16,0,0,0,0 -->

Горячие клавиши

p, blockquote 17,0,0,0,0 -->

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

Shift+Enter – для начала новой строки;
Enter – для нового абзаца;
Ctrl + Z – для отмены действия;
Ctrl + B – для жирного текста;
Ctrl + I – для курсива.

Файлы мультимедиа

p, blockquote 19,0,0,0,0 -->

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

p, blockquote 20,0,0,0,0 -->

p, blockquote 21,0,0,0,0 -->

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

p, blockquote 22,0,0,0,0 -->

Черновики

p, blockquote 23,0,0,0,0 -->

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

p, blockquote 24,0,0,0,0 -->

p, blockquote 25,1,0,0,0 -->

p, blockquote 26,0,0,0,0 -->

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

p, blockquote 27,0,0,0,0 -->

Кстати, если Ваши статьи станут популярными, то можете попасть в Дзынь в ВК. Это сервис для поиска статей и авторов.

p, blockquote 28,0,0,0,0 -->

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

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

p, blockquote 29,0,0,0,0 -->

Кстати, у статей охват намного выше. Заострите на этом внимание. Продвижение группы в ВК будет эффективнее.

Публикация

p, blockquote 31,0,0,0,0 -->

p, blockquote 32,0,0,0,0 -->

p, blockquote 33,0,0,0,0 -->

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

p, blockquote 34,0,0,0,0 -->

p, blockquote 35,0,0,0,0 -->

p, blockquote 36,0,0,0,0 -->

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

p, blockquote 37,0,0,0,0 -->

p, blockquote 38,0,0,1,0 -->

Как удалить и восстановить текст

p, blockquote 39,0,0,0,0 -->

p, blockquote 40,0,0,0,0 -->

Статистика

p, blockquote 41,0,0,0,0 -->

p, blockquote 42,0,0,0,0 -->

p, blockquote 43,0,0,0,0 -->

p, blockquote 44,0,0,0,0 -->

Дневной и ночной режимы

p, blockquote 45,0,0,0,0 -->

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

p, blockquote 46,0,0,0,0 -->

p, blockquote 47,0,0,0,0 -->

Цветовое оформление меняется на негативное: белые буквы на сером фоне. Повторным нажатием на пиктограмму можно вернуться к дневному режиму.

p, blockquote 48,0,0,0,0 -->

Закладки

p, blockquote 49,0,0,0,0 -->

p, blockquote 50,0,0,0,0 --> p, blockquote 51,0,0,0,1 -->

Как видите, благодаря новому редактору делаться своими мыслями и впечатлениями стало еще проще. Творите!

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

Для чего нужна wiki-разметка — это специальные теги, которые помогают оформить:

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

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

Wiki-разметка для создания меню

Заходим в редактор для оформления Меню при помощи wiki -разметки.

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

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

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

История изменений wiki-страницы

Форматирование текста в wiki-разметке

В таблице собраны теги для форматирования текста только на wiki-страницах, возможности использовать их на стене сообщества нет!

Текст оформляется двумя тегами 1(открытый тег) и 2 (закрытый тег) между ними прописываем текст.
Например:
я хочу написать текст и зачеркнуть его, прописываю открывающий тег ~~далее пишу нужный мне текст и ставлю закрывающий тег~~
~~Я хочу написать зачёркнутый текст~~
Результат:
~~Я хочу написать зачёркнутый текст~~
Можно выделить (например — зачеркнуть) как целое предложение так и одно слово.
Тоже самое и с другими тегами которые указаны в таблице.

Не забывайте закрывать теги! Отсутствие закрывающего тега часто приводит к ошибкам в коде и работать он не будет.

Создание заголовков для wiki-страниц

Заголовки можно использовать для отделения разделов на wiki-странице.

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

Результат:

Отступы и списки на wiki-странице

Отступы

Маркированный список

Списки формируются с помощью знака звездочка “*” такая возможность есть в редакторе wiki-страниц

Первый уровень

Второй уровень

Третий уровень

Результат:

Первый пункт

Второй пункт

Первый подпункт второго пункта
Второй подпункт второго пункта

Подпись

Используется в конце страницы, если Вы хотите указать автора, дату или время (удобно в случае когда Вы не знаете свой id страницы) id прописывается автоматически при написании 3 тильд подряд, даже если у Вас буквенный адрес страницы, в редакторе wiki-страниц такой возможности нет.
Чтобы поставить подпись, введите 3, 4 или 5 тильд подряд:

Синяя разделяющая полоса

Можно разделить страницу или отделить текст, достаточно ввести три, четыре или пять тире подряд, в редакторе wiki-страниц такой возможности нет.
Пример:
—-
Результат:

Добавление фото для wiki-разметки

Загружаем фотографию нажав на фотоаппарат, получаем автоматически следующее:

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

Примеры привязки ссылок:

Код ссылки на профайл пользователя с id:

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

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

результат: при наведении на фото должен отобразится адрес группы

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

Редактирование фотографий на wiki-разметке

plain — превращение фото в текстовую ссылку

результат:

nopadding — фото без пробелов

результат:

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

результат:

пример изменения в ширину:

результат:

пример изменения в высоту:

результат:

right — обтекание изображения текстом слева

результат:

left — обтекание изображения текстом справа

результат:

Добавление видео на wiki-страницу

Например:

Оформление аудиозаписи на вики-страницах

Для отображения на вики-страницах аудиозапись может быть оформлена одним из двух возможных способов, выбор которого зависит от того, откуда берется id аудиозаписи: с профиля пользователя или из группы.
А в чём собственно разница?

Код аудиозаписи должен быть таким:

audioXXX_YYY , если мы берём аудиозапись с личной страницы пользователя,

или добавляем дефис:

audio-XXX_YYY , если берём аудиозапись из сообщества.

XXX — это id профиля или сообщества, а YYY — код самой аудиозаписи.

Далее, нужно просто удалить всё лишнее и добавить слово audio. В случае с сообществами — audio-.

Добавлять аудиозаписи из собственного профиля ещё проще — для этого есть специальная кнопка на панели инструментов.

Аудио запись добавляется таким кодом:

С профиля пользователя: [[audio106005967_391004952]] ,

Из сообщества: [[audio-64975608_299634231]] .

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

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

Как заполнять таблицу?

Сближение таблиц

Варианты оформления и расширение таблиц:
Вариант 1 оформление

результат:

Вариант 2 Дополнительные ячейки

результат:

Вариант 3 Дополнительные строки

результат:

Вариант 4 Комбинирование

результат:

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

Внутренние ссылки ВКонтакте

Cсылки на профили, группы, темы, фотографии, видео ВКонтакте автоматически преобразуются в соответствующие теги:

Категории и подкатегории

Категории и подкатегории влияют на ссылки навигационной панели, которая находится над текстом. Пример

Результат в навигационной панели

Результат в навигационной панели

тоже самое с видео.

Оформление спойлера для вики-разметки

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

Код закрытого спойлера:

результат:

Код открытого спойлера:

результат:
Спойлер внутри таблицы

результат:
Сближение спойлеров 2 и более, код:

результат:
Таблица внутри спойлера

результат:

Использование тега для перевода строки

Тег br — используется в вики-разметке в основном для перевода строки в том месте, где этот тег находится (аналог Enter’a).

результат:
Образцы применения тега в тексте

Без тега:

результат:

Текст с применением тега

результат:

Расширение таблицы

Тегом br можно регулировать высоту таблицы. Для минимального расширения таблицы следует указать 2 тега. Один br применяется в том случае, если вы переводите строку после отцентрированного текста.
Примеры: где один br будет соответствовать переносу на одну строчку.
Пустая таблица без переноса строки

результат:

Таблица с минимальным переносом строки

результат:

Перенос строки после центрированного теста

результат:

Метки якорей

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

результат:

Полный якорь имеет следующий вид:

Поділитися цим:

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

Похожее

Неожиданно увидеть свою работу где то на сайте, а приятно 🙂

Подскажите, как установить цвет фона в вики — странице и цвет текста

I apologise, but, in my opinion, you are not right. I am assured. I can defend the position.

I apologise, but, in my opinion, you are not right. I am assured. Let’s discuss. Write to me in PM, we will talk.

Читайте также: