Вики разметка вконтакте шаблоны: Вики разметка Вконтакте для чайников

Содержание

Вики разметка Вконтакте для чайников

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

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

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

Далее, вам нужно ввести следующую конструкцию

[[photo-674830572_6789900|noborder;370px;nopadding|ссылка на раздел в вк]]

Где, photo-674830572_6789900 – ссылка на фотографию, которую вы предварительно загрузили в альбом. Соответственно, в то место, где должна быть ссылка на раздел в ВК вам нужно вставить ссылку на ту страницу в группе, куда вы хотите, чтобы попадал пользователь, при клике на картинку. Вставьте данную конструкцию столько раз, сколько разделов в меню вы хотите создать в своем сообществе. Также через вики-разметку вы можете создать страницу в ВК. Обычно страницы используются в том случае, когда администратор группы, хочет предоставить

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

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

Вики разметка Вконтакте таблица

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

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

Чтобы выделить границы таблицы темным цветом поставьте восклицательный знак !.
Для прозрачной ячейки необходимо поставить вертикальную черту |.
Для закрытия таблицы нужно прописать тег |}.

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

Вики разметка Вконтакте шаблоны

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

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

Например, на сайте https://wikidiz.ru/picture_templates/ вы сможете отыскать сотни разнообразных примеров отличных работ. Начиная для групп адаптированные под консалтинговые услуги и заканчивая сообществами специализирующимися на онлайн играх. Достаточно будет просто купить шаблон и загрузить его в свое сообщество, а затем пригласить людей в группу.

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

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

Вот несколько примеров, чтобы все понимали, о чем речь.

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

Идея и выбор формата сообщества

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

Паблик — это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

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

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

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

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

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

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

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

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

Мы видим, что на обеих частях картинки есть полоса с видом на жилой район. Без использования шаблона ровно сделать с первого раза практически нереально. Нужно будет подгонять картинки, вымеряя расхождения вплоть до 1px. В то время как при использовании шаблона мы просто добавляем в него графику в рамках разметки и сразу же получаем желаемый результат.

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

Как мы видим, нужно знать id сообщества. Узнать его очень просто. Находим в своей группе меню (сразу под аватаркой) и открываем «Статистику сообщества». При этом в адресной строке браузера появится что-то похожее (цифры будут другие).

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

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

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.

Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.

Разрезаем изображение на фрагменты и сохраняем их.

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

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

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с <> внутри). Когда нужный режим активирован, данная кнопка обведена серым.

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

Я хочу расположить меню по центру и чтобы между фрагментами не было никаких зазоров. Поэтому каждый из элементов обертываем в тег <center></center> и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

В моем случае код меню выглядит следующим образом.

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

В итоге код меню принимает следующий вид.

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

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

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

Ссылки по теме статьи:

Техническая сторона вики-разметки (группа вконтакте). Всё о коде, параметрах и возможных проблемах.
Инструмент для поиска картинок.
Скрипт для создания вики страниц.

Оцените, насколько понравился материал статьи:

графическое меню. шаблоны вики разметки

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

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

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

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

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

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

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

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

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

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

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

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

Вики разметка. Картинки:

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

Вставить изображение в ВК при помощи вики разметки можно только если оно есть в альбоме вашего паблика или группы.

Для вставки картинки вы должны зайти в альбом и скопировать адрес этого изображения. Например photo11111_11111.

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

[] , где на месте options можно подставить значение из следующего списка:

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

Как сделать таблицу при помощи вики разметки :

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

{| — этот знак обозначает начало таблицы. Обязательный атрибут.

|+ — Необязательный атрибут-название таблицы. Ставится сразу за атрибутом начала таблицы.

| — атрибут, который отвечает за прозрачность ячейки.

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

|} -знак, означающий конец таблицы. Указывать его не обязательно, но для предотвращения возникновения ошибок лучше указать.

Рассмотрим создание вики разметки на конкретном примере:

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

|- |} Вконтакте есть небольшой учебник с курсом по вики-разметке.

Оформление ссылок через wiki-разметку, а так же как сделать ссылку с анкором вконтакте:

Как сделать графическое вики-меню в группе/паблике :

2) заливаем в альбом и собираем меню тегом nopadding

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

Вики разметка вконтакте, создаем wiki страницы

Вот несколько примеров, чтобы все понимали, о чем речь.

Такие группы позволяют выделиться среди своих конкурентов и привлекать больше пользователей. Особенно, если еще и контент интересный:)
В рамках данной статьи мы поговорим о том, как это всё делается. Чтобы более подробно всё разобрать и вникнуть во все тонкости, возьмем конкретный пример. Будет небольшой мастер-класс по оформлению групп.

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

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

Шаблон разметки

Чтобы стало понятнее, вот пример.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

Если всё сделано правильно, откроется вот такая страница.

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Wiki-разметка меню группы Вконтакте

Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.

Разрезаем изображение на фрагменты и сохраняем их.

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

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

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

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

В моем случае код меню выглядит следующим образом.

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

В итоге код меню принимает следующий вид.

Вики страница (wiki-страница) В Контакте

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

Что такое вики (wiki) — страница и зачем она нужна?

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

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

Как сделать вики (wiki ) – страницу В Контакте в паблике или в группе. Способ № 1

Очень просто! Введите в поисковой строке браузера ссылку вида

вместо ХХХ – поставьте номер id вашего паблика или группы (только цифры). Узнать id номер вашего паблика или группы можно, открыв любую фотографию и скопировав цифры в адресной строке браузера, идущие после «photo-» и до «_».

Вместо pagename – введите название вики-страницы которую вы создаете(если несколько слов, то через нижний флеш «_»). В нашем примере «ЖМИ_СЮДА».

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

Как сделать вики (wiki ) – страницу В Контакте в паблике или в группе. Способ № 2.

Если вы хотите сделать вики — страницу для паблика, нужно сначала создать группу (сообщество) В Контакте. Только там есть возможность создания вики — страниц. И уже после этого, готовую вики – страницу можно будет переносить в паблик (публичная страница). Создать группу весьма просто:

А) в правой колонке выбираем «Мои группы»;

Б) в открывшемся окне, в правом верхнем углу нажимаем «создать сообщество»

В) пишем название будущей группы (на ваше усмотрение)

Г) включаем чекбокс (флажок) возле пункта «Группа»

Д) нажимаем «создать сообщество»

Если вам нужна вики — страница для группы В Контакте, то шаг № 1 пропускайте.

2. Чтобы сделать вики (wiki) – страницу, нужно открыть «материалы». Для этого зайдите в свою группу. В правой колонке, под аватаром вашей группы, нажмите надпись «Управление сообществом». В открывшемся окне найдите пункт «Материалы». Выберите «Открытые». Не забудьте сохранить изменения.

3. После этого, на главной странице вашей группы, под описанием, появится надпись «Свежие новости», а рядом «Редактировать». Именно сюда нам и нужно нажать.

4. Обратите внимание, если на главной странице группы, вместо описания вы «закрепили пост», его нужно «открепить». Нажмите на пост (не на картинку! а именно на текст поста, под картинкой нажмите «открепить»)

5. После того, как вы нажали кнопку «редактировать» рядом с надписью «Свежие новости» перед вами откроется окно вики (wiki) – страницы. В верхнем правом углу вы увидите кнопочку с двумя галочками – это переключатель режимов редактирования. В визуальном режиме редактирования работать новичку значительно проще, поскольку этот редактор частично похож на обычный word. В режиме wiki – разметки, нужно прописывать специальный код.

6. Ставим переключатель режимов редактирования в позицию «Режим wiki-разметки».

7. И пишем фразу, нажав на которую человек попадет на созданную нами wiki-страницу. Но, чтобы этот текст стал кликабельным, его нужно заключить в двойные квадратные скобки (на клавиатуре в английской раскладке кнопки с русскими буквами «Х» и «Ъ»), например [[ЖМИ СЮДА]]. Нажимаем внизу «Сохранить страницу». А затем «Предпросмотр». Если вы все сделали правильно, то надпись, которую вы написали внутри квадратных скобок, появится ниже кнопки «сохранить страницу» и будет кликабельной (станет ссылкой). То -есть, если на нее нажать, вас перенесет на пустую страницу с названием «ЖМИ СЮДА». Если не получилось и под кнопкой «сохранить страницу» вы видите надпись в квадратных скобках, проверьте еще раз в каком режиме у вас стоит переключатель редактирования.

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

https://vk.com/pages?oid=-ХХХ &p=pagename

где ХХХ – это номер id вашего паблика или группы (только цифры). Узнать id номер вашего паблика или группы можно, открыв любую фотографию и скопировав цифры в адресной строке браузера, идущие после «photo-» и до «_».

pagename – название вики-страницы (если несколько слов, то через нижний флеш «_»). В нашем примере «ЖМИ_СЮДА».

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

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

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

Статьи

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

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

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

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

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

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

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

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

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

Игры

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

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

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

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

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

Заменить -XXX на id вашего сообщества и «Название страницы» на верное название страницы. Более подробно способ описан в СММщиках . Мне лень запоминать ссылку, ещё лень постоянно возвращаться к этой статье, поэтому я обращаюсь к лайфхаку, создаю страницу, через разрешение VkOpt на Хром.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Можно привести несколько примеров, а более подробное описание и применение всех тэгов вики разметки сможете найти .

Сделать жирным текст можно заключив его в тэг ТЕКСТ .
Курсивный текст создается с помощью тэга ТЕКСТ .
Подчеркнутый с помощью тэга ТЕКСТ
Ссылки создаются заключением URL-адреса в квадратные скобки, например: .
Если нужно сделать ссылку вместе с анкором, то есть ссылкой будет служить определенный текст, тогда следует написать такую конструкцию: .
Очень важны для графического оформления ссылки в виде картинок. Реализуется такая ссылка следующей конструкцией: [], где xxxxxx_yyyyyy – ID вашей фотографии, 600 px – размер фото в пикселях.

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

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

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

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

{| это начало таблицы, соответственно,

|} ее конец.

|- это начало новой строки, конец, указывать не обязательно.

| это знак столбца в этой строке. Сколько таких знаков, столько и столбцов будет.

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

Теперь давайте составим простейшую таблицу из 4 ячеек.

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

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

Чем является Wiki-разметка?

Как сделать меню группы ВК? Вики-разметка — вот хороший помощник! Это очень эффективный и удобный способ оформления группы в социальной сети «ВКонтакте». Эта разметка по принципу своего действия очень напоминает html код. Но для людей, не связанных с программированием, она будет более понятной благодаря простоте реализации. Своё название вики-разметка получила благодаря «Википедии», где многие пользователи впервые смогли ознакомиться с основными особенностями её функционирования. Вики-разметка позволяет людям без знаний в программировании быстро и легко оформлять внешний вид группы:

Создавать графические спойлеры и таблицы.
Форматировать текст и изображения.
Работать с якорями и ссылками.

Как сделать меню группе ВК? Рекомендации бывают так нужны, но в целом, можно разобраться и с помощью хорошего руководства. Если говорить о html, то для его изучения и работы с ним необходимо было посидеть несколько суток или даже неделю. Вики-разметка при хорошей памяти требует только совсем немного времени. Как же её можно создать? Какие есть подходы? Вот мы будет говорить о технологии, а кто её сделал? Мы разберемся, как сделать меню группе ВК. Уорд Каннингем же впервые ввёл понятие «вики» (в переводе с гавайского значит «быстрый»).

Способы создания вики-разметок

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

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

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

Работа с изображениями

Как сделать меню в группе в ВК, которое было бы красивым? В социальной сети «ВКонтакте» вставить фотографию или картинку при помощи вики-разметки предоставляется возможным только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем нужную фотографию и копируем её адрес. К примеру, пускай он будет такой: photo12345_67890. Теперь необходимо его взять в двойные Должен получиться такой результат: []. А что, если к фотографии или картинке следует прикрепить текст или ссылку? А может, есть желание немного отредактировать внешний вид? Тогда с этим поможет следующее: необходимо, чтобы у файла был такой вид — [[ photo12345_67890|options|text/link]]. Вместо трех последних слов подставляется то, что надо. Text — пишем то, что нужно. Думается, особенных объяснений не надо. Link переводится с английского как «ссылка». Указывается для того, чтобы машина пользователя знала, куда ей необходимо идти. Options — здесь могут устанавливаться такие значения:

Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
Noborder — убирается рамка около фотографии.
Box — изображение открывается в окне.
Nolink — ссылка на фотографию убирается.
Nopadding — пробелы между изображениями не отображаются.
NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

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

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

{| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
| — используется, чтобы давать ячейкам эффект прозрачности.
|+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
|- — так обозначают новые строки (в том числе и для ячеек).
! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
|} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

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

Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута!. А вот и сам пример:

{|
|-
|

”’Новое в науке”’||
|-
![]!!
|-
|
[[Новости науки|Новости]]

[[Открытия]]

[[Конференции]]

[[Разработки]]

[[Книги]]

[[Симпозиумы]]

Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

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

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

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

Примеров для создания навигации в группе можно приводить много. Ну а теперь давайте перейдем к практике.

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

На своей страничке Вконтакте в левой колонке кликните по пункту «Группы» и выберите из списка свою группу. Затем под аватаркой нажмите на три вертикальные точки и выберите из списка «Управление сообществом».

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

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

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

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

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

Открываем Photoshop и создаем в нем новый файл – Ctrl+N. Значение ширины установите 760, высоты – 500 пикселей.

Теперь, используя инструмент Slice Tool, нужно разрезать лист на несколько областей. Выделите инструментом область справа и кликните по ней два раза, чтобы открыть окно с меню. Установите значение ширины – 200, высоты – 500. Это будет аватарка нашей группы.

Тем же инструментом, выделяем еще одну область, слева от предыдущей. Для нее ширина 50, высота – 500. Это расстояние между будущими пунктами и аватаркой, нам эта часть изображения будет не нужна.

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

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

Дальше откройте в Photoshop изображение, которое Вы выбрали для аватарки и меню. Используя инструмент Move Tool, перетащите картинку на разрезанный ранее лист. Можете подвигать картинку, чтобы была видна нужная область.

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

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

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

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

Сохраняем сделанное изображение: File – Save for Web & Devices, или используете сочетание клавиш Alt+Shift+Ctrl+S.

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

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

Затем вернитесь на главную страницу группы и выберите аватарку – «Загрузить фотографию». Это одно из тех изображений, которые мы только что сделали в Photoshop.

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

Приступим к созданию самого меню. Заходим в группу и переходим на вкладку «Свежие новости». Затем нажмите на кнопочку «Редактировать».

Можете переименовать название самой вкладки. Я так и напишу «МЕНЮ». Теперь сюда нужно добавить изображения, которые соответствуют пунктам. Для этого, нажмите на значок фотоаппарата.

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

После этого, оно появится на странице редактирования.

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

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

, и уберите пробелы между всеми строками. Теперь посмотрите на верхний скриншот – у нас есть пробелы между добавленными изображениями. Чтобы их убрать, перед размером картинки пишем nopadding и ставим «;».

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

Вот так будет выглядеть код, после того, как Вы добавите «nopadding;» и ссылку.

В результате должно быть так: изменено название вкладки (МЕНЮ), убраны пробелы между строками, убраны пробелы между изображениями (nopadding;), добавлены ссылки. Нажимайте «Сохранить страницу» и возвращайтесь на главную страницу в группе.

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

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

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

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

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

Быстрая навигация:

Что такое меню группы

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

Создание меню группы Вконтакте онлайн

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном для оформления.

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

Шаг 2. Определите количество кнопок.

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

Шаг 3. Укажите ссылки и надписи.

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесений изменений.

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

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

Баннер для группы Вконтакте, создать бесплатно!

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

Меню ВК вики разметка

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

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

· Создавать спойлеры и таблицы графическим способом.

· Форматировать изображения и текст.

Итак, перейдем к разбору как же сделать меню сообществу ВК?

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

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

Быстрое оформление

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

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

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

Создать меню группы ВК, красивым и интересным вам позволят тематические картинки и фотографии. Важно знать, что «ВКонтакте» вставить необходимую фотографию или картинку с использованием вики-разметки предоставляется возможным только тогда, когда они уже загружены в альбомы сайта. Итак, заходим в альбом, определяемся с нужной фотографией и копируем её адрес. Допустим, пускай он будет таким: photo14523_90678. Теперь нужно его захватить в двойные квадратные скобки. Должен быть такой итоге: []. А что, если к картинке или фотографии нужно прикрепить ссылку или тект? А может, есть необходимость отредактировать внешний образ? Тогда здесь поможет следующее действие: нужно, чтобы файл имел такой вид — [[ photo14523_90678|options|text/link]], и вместо трех последних слов нужно подставить то, что надо. Text — вписываем то, что нужно. Здесь наверняка дополнительные объяснения будут неуместны. Link в переводе с английского — «ссылка». Обозначается для того, чтобы машина посетителя понимала, куда ей необходимо идти. Options — здесь устанавливаются такие значения:

Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.
Nopadding — пробелы между картинками не отображаются.
NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

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

{| — обозначение начала таблицы. Обойтись без этого символа при создании таблицы невозможно, он обязательный атрибут.
| — применяется, для придания ячейкам эффекта прозрачности.
|+ — с помощью такого набора символов название таблицы располагают по центру. Это вовсе не обязательный атрибут, но он должен размещаться непосредственно после знаков, что характеризуют начало.
|- — так обозначаются новые строки (также и для ячеек).
Оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.
|} — набор символов, обозначающий конец таблицы. Это необязательный атрибут. Но применять его всё же рекомендуется, для предотвращения возникновения ошибки.

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

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

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

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

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

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

2. Исследуем размер картинки и если он превышает 600пикс по ширине — меняем размер на 600, высота картинки изменяется пропорционально, вручную ее не задаем!

3. Используем инструмент «раскройка» и кроим наше изображение на кнопки.

4. Сохраняем картинку в параметре «для WEB». Теперь работа по фотошоп закончена. Переходим в сообщество.

5. Переходим в настройки сообщества в «Материалы», выбираем «Ограниченные» и жмем «Сохранить».

6. Переходим на главную страницу, во подраздел «свежие новости» кликаем «редактировать».

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

Если вместо кода появляются сразу картинки после входа в редактор вики разметка меню необходимо переключить режим вики разметки!

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

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

8. Правим код: По умолчанию в вк встроено разрешение на максимальный размер изображения по ширине 400пикс, первая кнопка получается 600, меняем параметры первой кнопки 400x89px на 600рх, высоту указывать не нужен. Так же вписываем в каждую строку такой тег: nopadding обязательно через точку с запятой.

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

[][-][-][-][-]

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

[][-][-][-][-]

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

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

10. В поле нового сообщения нужно вставить скопированную ссылку. После того как отобразиться кусочек меню ссылку нужно удалить! И посредством значка фотокамеры нужно добавить заранее подготовленное изображение для баннера. Ставим «от имени сообщества», кликая на кружок слева от кнопки «отправить», и жмем на «отправить»

11. Теперь закрепим меню, обновим страницу и оцениваем наш результат. На всю работу, не спеша, затрачивается примерно 15-20 минут.

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

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

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

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

1. После правки кода, сохраняем и кликаем «вернуться».

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

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

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

Если все так как надо — копируем ссылочку на страницу нового меню в адресной строке вашего браузера.

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

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

Как сделать меню группы ВК с телефона

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

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

Меню группы Вконтакте шаблоны

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

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

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

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

Что такое меню ВКонтакте и для чего оно нужно?

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

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

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

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

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

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

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

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

Для начала вам нужно установить программу Photoshop, если ранее на компьютере у вас не была установлена эта программа.
Открываем Фотошоп и создаем два файла-шаблоны для аватара и для меню. Задаем нужные размеры. Например, для аватара – 200×500 пикселей, а меню 389×600 пикселей. Залейте их каким-нибудь одним цветом для того, чтобы их было отчетливо видно и сохраняем два созданных отдельных файла.
Загружаем в группу шаблон на место аватара, выделяя всю область.
Загрузка меню происходит немного сложнее. Для этого вам понадобится в «Управлении сообществом» включить материалы. После этого станет доступна возможность добавлять меню. Зайдите в появившуюся вкладку под описанием группы «Свежие новости» и нажмите в панели инструментов на кнопку в виде фотоаппарата и загружайте файл с компьютера. Получилось?
Сразу после загрузки вам станет доступна ссылка, которую придется немного доработать. После слова «noborder» впишите знак «;» и слово«nopadding». Это функция не даст вашему меню опускаться при добавлении новостей в сообщество.
Делаем Prnt Scrn основной страницы вашей группы. Для чего? Чтобы понять свои ошибки. Дело в том, что сейчас это черновой вариант – все не ровно и не так красиво. Ваша цель состоит в том, чтобы нижние границы меню и аватара идеально совпадали. Тогда возможно у вас появится вопрос «Почему я не даю вам точных размеров?». А дело в том, что каждый админ использует разное количество текста в описании группы, от чего меняется высота меню, а ширина меню — это дело вкуса и как мы знаем у всех он разный.
Входим в Фотошоп, и создаем новый файл, вставляя туда скриншот.
Теперь, работая с этим файлом, выделяем область аватара с помощью «прямоугольного выделения» — им можно максимально точно выделить конкретную область. Далее, кликаем правой клавишей мыши и выбираем «вырезать на новый слой».
То же самое прорабатываем с картинкой меню, только при выделении нужно отсечь ненужное внизу. Сделать так, чтобы низ меню и аватара полностью совпадали.
Теперь, зажав кнопку Ctrl, выбираем два, созданные нами слои. Кликаем правой клавишей мыши по ним и выбираем функцию «Объединить слои». Перед нами появляются два наших идеально подогнанных друг под друга шаблона на одной странице.
Следующий этап – загружаем фото обложки. Оно появляется поверх наших шаблонов. Теперь справа в инструментах для слоев кликаем по файлу-обложке, зажав клавишу Alt. После данной процедуры, обложка будет видна только на шаблонах и станет невидимым за их границами. Но это не помешает вам передвигать обложку и подбирать нужную видимую ее часть.
Теперь важный пункт создания меню – кнопки. К этому моменту вы должны уже знать точные названия будущих кнопок. Например, «Здоровье», «Дети», «Наши контакты». Для облегчения задачи создаем первую кнопку, следующие лишь дублируем и меняем текст.
Добавляем логотип на аватарку или словесный призыв, или же и то, и другое. Это добавит вашей группе живости, а также отличительную черту.
Сохраняем общий файл в качестве картинки на свой компьютер. Что дальше?
Открываем в Фотошопе созданный только что нами файл. Далее создаем новый пустой файл с точными размерами нашего аватара, вставляем в него созданную нами картинку с логотипом и кнопками. Выбираем нужную нам область под аватар и идеально подгоняем под выбранные размеры. После чего сохраняем наше творение.
То же самое делаем с меню. Но опять же здесь есть свое дополнение. Для начала нужно узнать высоту меню, так как она не совпадает с черновым вариантом. Используя линейку, измеряем высоту до единого пикселя (а лучше всего несколько раз измерить, чтобы не ошибиться). Создаем новый файл со старой шириной и новой высотой, подгоняем картинку под размер и нажимаем кнопку «Сохранить».
Загружаем новый аватар, выделяя всю область и подбираем миниатюру.
Закачиваем меню через кнопку «Свежие новости». Удаляем предыдущую ссылку, загружаем новое фото и добавляем «;nopadding».
Теперь раскраиваем наш макет меню. Применяем инструмент Фотошопа «Раскройка» или «Нож». В разных версиях Фотошопа он называется по разному. Под каждой кнопкой проводим линию, чтобы сделать отдельные прямоугольники, наводя на которые пользователь сможет в будущем переходить на конкретные ссылки.
Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут показаны пропуски между нашими картинками. Для того чтобы от них избавиться, нужно добавить в каждую ссылку слово»;nopadding».
Теперь чтобы ваши ссылки были активны и вы могли вставить нужную вам информацию, то напишите по ссылками картинок в редактировании меню — название одной из ваших кнопок — например Доставка. Но это слово нужно написать четко по установленным правилам, выглядеть оно должно так [[Доставка]]. Далее сохраняем страницу, переходим по этой ссылке и наполняем ее нужным контентом.
Последним действием, чтобы все заработало, является вставка копии ссылки на страницу Доставка в ссылку кнопки, например — page-123456_456789, то есть инфа между словами «vk.com/» до «?». Все, теперь каждую кнопку оформляйте также и ваше меню будет успешно привлекать вам целевую аудиторию.

Подписывайтесь на обновления блога и делитесь информацией с друзьями. Создавайте побольше прекрасного в вашей жизни!

Вот несколько примеров, чтобы все понимали, о чем речь.

Контента море, начинаем воплощать идею в жизнь!

Создание группы

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

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

Шаблон разметки

Чтобы стало понятнее, вот пример.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

Если всё сделано правильно, откроется вот такая страница.

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Wiki-разметка меню группы Вконтакте

Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.

Разрезаем изображение на фрагменты и сохраняем их.

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

В моем случае код меню выглядит следующим образом.

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

В итоге код меню принимает следующий вид.

Чем является Wiki-разметка?

Создавать графические спойлеры и таблицы.
Форматировать текст и изображения.
Работать с якорями и ссылками.

Способы создания вики-разметок

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

Работа с изображениями

Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
Noborder — убирается рамка около фотографии.
Box — изображение открывается в окне.
Nolink — ссылка на фотографию убирается.
Nopadding — пробелы между изображениями не отображаются.
NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

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

{| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
| — используется, чтобы давать ячейкам эффект прозрачности.
|+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
|- — так обозначают новые строки (в том числе и для ячеек).
! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
|} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

{|
|-
|

”’Новое в науке”’||
|-
![]!!
|-
|
[[Новости науки|Новости]]

[[Открытия]]

[[Конференции]]

[[Разработки]]

[[Книги]]

[[Симпозиумы]]

Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

Заключение

Wiki-разметка Вконтакте. Что это такое? Оформление группы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{|
|-
|
{|
|-
!
первое меню!
|-
| тексттексттекст
|}
|
{|
|-
!
второе
|-
| тексттексттекст
|}

{|
|-
|
{|
|-
!Обучение
|}
*[[ вики-разметка стандартная]]
*[[ вики-разметка расширенная]]
*[[FAQ]]
*[[Помощь]]
{|
|-
!Практика
|}
*[[меню]]
*[[Песочница]]
{|
|-
![[разделы]]
|}
*[[Иконки]]
*[[Скачать]]
{|
|-
!О группе
|}
*[[Новости]]
*[[О нас]]
*[[Правила]]
|
{|
|-
!Последняя новость:
|-
|
[[photo]]
сайт группы
|}
{|
|-
!Объявление!
|-
|
[[photo]]
В руководство будут принимать… из админов!
|}
{|
|-
![[Общая навигация|Общая навигация »]]
|}
|}

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

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

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

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

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

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

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

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

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

Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

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

Подпишись на рассылку и получи книгу в подарок!

Вики-разметка — это инструмент форматирования текста в публикациях ВКонтакте.

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

Подробней о вики-разметке ВКонтакте

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

Что еще вы можете делать с подобным контентом:

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

Пример статьи

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

Как сделать вики разметку
Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:
В первом случае вы заходите в программу и поэтапно следуете ее указаниям.
В двух остальных необходимо выбрать сообщество, с которым вы будете работать, в скобках рядом с его наименованием нажать «Новая», ввести заголовок и перейти в редактор.
Как создать публикацию самостоятельно
Сначала нужно открыть в группе материалы. Для этого зайдите в управление, выберите «Разделы» и подключите этот пункт. Затем перейдите обратно в сообщество. Вам понадобится id страницы. Это цифры из адресной строки после слова club.
Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя. Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.
Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».
Обязательно сохраните ее в отдельном документе. Так как страница еще не закреплена, вы ее потеряете.
Перейдите в режим разметки, нажав значок <> справа. В нем больше функций и он работает без ошибок. Здесь ничего сложного. Оформите подзаголовки, абзацы, расположите фото так как вам нравится. Для этого можно использовать панель инструментов или теги:
– полужирный шрифт.
– курсив.
– подчеркивание.
[] – ссылка.
Проверьте статью. Внизу есть кнопка предпросмотр, с ее помощью вы увидите недочеты.
Затем сделайте публикацию видимой для подписчиков. Для этого ссылку, которую вы скопировали ранее, оставьте на стене сообщества, кликните по трем точкам справа и выберите «Закрепить».
Если вы хотите прикрепить большую картинку к заметке, снова откройте настройки, нажмите на фотоаппарат и поставьте подходящую иллюстрацию.
Меню
Мы разберем самый простой вид графической навигации. Вам понадобится изображение, разрезанное на несколько частей или готовые иконки.
Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline. Скачайте их и загрузите в редактор. Не забудьте нажать <>. Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.
Сохраните результаты и прикрепите их на стену сообщества (от имени группы), в настройках закрепите ее. Подберите картинку. Меню также оформляется в приложениях вики разметки.

Таблицы
На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».
Другие знаки:
|- – начало новой строки. Ставится после {|.
| – простая ячейка.
! – ячейка с выделенным, центрированным текстом.
|+ – заголовок по центру.
Также в построении часто используются теги (всегда прописываются после первого знака):
Noborder – отсутствие видимых рамок.
Nomargin – увеличивает таблицу на ширину материала.
Nopadding – уменьшает отступы в ячейках.
Fixed – фиксирует ширину.
Пример.

Коды вики разметки
Так выглядят заголовки, отступы, списки, разделительная линия и подпись на wiki- языке и в чистовом варианте.
Такие публикации – непривычный и сложный инструмент для новичков. Бывает так, что вы все делаете правильно, но ничего не получается. Чтобы избежать ошибок, придерживайтесь трех правил:
Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.
Вики-разметка – это не простой, но эффективный способ продвижения и развития сообщества ВКонтакте. Чтобы упростить работу с инструментом, используйте приложения. В некоторых из них публикация буквально в несколько шагов. На сайте VK представлен объемный учебник, в котором рассмотрены все вопросы, связанные с wiki-языком.
Wiki шаблонов разметки вконтакте. Разметка Wika ВКонтакте
Администратору или модератору группы просто жизненно необходимо знать, как создать вики-страницу ВКонтакте, ведь это один из самых простых способов красиво оформить пост и привлечь максимум внимания к публикуемой информации. На самом деле для паблика Vicky Pages — огромный шаг вперед в борьбе за аудиторию.
Wiki-разметка, ставшая основой для создания wika-страницы, представляет собой особый язык разметки. Первоначально он использовался для структурирования статей в Википедии.Но самой популярной стала, когда выяснилось, что и во «ВКонтакте» им можно пользоваться.
Основы вики-разметки настолько ясны, что пользователь может их изучить, понятия не говорят о навыках программирования.
Какие возможности дает знание Wiki-разметки?
Oshiving легко форматирует текст:
Создавайте заголовки, списки, абзацы;
Оформление перемежений и жирного шрифта;
Вставка изображений в текст;
Используйте якорные ссылки;
Рисование лендингов;
Создание каталогов и многостраничных;
Разработать общедоступное навигационное меню;
Чертежный стол.
Создание вики Vikkontakte может стать источником дополнительного заработка. Разметка Wika открыла просто бескрайние просторы для постов, позволяя воплощать самые смелые фантазии. И чем оригинальнее дизайн для группы, тем выше шанс, что его заметят среди сотен конкурентов. Но прежде чем вы научитесь делать действительные постоянные страницы, вам придется потратить время на обучение. Нанимать учителей или ходить на специализированные курсы не нужно.
В Интернете легко найти учебник для чайников по разметке Wiki и изучить его самостоятельно.
Как сделать вики-страницу ВКонтакте для группы или паблика?
Для человека, в жизни не сталкивавшегося с таким способом оформления контента, задача кажется невыполнимой. Но на самом деле ничего не контролируется. Изучив теорию, подтвердив знание короткой практики, он не захочет использовать обычные записи. Они выглядят безликими на фоне яркой вики-разметки.
Как сделать вики-страницу общедоступной?
Текст «Имя страницы» Замените заголовок, который вы хотите видеть на странице Vico.И id passblock узнает, открыв любую запись со стены. В адресной строке вы увидите ссылку, в которой после букв id будут нужны нужные вам цифры. Скопируйте их и приступайте к заполнению страницы.
Чтобы страница отличалась от других, внимательно отнеситесь к оформлению. В этом вам помогут специальные теги:
Чтобы вики-страницы были доступны другим пользователям, разместите ссылки на них на стене или в меню.
Как сделать вики-меню ВКонтакте для группы: разметка
Легко добавить вики-меню в группу.Необходимо отредактировать раздел «Свежие новости». Он находится в шапке сообщества и как нельзя лучше подходит для наших целей. Как составить красивое меню? Без вики-разметки не обойтись. Вы уже знаете, что с его помощью можно вставлять изображения в текст и якорные ссылки. Если вы легко справитесь с этими манипуляциями, то с реализацией задумки вопросов возникнуть не должно.
Вики Меню Вконтакте представляет собой красиво оформленный список ссылок на страницы с важной информацией.
Поэтому, прежде чем составлять само меню, стоит подумать, что именно вы хотите привлечь внимание пользователей. Определенный? Тогда не ломайтесь, ведь все знания необходимы для создания вики страниц и меню ВКонтакте у вас уже есть.
С помощью вики-разметки можно составить групповое меню, аналитические статьи, каталоги, инструкции. Конечно, потребуется потратить немного больше времени, чем на оформление обычных столбов на стене. Но чем больше вы возитесь с дизайном контента — тем больше Спасибо будет вашей аудитории.
Как работает вики-разметка
Разметка Wika — это язык, который используется для верстки страниц. Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видео, ссылки, таблицы. Вы можете выполнить простую статью или составить целое интерактивное руководство с главами и субтитрами.
Ширина любой вики-страницы — 607px. Высота ограничена только количеством знаков, их может быть около 16000.
Все обозначения вики удерживаются на тегах, таких как HTML. Есть одиночные теги (например,
— передача строки) и парные (например, эскиз ).

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

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

Так выглядит активный режим вики-разметки
Примитивный текст с парой картинок можно закинуть в визуальном режиме.Это обычный текстовый редактор, не требующий каких-либо знаний о вики-разметке. Но если вам нужна аккуратная вики-страница с таблицами, ссылками и встроенным видео, это можно сделать только в режиме разметки — с помощью кода.
Как создать вика страницу
Кнопки «Создать новую страницу» в интерфейсе ВКонтакте нет. Поэтому мы расскажем о двух способах: стандартном и расширенном (с использованием приложения).
Стандартный
Для группы. Перейдите в Управление сообществом → «Разделы» → «Материалы» и выберите «Открыть» или «Ограничено».

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

Как создать новую страницу через «Свежие новости»
Для общественности. Чтобы создать новую страницу, вам нужно знать ID вашего паблика. Для этого перейдите в раздел «Статистика сообщества». В адресной строке браузера вы увидите этот код:
https://vk.com/stats?gid= 123456789
Желаемый ID группы — это все числа после «gid =».
Теперь вам нужно ввести браузер в адресную строку:
https://vk.com/pages?Oid\u003d-Hhxx&p\u003dAnsession
Вместо xxx подставляем idibress ID, вместо nazing_start — тогда имя, которое вы придумали.В названии можно использовать кириллицу, латиницу и цифры. Спецсимволы не запрещены, но лучше не рисковать: из-за них у вас может быть бездна редактирования страницы. Вставьте все данные в нужные места, нажмите ENTER, и браузер откроет созданную страницу.
Использование приложения
Разработчики ВКонтакте рекомендуют три приложения для работы с вики-разметкой: «Мобивик», «Источник» и «Вики Плакат».
В этом руководстве мы возьмем для примера приложение Mobivik.В ноябре 2017 года он получил второе место в программе Start Fellows во ВКонтакте. Работает без установки и дополнительной регистрации в настольной, мобильной версии ВКонтакте и в приложении на телефоне (разработчик рекомендует использовать версию не ранее Android 5.1, iOS 9 и Windows Phone 8.1).
Чтобы создать новую страницу, на главном экране приложения выберите нужную группу и введите имя новой страницы, а затем нажмите «Получить ссылку».

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

Ссылки на новую вики-страницу в приложении «Мобивик»
А вот лайфхак для тех случаев, когда вы сделали сложную страницу с большим количеством элементов и боитесь, что макет уйдет на маленький экран.Скопируйте адрес из кода для Wika-Page. Перейдите в режим редактирования вашей страницы и вставьте ее в самое начало кода. Вы получите такое изображение:
Когда пользователь щелкнет по нему, он попадет в приложение Mobiwick, которое покажет аккуратную мобильную версию вашей страницы.

Слева — страница Live Community Menu, Open mobile,
справа — также открывается через «Mobivik»
Как получить ссылку на вики-страницу
Как найти страницу, созданную ранее? Самый простой и надежный способ — заранее скопировать все адреса вики-страниц в отдельный файл, например, в таблицы Google.Другой способ — через любое приложение для работы с вики-страницами. Например, перейдите в «Mobiwick», выберите название сообщества и нужную страницу, нажмите «Получить ссылку» и скопируйте адрес из пункта «Ссылка на страницу Wika».

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

Прикрепленное к публикации изображение будет частью ссылки на вики-страницу в настольной версии
Текст
Возможности оформления текста в вики-разметке не отличаются от возможностей обычного текстового редактора.При редактировании непосредственно текста (утолщение, выравнивание по правому краю и т. Д.) Используем теги вики-разметки, не забываем их закрывать: Текст в центре .
Для борьбы с текстом в вики-разметке предусмотрены комбинации типографских знаков. Например, такой код «—- «Вставьте в текст горизонтальную разделительную полосу и тому подобное» :: «- двойной отступ перед абзацем.
На одной странице можно разместить около 16 тысяч знаков.
Ссылки
Вместо адреса видится текст, добавляем название ссылки:
[] — в профиле пользователя
[] — на главную страницу сообщества
[] — на другой странице вики
[] — при встрече ВКонтакте
Изображения
Предельная ширина изображения, которое можно использовать в разметке вики, составляет 607 пикселей, это ширина самой страницы вики.Высота практически не ограничена (помните, что высота самой страницы — 16 000 знаков). Изображения можно скачать двумя способами.
Использование загрузчика в верхнем редакторе.
С помощью кода. Загружаем картинку в отдельный альбом группы, открываем, в адресной строке видим длинный код вроде этого
https://vk.com/club12345678?z= фото-12345_12345. % 2Falbum-12345678_12345678
Скопируйте с него изображение ID (выделено жирным).Далее мы обрамили его двойными квадратными скобками и вставили в нужное место на странице. Получается примерно так:
[]
Что дальше? Отредактируйте выравнивание, плавность текста, размер, привяжите ссылку. Для этого укажите желаемые параметры после вертикальной черты и через точку с запятой. Например, в таком коде мы просили картинку 300x100px и обтекание текста справа:
Видео
Сначала нужно скачать видео в сообщество видео.После скачивания открываем видео и копируем из адресной строки его ID (выделено жирным).
https://vk.com/videos-12345678?z\u003d. видео-12345_12345. % 2FClub12345678% 2FPL_-12345678_-2.
Обрамляем квадратными скобками и получаем такой код:
Получаем маленькую картинку со значком Play, при нажатии на которую разворачивается полноценный видеоплеер. Для воспроизведения видео на самой странице разработчикам ВК предлагается использовать тег Player.
Но здесь мы получаем непропорциональную черную рамку вокруг видео:
Чтобы его убрать, нужно подогнать размер плеера под размер самого видео.Например, в нашем случае подошли такие параметры:

Мы получили видео без черной рамки, оно будет воспроизводиться прямо на странице.
Таблицы
Если вы хотите красиво структурировать содержимое вики-страницы и обеспечить ее аккуратное отображение на мобильных устройствах, без таблицы не обойтись. Здесь вам понадобятся такие простые знаки:
При работе с таблицами можно использовать 4 тега: Noborder. (делает область таблицы невидимой), Nomargin.(делает таблицу заполненной вики-страницей), nopadding (удаляет отступы в ячейках) и Fixed (позволяет создавать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.
Вот пример таблицы 2 × 2 без отступов сверху и снизу текста внутри ячеек:

Ширина первого столбца — 200 пикселей, ширина второго — 300 пикселей.
Вот что из этого вышло:
В ячейки таблицы вы можете поместить текст, картинки, аудио- и видеозаписи.
Как сделать вики-меню
Групповое меню ВК — это не какой-то отдельный функционал, а просто вики-страница с несколькими картинками, в каждую из которых вшита ссылка на определенную страницу. На самом деле здесь все просто.
Готовим обложку для меню. Вы можете сделать любой подходящий снимок и нанести на него текст. А можно нанять дизайнера, который откажет вам в красивых блоках и кнопках. У нас будет меню на 6 кнопок. Для этого нам понадобится картинка, где будут указаны эти кнопки.Определите его размер.
При подготовке изображения для меню помните, что wiki-страница викинга составляет 607 пикселей, ширина изображения не должна быть больше, иначе изображение будет пустым и потеряет качество. Например, мы взяли изображение размером 510×300 пикселей.
Разрезаем эту картинку на 6 частей (частей на каждую пуговицу). Это удобно делать в Adobe Photoshop инструментом «Вырезка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом Imgonline (разрезает картинки на равные части).Все сделали в фотошопе.
При активном инструменте «Вырезание» щелкните правой кнопкой мыши по картинке и выберите «разбить фрагмент», укажите желаемое количество фрагментов и нажмите «ОК».

Как вырезать картинку в фотошопе
Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и две колонки. Для этого мы разрезаем картинку для меню на 6 равных частей 255 × 100 пикселей. Для каждой ячейки необходимо установить одинаковый размер.
Создайте каркас для стола. Заходим в новый режим редактирования страницы и составляем таблицу. Откройте его тегом (| и сразу задайте три важных параметра:
nopadding — Разрешить касание изображений
noborder. — конфорки видимые границы стола
fixed — Позволяет установить точные размеры ячеек.
Укажите фиксированную ширину ячеек — 255px 255px (дважды, потому что столбцов тоже два). Далее устанавливаем места для начала тега новых строк | — и тег новых ячеек (столбцов) | .Закрываем тег таблицы |) и получаем такой фрейм:
Ставим картинки в ячейку и просим на них ссылки . Либо открываем необходимые части картинки в альбоме сообщества, копируем из браузера строку их ID (photo-12345_12345), заключаем в двойные квадратные скобки, прописываем размеры 255х100px и тег nopadding для приклеивания картинок. После вертикального элемента мы назначаем ссылку для каждой кнопки. Получаем вот такой код.
(| NOBORDER NOPADDING FIXED
| ~ 255px 255px
| —
| []
| —
| []
| []
| —
| []
| []
|}
Готово! Нажмите «Сохранить страницу» — и получите удобное для сообщества меню.

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

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

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

Как исправить меню сообщества
Новый редактор статей и вики-разметки ВКонтакте
Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации Longrides.
Некоторые пользователи решили, что он создан взамен разметки Wika. Но пока такие выводы делать рано, потому что функциональность редактора пока довольно скудная. Это не подразумевает редактировать медиафайлы (размер и выравнивание) и составлять таблицы, а гиперссылки можно назначать только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.
Из этого видно, что еще можно сделать удобное меню для комьюнити или Wika-Landing.Можно по-прежнему только с вики-разметкой. Что будет дальше — покажет время.

Так выглядит интерфейс нового редактора статей ВКонтакте
Что нужно помнить о вики-разметке
Стандартный метод создания вики-страниц кропотливый и не очень удобный. Самый простой способ создать страницу через приложение Mobivik, «исходный код» или «вики-плакат».
В меню сообщества нужно сделать таблицу так, чтобы ее внимательно смотрели на мобильных устройствах.
При редактировании вики-страницы в стандартном интерфейсе не следует переключаться между режимом визуального редактирования и режимом вики-режима. Из-за этого может пойти верстка.
Запомните все теги по желанию, чтобы сохранить ссылку на
Каждый пользователь социальной сети ВКонтакте знает о возможности создания групп, но мало кто знает, как из такой группы перейти к созданию сайта. По сути, все, что от вас требует, это понимание вики-разметки ВКонтакте и конечно же умение ею пользоваться.
Что такое Маркировка Вики ВКонтакте?
Wiki-разметка — это специальный язык для дизайна информационных веб-страниц в созданной вами группе. Разметка Wika считается ценным инструментом, поскольку с ее помощью можно создавать меню, теги, таблицы, дополнительно организовывать структуру элементов навигации, перемещать объекты в группе, формировать текст.
Что такое Wiki-разметка?
Такая вики-разметка играет большую роль в дизайне группы, потому что с ее помощью производится любое редактирование.Вот например вы решили создать группу для заработка на партнерских программах, которые сейчас очень популярны.
И здесь перед пользователем открываются неограниченные возможности, но самый главный вопрос, который возникает у человека, — это максимально привлекательно и правильно оформить для привлечения клиентов.
Групповое оформление с помощью вики-разметки
Хочу сразу отметить, что разметка системы редактирования Wiki очень похожа на HTML-верстку.
Главное преимущество разметки Wiki в том, что ее может изучить каждый, даже не очень «продвинутый» сетевой пользователь.
Также одним из преимуществ такой вики-разметки является то, что она учитывает все изменения страниц, поэтому вы можете сравнить 2 разных редакции, что позволяет выбрать более удачный вариант. Все страницы, на которых происходят изменения, немедленно отображают их.
Как выучить язык вики-разметки и разобраться во всех мелочах?
В интернете нашел, очень подробную инструкцию в которой расписаны все мелочи создания вики-страниц, начиная от вставки видео и аудио, до работы со ссылками и таблицами! Эта инструкция в формате справки Windows, а значит, ее откроет любой компьютер.
Как создавать страницы
Страница — это элемент Интернета, который собирает информацию для общего просмотра пользователями.
Страница формируется автоматически при указании текста:
[[Название статьи]] или [[Название статьи | Текст для справки]]
На страницах тексты обслуживаются с помощью тегов.
Если вам помогла или понравилась эта статья, не забудьте поставить лайк Это поможет другим пользователям найти ее быстрее.И я могу узнать, что вас больше всего интересует, подготовить и написать больше интересных и полезных статей! С уважением, Вячеслав.
В статье будет обсуждаться, что такое вики и для чего они предоставляются системой. Этот термин был введен Уордом Каннингемом в 1995 году. Именно в это время появилась первая вики-среда. Стоит отметить, что слово «вики» заимствовано у гавайцев. В переводе это означает «быстро».

Существует несколько значений термина «вики»:
1. Своеобразный вид страниц и записей. Им разрешено управлять любым посетителем сайта. Вы можете менять как тексты с картинками, так и саму структуру портала.
2. Designer предназначен для создания обширных виртуальных энциклопедий.
3. Философская теория и специальные технологии.
Что такое разметка вики?
Если есть желание научиться делать вики-разметку в социальной сети ВКонтакте, перед обучением необходимо ознакомиться с представленным материалом, где изложена информация о вики.На сегодняшний день самым распространенным вики-сайтом считается огромная «Википедия». На втором месте — многопользовательский проект «Wikiya». Следом за ним идут небольшие энциклопедии.
Какова организация таких ресурсов?
Какие компоненты в них входят? Это надо понимать. Электронная энциклопедия может содержать множество страниц, столбцов, разделов и прочего. Эти компоненты переплетаются в единую сеть, образуя единое пространство. Специальный инструмент способен разработать такой огромный ресурс, который называется вики-разметкой.Это позволяет не только создавать различные энциклопедии, но и вести сообщество ВКонтакте.
Разметка
Wika — это специальные теги, позволяющие разработать индивидуальный дизайн собственной группы. Этот инструмент позволяет прикреплять к сообществу различные дополнительные страницы и ссылки. Благодаря этому можно создать небольшую энциклопедию внутри определенного сообщества. Таким образом, вики является аналогом языка HTML, однако с такой разметкой намного проще и проще.
Какая связь между Вики и Вконтакте?
Вначале стоит задаться вопросом: какую пользу этот инструмент приносит социальной сети «ВКонтакте»? Такая разметка позволяет реализовать:
Создать оригинальное меню; Тег
;
разрабатывать знаки;
Добавить новые компоненты навигации.
Пользователь должен придумать красивый уникальный дизайн, который будет отличать определенное сообщество от множества других. Прежде чем менять дизайн группы, следует научиться использовать ее составные элементы. Это касается «видео», «фото», «стены» и прочего. Кроме того, вы должны выбрать интересную и ценную информацию, чтобы сообщество могло привлекать и удерживать новых подписчиков.
Вики Достоинства
Наверняка большинство пользователей хотят научиться делать вики ВКонтакте.Но прежде всего стоит сказать несколько слов о преимуществах инструмента. Следует отметить, что это намного проще, чем HTML. А это значит, что каждый без проблем сможет его освоить. Также к преимуществам можно отнести возможность сохранения всех изменений, которые ранее проводились на различных страницах. Кроме того, вы в любой момент можете сравнить все варианты и выбрать лучший.
Секреты Вики
Чтобы получить уровень профессиональной вики-разметки, нужно потратить много времени.Но сначала пользователь должен узнать некоторые моменты об этой системе. Например, изображения размером не более 131 пикселя становятся некачественными. Есть определенные правила: одна страница должна содержать до 17 тегов, а строка компонентов — не более 8. При установке ширины картины ее высота изменяется автоматически в соответствии со всеми пропорциями.
Для разработки новой страницы в сообществе вам нужно будет указать ссылку на статью в тексте. Стоит отметить, что дополнительные страницы появляются сразу после набора свежего материала.Для ввода ссылок в вики-разметке предназначены специальные скобки — []. Внутри находится сама ссылка. Если вы пройдете через него, то сможете перейти на новую страницу. Затем его следует заполнить и отредактировать. Все, новая страница готова.
С помощью Виккимки ВКонтакте можно создать множество таких страниц. В результате получится своеобразный миниатюрный сайт, расположенный внутри группы. Стоит отметить, что красиво оформленный текст имеет особое значение. Это удобно не только для чтения, но и для восприятия.Рекомендуется уделять должное внимание заголовкам, выравниванию, рисованию букв и прочему.
Каждый тип форматирования в Wiki имеет свои собственные теги. Однако можно использовать некоторые символы из HTML. В конце концов, в вики-разметке применяются не только специальные теги, но и большинство различных знаков языка HTML. Это значит, что в одном можно воспользоваться двойным обозначением определенных функций. Развлекательный, и эта вики — умный инструмент. Если в тексте обнаруживаются элементы из разметки HTML, он может самостоятельно заменить их знаками своего языка.

Создание якорной ссылки
Что касается ссылок, то они могут быть разными. Есть не только симпатичные пуговицы, но и серьезные якоря. С помощью вики ВКонтакте создание разрешено создавать и то, и другое. При этом необходимо помнить одно важное правило: текст должен располагаться только справа от ссылки, а изображение — слева. После этого стоит научиться присоединяться к Якорю. Для этого нужно раскрыть квадратные скобки и вставить нужную ссылку.Затем устанавливаем знак разделения элементов — |, далее пишем сам текст. После этого можно закрывать скобки. Примерно такая: [[Link.ru | Мой сайт]].
Для начала нужно создать кнопку. Для добавления изображения вы можете использовать слово «Фото», набрав его номер в групповом альбоме. Затем нужно заключить всю информацию в скобки. Сначала надо прописать фото, а после — ссылку. В итоге должна получиться примерно такая кнопка: []. Особое внимание следует уделить функциям, которые доступны для работы с этим образом:
Plain — текстовая ссылка на фото без картинок;
NOBORDER — убрать рамку с изображения;
Box — открыть чертеж в новом окне;
NOLINK — Удалить ссылку на фото;
nopadding — убирать пробелы между изображениями;
Nnnpx — ширина стены;
NNNXYYYPX — размеры фотографии.
Эти функции необходимо вставить перед ссылкой, выполняя их чередование с разделительным знаком. Кроме того, вы можете вставить подпись к изображению, отделив его от других символов.
Создание таблиц с помощью вики для выполнения такой задачи достаточно просто. Для вставки в текст таблицы применяются специальные символы. Для начала нужно посмотреть, из чего он состоит. Вы можете увидеть следующее:
(| — открытие таблицы;
| + — заголовок, выровненный по центру;
| — — Новая строка;
| — создание прозрачности;
! — темные ячейки;
|) — закрытие таблицы.
Что касается последних двух символов, то они переменные. Например, если создается темная ячейка, невозможно использовать функцию «прозрачность». В таблицу разрешено вставлять что угодно. Это могут быть рисунки, ссылки или тексты.
Дизайн меню
Стоит посмотреть, как создается меню ВКонтакте. Во-первых, потребуется красивый рисунок и некоторые знания. Необходимо учитывать, что в меню несколько видов:
Заранее подготовьте рисунок, ширина которого должна быть до 610 пикселей.Это связано с размером групповой стены в социальной сети. Вырезать картинку необходимо в Photoshop или любом другом редакторе, предназначенном для выполнения таких функций. В результате должно быть желаемое количество кнопок. Каждый из них должен написать название определенного пункта меню. После этого можно переходить в свою группу. Потребуется найти панель управления и подключить инструмент «Материалы».
Вернувшись на главную страницу, вы увидите ссылку на обсуждение «Свежие новости». При их редактировании допускается брать их за основу при создании красивого меню.Тогда стоит загрузить в группу заранее подготовленные картинки. Вы можете сохранять изображения в любом альбоме сообщества и вставлять их в новостную статью с помощью встроенного визуального редактора. Чтобы начать редактирование новости, необходимо переключиться с этого инструмента в режим «ВКонтакте» вики. Затем вы можете соединить чертежи со ссылкой на разные пункты меню.
Где узнать, как создать вики-разметку?
В социальной сети «Вконтакте» есть официальная группа, полностью посвященная вики-разметке.Его можно найти в нем с учебными материалами, а также получить ценные советы. Для использования вики-языка созданы различные приложения, доступ к которым предлагается сделать в дизайне сообщества. Также есть образцы дизайна для групп. Они помогут быстро оформить, если совсем нет свободного времени. Для новичков красивыми помощниками станут шаблоны, а также советы опытных пользователей.
Если у вас есть своя группа, то у вас есть возможность создавать в ней отдельные страницы.Это позволяет создавать большие и самые разнообразные сообщества, публиковать все виды информации и структурировать ее.
Для создания страниц используется вики-разметки . Теперь разберемся, что это такое.

Что такое разметка вики?
Обычные веб-страницы создаются с использованием языка HTML. Но для создания страниц в ВК он не применяется. Вместо этого используется разметка вики. Он также предназначен для того, чтобы дать возможность размещать элементы на странице. С его помощью мы можем делать ссылки (см.), Кнопки и т. Д.Это выглядит так.
Для чего используется?
Для создания страниц и дизайнерских групп. С помощью разметки можно создавать информативные и функциональные страницы, пункты меню и т. Д.
Структурная разметка Wiki
https://vk.com/wiki?w\u003dpage-87938575_51299900.
Подробно представлены все основные элементы, дан код.
[]
Как начать пользоваться?
Для начала нужно убедиться, что материалы активны в вашей группе.Заходим в сообщество, открываем меню и выбираем пункт.
Заходим во вкладку «раздел». Здесь находим пункт «Материалы» и устанавливаем значение «Открыть».
Сохраните настройки и вернитесь в группу.
У нас есть вкладка «Последние новости». Подойдите к ней и нажмите кнопку «Редактировать».
Перейдем в режим редактирования страницы. Можете начинать его заливку. Не забудьте перейти в режим Wiki-разметки, нажав соответствующую кнопку в меню.
Когда закончите, сохраните страницу.
Видеоурок: Регистрация группы с помощью вики-разметки
Вопросы?
В контакте с
Дизайн страниц вк шаблонов. Меню для группы ВКонтакте, шаблоны оформления
Здравствуйте, мои любимые!
Сегодня я подробно расскажу , как сделать меню для группы ВКонтакте . По моему опыту меню в группе в контакте увеличивает количество звонков и запросов на 20%.Важно ответственно подойти к вопросу создания группового меню. Поэтому я подготовил для вас шаблон меню PSD, чтобы облегчить вам работу.
Начнем с того, что сегодня есть два пункта меню:
Вариант 1: Меню закрытой группы
Закрытое меню, открывается при переходе по ссылке. В приведенном ниже примере меню открывается при нажатии на ссылку «ОТКРЫТЬ ГРУППОВОЕ МЕНЮ!».
Вариант 2: Открыть групповое меню (закрепленный пост)
Открытое меню, по сути, представляет собой закрепленный пост с активной ссылкой.
Вторая версия меню появилась сравнительно недавно, когда появилась возможность прикреплять посты со стены к шапке группы или паблика. Он сейчас самый эффективный.
Обе версии используют разметку wiki. Разметка Wiki позволяет легко и быстро стилизовать внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Я не буду подробно останавливаться на разметке, потому что ВКонтакте имеет встроенный визуальный редактор, который автоматически переводит ваш контент в вики-разметку.Здесь я приведу только основные коды, без которых невозможно составить меню.
Как сделать открытое меню ВКонтакте
Разберем процесс создания меню на примере Варианта 2, т.е. открытого меню.
Чтобы вам было проще ориентироваться, я подготовил для вас шаблон меню PSD : [Внимание. Изменился дизайн ВКонтакте. Новый макет и другая соответствующая информация в]
Шаблон группового меню PSD
Для создания внешнего меню необходимы 2 картинки: аватар (справа) и центральная (картинка-действие).
Аватар Размеры: 200 x 332 px
Размеры центрального рисунка: 395 x 282 пикселей
Шаг 1.
Используя шаблон группового меню PSD, загруженный выше, сделайте две картинки желаемого размера.
Шаг 2
Войдите в свою группу управления сообществом (справа под аватаром) в своей группе. Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченными».
Шаг 3
Теперь вернитесь на главную страницу вашей группы и нажмите «Редактировать» в появившемся разделе «Материалы» (я уже переименовал его в «Меню группы»).
При редактировании страницы укажите имя, вы можете создавать разделы или любую другую информацию с помощью панели инструментов. Нажмите «Сохранить страницу» и «Вернуться на страницу»
Шаг 4
В моем примере https://vk.com/page-42211349_47355854,
Первые цифры 42211349 — это идентификатор вашей группы
Вторые цифры 47355854 — это идентификатор страницы
Особенность: вы можете создавать дополнительные страницы вручную. Для этого перейдите по ссылке формы:

https: // vk.com / pages? oid =-xxxxxxxxx & p = pagename
Где,
xxxxxxxx — это id вашей группы
pagename — имя вашей страницы
Шаг 5
И опубликуйте пост.
Шаг 6
Теперь загрузите аватар группы (рисунок справа). На стене появится дубликат изображения аватара — удалите его.
Шаг 7
А теперь внимание. Нажмите ЗАПИСАТЬ ВРЕМЯ ПУБЛИКАЦИИ (нижний левый угол сообщения).
И нажмите «Заблокировать».»Закройте это окно и обновите страницу своей группы (F5).
Шаг 8
Пишем статус группы (используем только 1 строку) для выравнивания картинок, если картинка на аватаре не начинается с самого верха (в моем аватаре аватар 2 вариант). И вот что у нас получилось:
ИТОГО.
Меню готово! Теперь, когда вы нажимаете на центральную картинку, открывается ваше меню:
Здесь вы можете редактировать, загружать фото, видео, создавать новые разделы, размещать ссылки.
Внутри главного меню можно также создать графическое меню (подменю). Его ширина не должна превышать 600 пикселей. Размер неограничен по высоте. Это позволяет создавать отличные лендинги Вконтакте.
Но об этом подробнее поговорим в следующих статьях. Подпишитесь на обновления блога, чтобы узнавать о новых функциях. Поставьте лайк и поделитесь статьей с друзьями.
Напишите свои вопросы или мнения в комментариях ниже.
Красивый дизайн сообщества ВКонтакте — это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании.Если общедоступная страница или группа спроектированы непрофессионально, ваши потенциальные клиенты могут логически заключить, что вы так же небрежно относитесь к своей работе. Чтобы этого не случилось, убедитесь, что ваша страница ВКонтакте красивая, аккуратная и удобная в использовании. Как это сделать? Читай ниже.
Актуальные размеры картинок ВКонтакте
Некоторое время назад разработчики социальной сети ВКонтакте запустили новый дизайн. Это привело к тому, что изменились размер и принципы отображения изображений.Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит размеры, актуальные на данный момент.
А теперь давайте более подробно остановимся на каждом элементе.
ВК аватар размер
Минимальный размер аватара — 200 на 200 пикселей. Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:

Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения большего размера — до 7000 пикселей с каждой стороны.Главное, чтобы соотношение их сторон не превышало 2: 5.
Я покажу вам пример.
У меня есть образ. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок нет. Однако я все еще не могу использовать это изображение, потому что «Контакт» не позволяет мне выделить его полностью.
Крышка
Размер обложки для полной версии сайта 1590 на 400 пикселей.

Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей.Посмотрите, как он обрезан в мобильном приложении:
Чтобы этого не случилось, разместите основные элементы обложки в пределах 1196 на 400 пикселей.

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

А вот горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

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

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи.При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

Минимальный размер изображения, которое вы можете использовать в качестве объявления для своей статьи, составляет 537 на 240 пикселей. Однако вы также можете загружать изображения большего размера, если соблюдаются пропорции.

Изображение для статьи, созданной в редакторе
Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей.Лучше, если он будет темного цвета и более-менее однотонным, так как название статьи и сообщества теряется на светлом фоне.
Хороший пример:

Не лучший пример:

Размер фото и видео для рассказов
Размер фотографий 1080 на 1920 пикселей. Размер видео 720 на 1280 пикселей.
Технические характеристики видео:
до 15 секунд;
не более 5 МБ;
ч.264 кодек
звук переменного тока.
В историях необходимо использовать фото и видео в вертикальном формате.
Обратите внимание: только крупные сообщества могут добавлять истории от имени сообществ, для которых разработчики ВКонтакте открыли эту функцию. И делается это с помощью официального приложения. Это невозможно сделать с компьютера.
Размер обложки фотоальбома
Размер изображения для видео
1280 на 720 пикселей.

Вики-страница
Ширина области содержимого на вики-странице составляет 607 пикселей.Если вы загрузите изображение большего размера, оно автоматически загрузится шириной 400 пикселей. Пример: у меня есть изображение размером 1366 на 768. Если я добавлю его на вики-страницу, произойдет следующее:

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

О том, как работать с вики, я подробно расскажу ниже. Поэтому мы не будем останавливаться на этом моменте.
Как сделать, чтобы изображения ВКонтакте не сжимались? Влияние фона и размера на качество изображения.
Если вы когда-либо пробовали загружать изображения ВКонтакте (неважно, аватар это или просто фотография из вашей поездки), вы, вероятно, уже знаете, что они могут уменьшаться. Особенно это заметно на темном (а особенно на красном) фоне и когда изображение не слишком большое. Пример:

Как сделать так, чтобы качество снимков не ухудшилось?
Чтобы изображение не сжималось (точнее сжималось, но в гораздо меньшей степени), необходимо сделать его в 2-3 раза больше желаемого размера.Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы сделаем снимок размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берите — 1020 на 800.
Изображение на темно-синем фоне, которое я цитировал чуть выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:

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

Как сделать заголовок страницы
Заголовок вашей публичной страницы или группы — это первое, что видят вас посетители. В большинстве случаев в этом месте размещается навигационное меню на основе общедоступных материалов, интересных постов или важных анонсов.Давайте посмотрим на примеры того, как разные компании используют это пространство.
Крышка
Не так давно ВКонтакте представило обновление — теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку «Скачать».

На обложке можно разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Рекомендую обратить особое внимание на возможности динамического чехла.О том, как это работает, для каких целей можно использовать и с какими сервисами устанавливать, читайте в нашей статье.
Примеры динамических крышек:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не фиксируют какие-либо посты в шапке, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Хэштег Описание
Некоторые компании добавляют к стандартному описанию страницы хэштеги, характеризующие ее.Это сделано для того, чтобы страница имела более четкую релевантность и чтобы она занимала более высокое место в поиске по релевантным запросам. Честно говоря, не знаю, работает этот метод или нет. Кейсов на эту тему не встречал, так что если кто знает, буду признателен, если поделитесь ссылкой.
Закрепленное сообщение, рассказывающее, о чем эта страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивым макетом), то вы можете прикрепить к шапке вики-сообщение или статью в редакторе с яркой картинкой на объявлении, которая будет поощрять пользователи нажимают на нее.Пример такого поста:
А вот что видит пользователь после перехода по ссылке:

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

Групповое меню закрыто
Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть картинка, на которой нет пунктов меню.Обычно на нем написано: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».
И вот что мы видим, когда нажимаем на него:
Кстати, стоит отметить, что это далеко не единственные варианты. Фактически, на этой картинке вы можете написать все, что захотите. Главное, чтобы пользователь хотел по нему кликнуть, и он понимал, что после этого его ждет. Пример:
Групповое меню
Объединенное меню — это когда изображение в объявлении вашего меню составляет одно изображение с аватаром.Ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как оно красиво выглядит.
GIF и аватар в одном изображении
А вот этот вариант дизайна шляпы меня очень впечатлил. Автоматически проигрываемый GIF сливается с аватаром в единую композицию и привлекает внимание пользователей, даже если на нем нет никакой информации.
Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что спасибо ему за находку 🙂
Скрытое меню
Скрытое меню доступно только для групп (страницы не имеют такой функции).Чтобы его увидеть, нужно перейти по соответствующей ссылке. Преимущество этого метода проектирования заключается в том, что пользователи могут видеть основную информацию сообщества, и если они хотят использовать меню, им просто нужно сделать один щелчок. Однако здесь есть небольшой минус — не все пользователи осведомлены о существовании этой функции, поэтому вашему меню может быть уделено меньше внимания, чем если бы оно было зафиксировано вверху страницы.
Автоматическое воспроизведение видео
В конце ноября 2015 года в социальной сети ВКонтакте появилось интересное нововведение — как только пользователь заходит на вашу страницу, прикрепленное к шапке видео начинает воспроизводиться автоматически.С помощью этой техники вы можете привлечь еще больше внимания пользователей (особенно тех, кто впервые посетил вашу страницу), и в то же время не раздражать тех, кто не любит, когда их контент навязывается, потому что видео воспроизводится без звука и практически не мешает.
Как добавить такое видео в шапку моей страницы?
Для этого должны быть выполнены три условия:
Прикрепите видео к сообщению и закрепите это сообщение в верхней части сообщества.
Кроме ролика к записи больше ничего не прикреплять.Только видео и текст по желанию.
Видео должно быть загружено ВКонтакте — сторонние плееры не поддерживаются.
Пост, получивший много репостов
Еще один способ продуктивно использовать пространство в заголовке вашей страницы — это закрепить на нем один из ваших самых успешных постов — тот, который уже напечатан и продолжает набирать большое количество лайков и репостов. Зачем я это делаю, думаю, все понимают — чем больше репостов, тем больше покрытие, тем больше подписок получает страница.
Анонсы новых видео, альбомов, событий
Презентация новых товаров / услуг
Акции и скидки
Корпуса, отзывы покупателей
Реклама приложений
Розыгрыши
Принципы сообщества
Ссылки на другие социальные сети
Я перечислил далеко не все варианты дизайна шляпы. По сути, на обложке и в фиксированном посте можно разместить любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. Д.Так что не ограничивайтесь приведенными выше примерами. Включите воображение и используйте дизайн вашего сообщества для достижения своих целей.
Какой должен быть аватар
Аватар — это не только красивая картинка с логотипом вашей компании, но и рабочий инструмент маркетолога, с помощью которого он достигает своих целей. Давайте подробнее рассмотрим, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с эскиза.
Аватар эскиза
Текст на эскизе аватара должен быть достаточно большим, чтобы его можно было прочесть.

Текст не должен выходить за пределы эскиза.

Пользователям должно быть понятно, что изображено на аватаре.

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

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

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

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

Аватар представляет собой черный круг: большой и маленький.Казалось бы, зачем это делать? Но когда вы пролистываете список сообществ, такие аватары привлекают внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюре аватара
Хотя эскиз аватара очень маленький, вы можете (и должны) использовать его для привлечения подписчиков в свое сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Объявление о новом продукте / услуге / событии

Компания / Услуги / Страница Преимущества

Телефон компании

Выгодные цены

Бесплатная доставка

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

Акции

Конкурсы

Вакансий

Каким должен быть сам аватар?
Я изучил, какой должна быть миниатюра аватара и какой текст можно на ней разместить. А теперь перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я написал этот раздел.Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу коротко — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
Желательно, чтобы аватар был совмещен с меню: он должен иметь одинаковую цветовую схему, иметь одинаковые шрифты, элементы и т. Д.Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
Сам аватар и его миниатюра могут отличаться. Например, вы можете нарисовать круг на аватаре, расположить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара в другом стиле.

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

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

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

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

Телефон / Адрес / Время работы

Конкурсы / Акции

Самые покупаемые товары / Новые товары

информация о доставке

Реклама в мобильных приложениях

Основные преимущества компании / страницы / товара и др.

Обновление ассортимента / новое творчество и др.

Информация, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Похвастается

В общем, на аватаре можно размещать абсолютно любую информацию.Я привел лишь несколько идей, чтобы вы могли увидеть, что делают другие, и вдохновиться их примерами. Что ж, учтите основные рекомендации: аватар должен быть качественным, шрифт должен быть крупным, а между элементами должно быть больше «воздуха».
Как создавать объединенные аватары и меню
Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.
Скачайте шаблон для Photoshop, который я специально подготовил для этой статьи.В обычном размере (меню — шириной 510 пикселей, аватар — 200) или увеличенном (меню — шириной 1020 пикселей, аватар — 400).
Откройте изображение, которое хотите взять за основу.
Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.

Добавить эффекты, текст, графику и т. Д.

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

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

Удалите лишние фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните на пустом месте — возьмите нужную область и растяните ее до нужного размера).

Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

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

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице Wiki Layout:
Как использовать виджеты
Виджеты также являются частью дизайна сообщества ВКонтакте. С их помощью пользователь может: разместить заказ, подписаться на вашу рассылку новостей, принять участие в конкурсе, прочитать и оставить отзывы, открыть поиск в сообществе, получить подарок, купон на скидку и т. Д.
Вот несколько примеров того, как виджеты выглядят на странице ВКонтакте:

Как расположить изображения для постов
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (кстати, я тоже к ним не отношусь).Поэтому давайте подробно разберемся, как это делается, на примерах успешных компаний.
Кстати, обратите внимание, что практически все известные компании ВКонтакте брендируют свои изображения, то есть добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли, каждый решает сам. Единственное, что я хотел бы посоветовать: если вы все же решите это сделать, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе на нем будет весь акцент и изображение будет теряют привлекательность.
Где взять хорошие изображения?
У нас есть хорошая статья в блоге на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли для себя ничего подходящего, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно такой запрос выходит с качественными изображениями. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.
А что делать тем, кто не умеет работать в фотошопе?
Если вы никогда не работали в Photoshop (или других графических редакторах) и еще не готовы выделить время на его разработку, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны изображений для разных социальных сетей:
1.Fotor.com

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

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

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

Затем щелкните значок в виде дискеты, выберите имя, формат изображения, качество и нажмите кнопку «Войти для загрузки».

2. Canva.com
Еще одна услуга, которая поможет красиво оформить ваш образ. Он работает по тому же принципу, что и предыдущий. Регистрируемся в сервисе (вы можете использовать свой аккаунт Google+ или электронную почту).

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

Выберите шаблон (если он помечен как «БЕСПЛАТНО», значит он бесплатный), измените текст.

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

Как форматировать статьи в редакторе
С недавних пор ВКонтакте можно делать статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

Как использовать вики-разметку
Итак, мы подошли к самому интересному и в то же время сложному разделу. Возможно, среди читателей есть люди, не знающие, что такое вики-разметка, и вообще впервые слышат этот термин.Поэтому специально для вас дам определение, которое дает сам «Контакт».
Разметка
Wiki — это язык разметки, который используется для стилизации текста на веб-сайтах (обычно относится к классу вики-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте вики-страницы являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с различным форматированием текста (жирным шрифтом, подчеркиванием, заголовками и т. Д.) Или добавить к ней графику, или просто создать красочное меню навигации для вашего сообщества — вики незаменима.
Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, «Контакт» имеет собственный редактор для создания и редактирования вики-страниц. Выглядит это так:

С помощью этого редактора создаются навигационные меню, а также статьи с изображениями, видео и аудиозаписями. Ниже я подробно разберу, как работать в этом редакторе, но сначала прошу добавить две ссылки в свои закладки. Они очень помогут вам в изучении разметки вики.
Эта статья будет подробным руководством, и я расскажу, как сделать меню для группы ВКонтакте. Красиво оформленное меню группы ВК способствует реальному приросту посетителей и росту продаж на сайте.
Здравствуйте мои дорогие читатели. Расскажу сегодня , как сделать красивое меню для группы ВКонтакте и совершенно бесплатно. Кстати, научившись создавать такие темы, можно немного заработать на этом -))). Уже ни один коммерческий сайт не работает без создания собственного сообщества в социальных сетях, особенно ВКонтакте, которое гарантированно поможет привлечь новых клиентов, а также продвинуть ваш бизнес.
Но если ваше сообщество непривлекательно и, как все, кто захочет там остаться? Я думаю никто !!! Так что давайте украсим наши группы качественным дизайном и очень быстро научимся это делать. Прежде чем приступить к созданию графики и нашего будущего меню, необходимо установить на свой компьютер программу Photoshop для дальнейшей нарезки картинок. Многие спросят, зачем нужно вырезать картинки. Тут дело в том, что для каждой ссылки меню нам нужно будет создать отдельную полосу из общего баннера.
Сегодня существует несколько типов создаваемых меню:
Открыть с активными точками;
Закрыто как закрепленная запись;
С отдельными изображениями или общим смежным изображением баннера и меню.
Суть создания обоих вариантов одинакова. Только основное отличие в дополнительных элементах и типах записей и подробнее об этом будет подробнее в этой статье.
Для работы с меню нам поможет вики-разметка , которая сегодня интегрирована в текстовый редактор ВКонтакте.Он отличается от обычного тем, что с его помощью будут использоваться стандартные команды для отображения той или иной картинки и вставки ссылок на необходимые элементы. Сама разметка вики позволяет вставлять код для отображения изображений, видео и других элементов.
Закрытое меню группы ВК
В этом случае мы увидим гиперссылку слева от основного аватара группы в виде надписи «групповое меню», при нажатии на которую открывается наше меню с активными элементами и изображениями.
Меню будет следующим:
Открыть групповое меню (закрепленный материал)
Суть в том, чтобы создать уже открытые пункты меню, которые будут отображаться в описании самой группы, где обычно отображается по всем условиям.Наша картинка будет закреплена в описании, которое мы подготовим заранее и свяжем со страницей, на которой у нас будут активные товары. Это меню стало очень популярным в последнее время и пользуется спросом у покупателей. Выглядят они так:
Как сделать красивое меню для группы ВКонтакте: пошаговая инструкция
Итак, прежде всего, нам нужно будет создать главный аватар группы, который мы разместим справа, и заглушку нашего меню в виде баннера.
Для аватарок 200×332 пикселей;
Для баннера главного меню, 395×282 пикселей.
Как видите, высота изображений разная, и это сделано для того, чтобы изображения не перемещались по высоте и находились на одном уровне, так как высота имени сообщества и статуса составляет около 50 пикселей, а нам просто нужно чтобы убрать это значение с высоты меню.
Чтобы было понятно, если высота главного аватара группы 332, то мы вычитаем из нее 50 и получаем высоту главного меню равную 282.Если размеры не имеют значения, то высоту можно выставить произвольно.
Следующим шагом после создания сообщества будет настройка материалов, и здесь нам нужно запретить участникам создавать дополнительные страницы и блоки, а только писать на стене. Для этого вам нужно будет перейти в раздел под аватаром группы под названием «Управление сообществом», где нам нужно сделать наши материалы «ограниченными», как показано ниже.
Теперь перейдем к общей композиции.Конечно, можно просто вместо аватара и в описание вставить картинку, но мы не будем любителями и покажем, как это сделать профессионально, чтобы это была одна полноценная картинка, переходящая одна в другую.
Давайте создадим новый холст в Photoshop размером 600×350 пикселей, который мы будем использовать в качестве трафарета, вырезав в нем отверстия для наших изображений. Для работы нам нужно перевести размеры всех элементов и линейок в пиксель, и это делается по следующему пути: «Edit-installation-main» и здесь мы уже установили пиксели.
Следующим шагом в создании открытого меню является создание вырезок для баннера и аватара, которые мы затем получим для загрузки. Для этого перейдите в раздел левого вертикального меню и выберите раскладку.
Используя левую кнопку мыши, как будто вы выделяете область, вам нужно выбрать блоки нужных нам размеров и после каждого выбора мы нажимаем кнопку Удалить и выбираем 50% серый . Такие действия приведут к тому, что блоки будут подходящего размера и выделены цветом, отличным от основного фона.
У вас должно получиться:
Теперь просто выберите ластик и используйте функцию «волшебный ластик», чтобы щелкнуть по каждому серому блоку и получить трафарет с вырезами. Следующим шагом мы выбираем наше основное изображение и кладем его под фон и получаем готовые картинки, на которых можно будет написать текст с названием меню или другими рекламными элементами.
Отлично. После того, как вы разместили изображение нашего дизайна, нам остается выбрать «Сохранить для Интернета», и на выходе мы получим 2 наших изображения.Теперь вернемся в нашу группу и можем заполнить основной аватар (вертикаль). Баннер для меню мы будем использовать чуть позже при работе с кодом разметки вики.
Давайте создадим само меню с активными элементами, которые будут перенаправлять пользователя в нужные разделы стороннего сайта или в альбомы и каталоги в самой группе. Для разнообразия воспользуемся новым изображением -))).
Итак, вернитесь в Photoshop и создайте новый холст размером 400×300 пикселей. Затем выбираем в разделе: файл-место и выбираем картинку для фона меню.
На картинке размещаем кнопки нашего будущего меню и вырезаем картинку, как делали выше, выбирая необходимые блоки. Затем также выбираем «сохранить для Интернета» и получаем папку с нашими срезами. В моем случае получилось 4 картинки в отдельной папке.
Теперь нужно выгрузить загруженные из фотошопа картинки в отдельный альбом и спрятать от посторонних глаз. После загрузки каждое изображение получит свое новое имя и уникальный идентификатор.
Обратите внимание, что у вас должно быть:
Открывать материалы в «ограниченном» режиме;
Обсуждения включены;
Папка с фото открыта для всех.
Теперь осталось настроить нашу страницу, где она будет отображаться в меню. Для этого перейдите на главную страницу сообщества и выберите самые свежие материалы, отредактируйте и вызовите «НАШЕ МЕНЮ».
Далее нам нужно вставить картинки, которые мы получили при нарезке в Photoshop. Кто-то использует коды разметки, но, чтобы не быть мудрым, я предлагаю просто выбрать вставку изображения, щелкнув значок камеры и загружая его по очереди.
При работе в текстовом редакторе, если после загрузки изображений щелкнуть значок в виде скобок в правом верхнем углу, мы должны увидеть такой код:
Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размером изображения.
Для пояснения ниже написано, откуда взялось, но с учетом того, что все будет вставлено автоматически и не нужно быть умным, и откройте как некоторые пишут каждую картинку и берут id, потом просто загружают и сохраняют.
[]
где xxxxx — id вашей картинки
yyyyy — ширина в пикселях (не более 388)
Должно получиться так:
Теперь наши картинки собраны в отдельный баннер.А чтобы добавить ссылку на каждый элемент, просто нажмите на картинку, когда разметка отключена и в раздел ссылок мы вставляем скопированный url.
И вот мы подошли к самому важному и последнему пункту в создании нашего меню ВКонтакте. Теперь нам нужно сохранить нашу страницу с картинками и скопировать ее адрес. В моем случае это выглядит так:
http://vk.com/page-116682062_51411604?act=dedit&hid=183950676&section\u003dedit
Напомним, в начале статьи мы сделали заглушку для меню, которая будет продолжением нашего основного аватара и просто сделали для него трафарет.Это именно то, что нам понадобится прямо сейчас.
Заходим на главную и делаем следующее:
Шаг номер 1.
Вставьте адрес страницы в текстовое поле для нового сообщения на стене, после чего он преобразуется в ссылку.
Шаг номер 2.
К записи прикрепляем изображение нашей заглушки для меню и нажимаем отправить.
Шаг номер 3.
Теперь, после публикации записи, нажмите на время создания в левой нижней части записи и выберите «PIN».
Отлично !!! На этом мы заканчиваем. Теперь вы можете создавать крутые меню и на этом хорошо зарабатывать. Советую делать все в следующем порядке:
Придумываем структуру и заказываем дизайн изображения меню;
Делаем подгонку и размер всех изображений;
Вставляем картинки в альбомы;
Редактируем все нарезки в редакторе и публикуем на главных страницах группы.
В результате работы получаем такое меню.
Но само меню при нажатии выскакивает с активными ссылками. Стоит поиграться с размерами и подогнать под свой экран, но не забывайте про отображение на мобильных устройствах.

ВАЖНО: После изменения дизайна ВК в 2016 году были внесены новые изменения при создании изображений и требования к картинкам про которые.
Скачать шаблон группового меню ВК + все источники уроков
Надеюсь, материал был полезен, и вы теперь легко поняли, как сделать красивое меню для группы ВКонтакте.Подпишитесь на обновления блога и скоро увидимся в новых сообщениях. Если у вас есть вопросы, пишите их в комментариях, и я обязательно вам помогу.
Прилагаю видео, чтобы закрепить прочитанное -))).
Чем лучше организована ваша группа, тем больше внимания она может привлечь. Если речь идет о работе с коммерческим сообществом, то дизайн нужно прорабатывать основательно. Дело в том, что красивый дизайн группы ВКонтакте повышает доверие сообщества со стороны подписчиков, а также увеличивает конверсию при входе новых участников.В статье вы узнаете, что из себя представляет. Новые участники равны новым заказам и продажам. Больше людей — больше денег.
Одним из примеров того, как изменение дизайна в группе позволило увеличить рост подписчиков, является паблик о здоровом питании — vk .com / goodiet. Здесь публикуются различные рецепты для людей, занимающихся спортом и следящих за своим питанием.
В настоящее время у сообщества более 360 000 подписчиков. На начальных этапах своего развития администрация группы не уделяла особого внимания дизайну своего сайта.
Сообщество развивалось за счет публикации сочных фотографий и нужных статей, а также за счет рекламы в других публичных местах. Вот пример красиво оформленного контента от их группы.
vk.com/goodiet — Это вкусные котлеты из куриной капусты. Полезное питание для занятий спортом.
Средняя стоимость одного абонента была примерно 3-4 рубля. Достигнув первых 50 000 участников, администраторы решили сменить внешний вид и заказали у дизайнеров обложку и аватарку.
За счет этого процент конверсии в подписчиков увеличился, а цена за участника снизилась до 1,5 руб.
Групповой дизайн
Прежде чем вы начнете проектировать свое сообщество, вам нужно знать, что включено в дизайн группы.
Крышка
Один из основных элементов дизайна. Благодаря обложке создается первое впечатление о группе. Поэтому его созданию важно уделить большое внимание.
Дизайн группового аватара
Второй по важности элемент дизайна.В новом дизайне обложки аватар практически не виден. Но это не значит, что не стоит возиться с его созданием.
При нажатии на аву открывается в новом окне в полном размере.
Если использовать классический стиль без обложки, то аватар отображается так:
Дизайн меню
Очень полезный инструмент для навигации по публике. Очень часто используется в коммерческих группах или сообществах, которые нужно разделить на категории. Например, меню очень полезно на публике с книгами.
Карты продуктов
Используется публично, занимается продажей товаров или услуг.
Сегодня 90% групп используют новый формат обложки. Если вы тоже предпочитаете этот стиль, то уделите большое внимание созданию красивой обложки.
Как изменить дизайн группы ВК?
Прежде всего, определитесь, какие элементы вы измените.
Если вы хотите установить новую обложку, то зайдите в меню управления сообществом.
В окне «Основная информация» нажмите кнопку «Загрузить» напротив раздела «Обложка сообщества».
После установки обложки перейдем к добавлению нового аватара. Для этого наведите указатель мыши на область аватара и нажмите кнопку загрузки.
Выберите желаемое фото на вашем ПК.
Чтобы установить образ в карточку продукта, вам сначала нужно включить их в настройках сообщества.
Для этого зайдите в раздел управления и откройте меню «Разделы».
В открывшемся меню включите раздел продукта.
Установите изображение.
Оптимальные размеры
Обложка — 1590х400 пикселей.
Аватар — 200x 200 пикселей.
Баннер меню — 510x 510 пикселей.
Изображение для карточки товара 834x 834 пикселя.
Готовые шаблоны обложек и аватаров для оформления групп ВКонтакте
Если вы не хотите тратить время на создание дизайна и деньги на дизайнера, то вы можете скачать шаблоны для нового дизайна групп Вконтакте в формате psd.
Рассмотрим 5 самых популярных сайтов, на которых можно найти шаблоны:
Freepsd . Паблик ВК, автор которого размещает шаблоны оформления для групп для бесплатного скачивания. Здесь вы можете скачать исходники psd на самые популярные темы и изменить их на свой стиль.
You — шт. ru . Сайт, на котором размещены бесплатные шаблоны обложек, аватарки и меню для Вконтакте. Также здесь вы можете найти подробные уроки по работе с исходными кодами в Photoshop.
Ероховец. ru . Большой выбор шаблонов нового дизайна Вконтакте для большинства популярных тем.
Все — Для — Вконтакте. На сайте представлен огромный выбор изображений для меню, аватарок и баннеров.
Бесплатные шаблоны psd . Еще один паблик ВКонтакте, где регулярно публикуются шаблоны обложек, баннеров, аватарок и постов.
Шаблоны редактирования
После загрузки шаблонов дизайна вам нужно понять, как их редактировать. Для этого нам понадобится Photoshop, потому что он работает с форматом psd.
Запустите Photoshop, откройте меню «Файл» и выберите «Открыть».
Откройте желаемый источник на вашем компьютере.
Поскольку мы используем шаблон, все, что нам нужно изменить, это текстовые элементы.
Для этого выберите инструмент со значком «Т» и щелкните любой из текстовых элементов.
Введите свой текст.
Пример создания баннера.
После завершения редактирования сохраните результат в формате png или jpg.
Для этого откройте меню «Файл» и нажмите «Сохранить как …».
В открывшемся окне измените тип файла с psd на нужный вам.
Возможные проблемы
У вас могут возникнуть трудности при создании дизайна, поэтому вам нужно учитывать возможные проблемы при работе с дизайном группы.
Низкое качество изображения
Очень распространенная проблема — когда пользователи создают изображения с низким разрешением и растягивают их до оптимальных размеров при создании аватара или обложки. Попробуйте использовать в качестве основного фото для фона фотографии в разрешении от 1280х720 пикселей и выше.
Отсутствие идей
Если вы не знаете, как лучше сформировать свое сообщество, ознакомьтесь с несколькими примерами конкурентов. Попробуйте вдохновиться и найти интересные дизайнерские решения.Главное — не копировать все их элементы, ведь любой дизайн должен быть уникальным.
Всего
В конце стоит отметить, что дизайн группы ВК — самая важная часть в продвижении. Красивый дизайн может увеличить конверсию при входе, а также повысить доверие подписчиков.
Для создания качественной обложки, аватара или меню не обязательно обращаться за помощью к профессиональному дизайнеру, всегда можно воспользоваться бесплатными шаблонами.
Хотите узнать, как создать группу в Контакте в 2018 году? И не просто оформить, а сделать самому правильно и красиво! Если ваш ответ «Да», то эта статья специально для вас!
Социальная сеть ВКонтакте — одна из самых популярных.Соответственно, здесь можно найти больше общения, единомышленников и просто друзей, а также продвигать свои услуги и товары. Благодаря созданным сообществам можно быстро найти все о мероприятии, продукте, услуге и т. Д.
На странице управления нажмите «Загрузить» и выберите изображение. Выглядит это так: название группы, затем миниатюра аватара, статус.
К сожалению, мобильный телефон пока не поддерживает эту функцию. Но поскольку это нововведение произошло не так давно, оно будет столь же актуально для продвижения, как и все остальные.
Для более удобного доступа к предлагаемым материалам можно составить меню. А о том, как это сделать самому, мы расскажем в следующий раз.
Фиксированный столб
Секреты проектирования группы ВК
В качестве бонуса мы делимся секретами создания группы ВКонтакте и нашим личным опытом, что позволит нам самостоятельно завершить дизайн на продвинутом уровне. Например, вы можете настроить такой красивый блок из различных приложений, которые увеличивают вовлеченность в несколько раз!
Бесплатные приложения. Зайдите в управление сообществом и перейдите в пункт «Приложения» для редактирования настроек.
Здесь вы можете добавить приложение на выбор, которое станет отличным дополнением к функционалу группы. Например, как и в нашей группе, которая бесплатно создает полезный контент, есть кнопка «Поддержи сообщество», нажав на которую можно пожертвовать любую сумму от 100 рублей в пользу сообщества. Также это может быть магазин товаров, профиль, тесты, онлайн-чат, подписка на рассылку новостей и многое другое.
Другие полезные виджеты и приложения:
профилей;
тесты
регистрация на услуги;
рассылка сообщений;
товарный магазин;
и так далее.
Обсуждения Сделайте сразу несколько тем, посвященных основным вопросам, которые будут интересны клиентам или подписчикам. Если это коммерческое сообщество, то это отзывы, часто задаваемые вопросы, информация об оплате, гарантиях и доставке.Если сообщество носит информационный характер, то основные темы обсуждения должны быть посвящены темам, которыми занимается группа.
Заключение
Если вы хотите добиться успеха, обязательно найдите время, чтобы правильно и красиво оформить его. Чем тщательнее вы подойдете к этому вопросу и продумаете все сценарии поведения пользователей после перехода на страницу группы, тем выше будет переход на подписку, а потом и на покупку.
Готовая группа в контакте. Красивое меню для группы ВКонтакте
Спросите себя, на что вы обращаете больше внимания при входе в группу? Не знаю, как у вас дела, но я смотрю, прежде всего, на аватар группы, затем быстро просматриваю стену и перехожу к обсуждениям.Информативный аватар — это первый «якорь», который побуждает посетителя вашей группы остаться и посмотреть дальше. Если аватар, альбомы в группе, реклама на стене — все выполнено в едином стиле, то это впечатляет. По-прежнему не так много сообществ, которые озабочены дизайном альбомов и вообще забывают о стене.
Создание группы ВКонтакте — для чего и для кого
Так с чего же начать оформление своей группы, чтобы она приобрела современный, а главное привлекательный вид? Об этом я и говорю на вебинаре «Группа ВКонтакте — Красиво оформляйте.«В этой статье я остановлюсь на основных моментах.
Аватар группы ВКонтакте — лицо вашего сообщества
Многие весной 2016 года изучали картинку, облетевшую весь российский интернет, на которой были указаны рекомендуемые размеры аватара, картинки на стене и других графических элементов. Летом того же года был введен новый дизайн для всех без исключения аккаунтов ВКонтакте. И, как выяснилось, некоторые рекомендации перестали соответствовать действительности.

Итак, аватар, который нужно обрезать по длине, по-прежнему оставался с максимальным размером 500 пикселей. И это радует — в этом поле можно разместить много полезной информации.
ВКонтакте шаблон для оформления группы
Шаблоны для оформления группы ВКонтакте сейчас предлагаются все чаще и чаще. Я тоже внесу свой вклад.
У многих возникают проблемы с отображением эскизов аватарок, обрезанных по кругу.Чтобы миниатюра не превратилась в обрезку уха или носа, нужно заранее позаботиться о том, какую область будет вырезать сервис для миниатюры. На вебинаре я рассказываю, как это делается в Photoshop (PhotoShop). Я сделал специальный шаблон размером 200 на 500 пикселей, на нем разместил круг (в другом слое, который это понимает) и треугольник для стрелки вниз. Использовать такую заготовку очень удобно — не нужно лишних движений тела по размеру.
Сразу оговорюсь — в этом вебинаре я не описываю и не говорю о вики-разметке.Это отдельная тема. Дизайн группы ВКонтакте с дизайном меню Я не использую , потому что я активно использую консолидацию отдельных постов в своих группах, что противоречит философии вики-разметки и красивого меню, выполненного в том же стиле, что и аватар.
Вот пример работы моей ученицы, которая использовала шаблон и проходила курс мемов в фотошопе.

Шаблон для участников онлайн-вебинаров , то есть тех, кто пришел вовремя и посмотрел не в записи, а реально принимал участие, я дал.Тем, кто заглянет в заметки, шаблон и табличку с описанием размеров ВКонтакте, предлагаю купить этот шаблон. Смотрите видео, если нужно — пишите в личку ВКонтакте или на почту.
Дизайн шаблона группы можно скачать по предварительному запросу и оплате .
Остальные подробности о том, как создать группу ВКонтакте, можно найти в записи вебинара. Приятного и полезного просмотра!
сайт
Полезная и актуальная группа Вконтакте должна соответствовать красивой и правильно оформленной обложке.Поскольку люди, подписавшиеся на группу, будут оценивать ваше сообщество не только на интересный материал, но и на красоту, прежде чем рекламировать группу, позаботьтесь о ее оформлении.
Дизайн группы Вконтакте Начинается с поиска или шаблона. Если вы не умеете пользоваться фотошопом, то вы можете найти красивый шаблон для него на специальных сайтах.
Например, на сайте http://all-for-vkontakte.ru/ много разных шаблонов. Выберите подходящий и загрузите на свой компьютер, затем распакуйте архив и заполните получившиеся бланки в альбоме.После этого с помощью вики-разметки добавьте фото в раздел последних новостей.

Также на сайте http://shablonchegi.my1.ru/ вы можете выбрать подходящие шаблоны с кодами для прошивки. Там вы найдете множество платных и бесплатных образцов.
Примеры отличного дизайна для групп игровой тематики можно найти на сайте http://you-ps.ru/for_socnetwork/menu/.
Если вы хотите, чтобы ваше сообщество отличалось от остальных, лучше всего заказывать его дизайн у профессиональных дизайнеров, которых можно найти во Вконтакте и на сайтах для фрилансеров.
Красивый дизайн группы Вконтакте
Красиво оформить группу в Вконтакте можно самому. Только для этого нужно разбираться в фотошопе. По крайней мере, на любительском уровне.

Сначала выберите изображение, которое будет отражать тему сообщества или группы. Уникальные и красивые снимки можно приобрести на различных фотобанках, например, http://www.firestock.ru/, http://www.shutterstock.com или на тех сайтах и сообществах, где пользователи и профессиональные фотографы размещают свои работай.Например, можно найти группы и сообщества Вконтакте с такими названиями, как Aesthetics, Nice pictures, Art Art, и посмотреть, какие изображения загружают туда пользователи. Сообщества вроде http://vk.com/another_art и http://vk.com/esthe также подходят вам.
Если вы продвигаете свой блог или бренд, ваше фото, сделанное профессиональным фотографом, отлично подходит для создания группы во Вконтакте.
После того, как вы определились с обложкой группы, откройте Photoshop и подберите подходящий размер для вашей обложки.Оптимальным будет создание изображения размером 250 на 550 пикселей в Фотошопе. Подгоните будущую аватарку группы под параметры. Сохраните полученное изображение.

Далее в группе заполните основной шаблон, который вы сделали. После загрузки аватара вам остается лишь создать меню в том же стиле. Прежде всего, определитесь, сколько разделов вы хотите создать в меню. Ведь именно от этого и будет исходить размер ранее сделанных вами в фотошопе картинок.Например, вы представляете свой личный блог. Тогда желательно указать информацию о себе в меню, последние новости, обсуждения и ответы на вопросы. Вы хотите рассказать о своем интернет-магазине, а затем указать гарантию, отзывы и стоимость товара.
1) В Photoshop загрузите изображение, не превышающее 400-450 пикселей. Вы можете использовать ту же фотографию, что и на аватаре.
2) Разрезать изображение по пунктам меню. Для этого предназначена специальная кнопка «Фрагменты по направляющим»
Теперь у вас есть красивые шаблоны.Далее вам нужно будет заполнить их в группы. Чтобы этот альбом был виден только вам, скройте его в настройках. Теперь, после всего, что было сделано, приступаем к техническим тонкостям загрузки шаблонов и превращения их в полноценное меню для группы.
Как сделать дизайн группы Вконтакте
Чтобы полностью сделать оформление группы Вконтакте вам сначала нужно зайти в настройки. Там в разделе материалов установите флажок «Открыть». Сохраните изменения, затем перейдите к последним новостям.Щелкните по кнопке редактирования. И заходим в режим разметки вики. Щелкните значок ромба в правом верхнем углу.
Далее вставляем специальную ссылку.
Бесплатное меню для группы ВКонтакте — это дизайн, который мы сделали по вашим заказам на форуме, и это совершенно бесплатно! В этом разделе собрано около 2700 графических шаблонов различной тематики. Теперь вы можете легко найти любое меню, так как у нас удобный поиск по сайту, а потому, если вы хотите оформить группу своего клана для Counter-Strike, то вам просто нужно написать поисковый запрос, после чего вам будет показан весь список бесплатных дизайнов с этим запросом.
Если вы не нашли в контакте подходящего бесплатного меню для группы, то вам следует перейти на форум в соответствующий раздел, после чего написать бесплатный заказ на организацию вашей группы. В этом порядке опишите, что вы хотели бы видеть в графическом шаблоне, а также разместите свою картинку или логотип, из которого мы разработаем для вас красивый дизайн. И напоследок напишете, какие разделы должны быть в шаблоне, например: Новости, Правила, Обсуждения. Ведь без разделов это уже не меню, а простая картинка для группы.
Далее мы рассмотрим Ваш заказ, если он заполнен правильно и без ошибок, то возьмем на себя его исполнение. Но выполнение заказа на радость пользователей длится всего несколько часов. Как по мне, это очень быстро, но не забывайте и о живой очереди, потому что заказ на меню был написан не только вами. Так что если вы последний в очереди, то вам стоит немного подождать, но после этого мы опубликуем ваше нарисованное бесплатное меню для группы ВКонтакте на сайте в этом разделе, где вы сможете легко установить его в своей группе и бесплатно.
Мы хотим предложить вам графическое меню для ваших vK групп , оно посвящено новому футбольному симулятору EA под названием FIFA 14 . Эта игра вышла 27 сентября 2013 года и вы уже можете скачать игру FIFA 14 c торрента. На наш взгляд, симулятор достоин внимания, ведь если сравнивать прошлые игры серии, то вас ждет много новых фишек, например, идеальный выстрел, который делает каждый кадр невероятно реалистичным и траектория полета мяча соответствует реальной физике полета.Футболисты могут пробивать пушечное ядро на расстоянии, удивлять голкипера низко летящим мячом, а также наносить удары за шкирку и крутить мяч, как в настоящем футболе.

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

Заказчик попросил сделать меню для группы ВКонтакте с автомобилем Nissan Silvia . В течение часа я сделала ему украшение, но ему не понравилось, оказалось, что обрезанный станок ему не понравился. Поэтому я не парился, отказался от работы и разместил это меню здесь на сайте, как бесплатный дизайн для группы ВК.Так как мне не нравится, когда заказчик не знает, что ему нужно, и витает в голове у дизайнера. И совет на будущее тем, кто будет заказывать меню — делайте заказ с уже выбранной картинкой.

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

Приглашаем вас познакомиться с новым меню для группы ВКонтакте под названием «Станислав Ярушин». Наши постоянные пользователи наверняка обратили внимание на обложку и поняли, что ничего нового в этом дизайне нет. Кстати, это первое меню для сообщества ВК, посвященное актеру, шоумену, российскому телеведущему Станиславу Ярушину и его герою в « Универ. Новый хостел » Антон Мартынов .Теперь у фанатов есть возможность установить графический шаблон. Все пункты в меню сделаны для быстрого ознакомления, так как сегодня у нас проблемы с музой, поэтому они не придумали ничего нового. Еще хочу напомнить, что меню устанавливается очень быстро, но тем, кто не умеет, стоит посмотреть видео-урок, который находится в стадии разработки.

Что ж, новый дизайн понравится тем, кто любит игры от компании Rockstar Games, выпустившей такие популярные игры, как L.А. Нуар, Макс Пейн, Red Dead Redemption и все известные Grand Theft Auto или просто говоря GTA . Это меню ВКонтакте для группы выполнено в темных тонах, без лишних изысков и эффектов. Основным фоном этого графического шаблона является ночной город игры. GTA , с голубоватым оттенком, на котором изображены герои популярных игр, перечисленных выше. В целом это очень простое дизайнерское меню для сообщества ВК, о котором можно судить даже по обложке, но все же стоит попробовать установить, так как в группе смотрится довольно аккуратно.

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

Наверняка многие пользователи нашего сайта хотели найти и установить это меню для его vK групп , потому что на нашем сайте очень мало похожих графических шаблонов. Теперь вы можете установить этот дизайн, который, вероятно, знаете, как называется — Cristiano ronaldo . Меню отличается качеством и удачным сочетанием, от предыдущих дизайнов с Криштиану Роналду . А главное, чтобы добиться того, что вы видите на обложке, достаточно будет просто скопировать код дизайна и вставить в сообщество ВК.Для более качественных настроек придется немного помучиться с заменой ссылок, и создавать страницы для группы. Но, думаю, многим будет достаточно, чтобы шаблон был установлен достаточно просто и не принудительно, как это видно в видеоуроке.
фунтов стерлингов. Wiki Marking Templates
علیرغم تمام مزایای این روش نیز معایب وجود دارد. معایب. در ویکی پدیا نشانه ها قوانین معنی دار تبلیغات در جستجو به سادگی غیرممکن است.Рейтинг:
در اصل این معایب بسیار مهم نیست که از مقالات در Vkontakte استفاده نکنند. از آنجا که به منظور تست منطقه و فرصت شما این کاملا کافی است از آنجا که شاخص های گوگل شبکه های اجتماعی به سرعت به سرعت, پس از آن نتیجه کار شما را می توان در یک ماه دیده می شود.
در رده ویکی-مارک В Контакте معمولا به عنوان یک راه برای ایجاد یک منوی زیبا و بصری راحت از گروه اشاره می شود که به شما اجازه می دهد بخش ها و بخش ها را شکل دهید, طیف وسیعی از کالاها و خدمات, قیمت گذاری و ره را ارسال نید این ار نیاز به کار اولیه در یک ویرایشگر گرافیک دارد ، ایی که راحی بصری مناسیجاد متناب متادو.با این حال ، این نیز می تواند در یک فرمت متن ساده نمایش داده شود.
به طور امل از تمام منابع ویکی استفاده نید – نشانه گذاری در Vkontakte تنها می تواند در گروه بشد. قابلیت های عمومی به شما اجازه نمی دهد که منوی فوق را که در بالا ذکر شد ایجاد کنید. و 900 66 برای این شما نیاز دارید:
برای شروع کار با Wiki Markup در یک گروه در پاراگراف «مدیریت جامعه», لازم است شامل «مواد», قرار دادن یک تیک در نمودار مربوطه.پس از آن ، بخش «اخبار تازه» در صفحه اصلی گروه ظاهر می شود. در آن و با نشانه ویکی ، تشکیل منو و مقالات ار می نند.
بنابراین ما می توانید بسیاری از مقالات را ایجاد نید ، نها را در ارتیشن ا وانید بسیاری از مقالات را ایجاد نید ، نها را در ارتیشن ا وانید بسیاری ا مقالات را ایجاد نید ، نها را در ارتیشن ا وانید بسیاری ا مقالات را ایجاد نید آ هنها را در ارتیشن ا وانید بسار ا وانید. همانطور که برای کار مستقیم با مقالات, ویرایشگر گرافیک вконтакте اجازه می دهد تا شما را به تولید بیشتر اقدامات ساده (متن را انتخاب کنید, هدر ها را اضافه کنید, عکس ها, ویدئو ها و لینک ها را اضافه کنید) با استفاده از دکمه ها. دستکاری ای ده تر ، ر دو در داخل مقاله و در منو (ایجاد جداول و ارتیشن ، اقداول و ارتیشن ، اقداول ارتیشن ، اقداول ارتیشن اقداول ارتیشن اداول مختلف با اتتا ا) ارتیشن اداتن ارتفن اداول مختلف با استاب اساد با اتبا استاب اسادبرای در نظر رفتن آنها در این مقاله جزئیات دقیق نیست ، زیرا تعداد آنها بسیار بزرگ است. دستورالعمل ای زیادی در بکه وجود دارد ، شما می توانید از گروه استفاده کنید.
ا می واهید یک مکان را دریافت کنید که در ن شما می توانید نمونه هایی از ار وبلات توانید نمونه هایی از ار وبلات تولتات ارتلاب معمولا برای این اهداف یک سایت ایجاد می کنند. اما یکی دیگر از راه های ساده تر وجود دارد — روه Vkontakte با Wiki-Markup. در این مقاله ، من توضیح خواهم داد که چگونه آن را ایجاله کنم.
با راحی دید Vkontakte ار می کنم.دیمی به زودی حرکت می کند — بنابراین من آن را در نظر نمی گیرم. در هر صورت ، روند بسیار متفاوت نیست.
اولین اری که باید انجام دهید این است که یک روه جدید ایجاد نید:
بخش «گروه ها» را باز نید.
روی دکمه «Create Community» لیک نید.
ایجاد یک جامعه جدید
عنوان را وارد نید ر کسی را مشخص نید — می توان آن را در ر مان تا حد ممکن تغییر داد.
در حال حاضر نوع امعه را انتخاب کنید: روه ا صفحه عمومی.تفاوت در بالا شرح داده ده است.
حه عمومی یا صفحه عمومی؟
روی «ااد یک جامعه» کلیک کنید.
در اینجا شما می توانید نام مشخص شده را تغییر دهید و نوع صفحه را انتخاب کنید (همچنین می تواند) مچنن می توانید.
راموش نکنید که شرایط استفاده را بپذیرید.
نوع حه را انتخاب نید
روی «ایجاد یک حه» لیک نید.
Ура امعه ایجاد شده!
ویرایش اطلاعات امعه
بلافاصله س از خلقت روه جدید شما صفحه «اطلاعات ویرایش» را وارد کنید.چیزی نجاست:
Оценка . من فکر می کنم لازم نیست توضیح دهیم. تنها فیلد اجباری
رح امعه . چند کلمه در مورد خود و روه خود بنویسید. نه ارزش نوشتن — س آن را بخواند.
مه زمینه ها ، به نام ، نمی توانند به طور کامل پر شوند.
Автомобильный портал
نگامی که ما با تنظیمات به پایان رسید — روی «ذخیره» کلیک کنید.
روه ااد شده است
حالا شما می توانید تصویر اصلی را دانلود کنید.روی «لود یک عکس» در سمت راست کلیک کنید.
بیایید یک حه را برای یک حه رانندگی نیم
مسیر را در تصویر مشخص نید. لوگو ، عکس یا قرعه کشی خود را بنویسید (سفارش) چیزی خاص. با کمک قاب ، منطقه را برجسته کنید تصویر اصلی انجمن.
برجسته منطقه مورد نظر با کمک قاب
در حال حاضر یک منطقه دور وچک را انتخاب کنید که مینیاتوری گروه ما تبدیل شود.
اندازه دایره نیز می تواند تغییر کند
ان است که ما انجام دادیم حه تبدیل به 35 ٪ اب شده است!
زیبایی!
در مورد وضعیت راموش نکنید.وجود دارد ، شما نیز می توانید چیزی جالب بنویسید. به عنوان مثال ، شعار یا جزئیات تماس شما. یا یک اعلامیه که شما یک روز دارید.
روی این ار آماده سازی ایان دادن و روع به سخت ترین — نشانه اری ویکی.
نحوه دا ردن ناسه روه
ورودی وبلاگ ، لیست با نمونه ایی از ار — این همه ما با صفحات ویکی ایجاد واهیم کرد. Vkontakte س سرویس منزجر کننده است که در ن ابزارهایی برای ایجاد یک صفحه جدید وجود ندارد. در عوض ، از اسکریپت استفاده کنید. نترسید ، این فقط ، هرچند ناخوشایند است.
برای اسکریپت ، ما باید شناسه گروه خود را پیدا کنید. ار آدرس ود را تغییر نداده اید — سپس این اعداد در نوار آدرس هستند که بعد از کلمه «باشگاه» می آیند. من بلا تغییر رده ام ، بنابراین من چنین راهی ساده ای برای مخفی کردن شناسه ندارم.
برای هر پست روی دیوار لیک کنید تا آن را باز کنید. اگر هیچ وجود ندارد — بنویسید هر چیزی.
ر پست را ایجاد کنید و روی آن کلیک کنید.
داده های جدید در نوار آدرس ظاهر می شود. بین «دیوار» و «_» (زیر خط ایین) در وسط وسط قرار دارد و یک ناسه صفحه شما وجود دارد.ن را در جایی ره نید
Телефон — 124301131
ایکاد یک حه ویکی
حالا ما می توانید از اسکریپت برای ایجاد صفحات جدید با Wiki-Markup استفاده نید.
http://vk.com/pages؟oid=-124301131&p=dima
ن را کپی ینید و وارد وید خط درس مرورگر به جای شناسه من ، ودتان را مشخص نید. و به جای کلمه «نام» نام را بنویسید صفحه ایجاد شده. شما می توانید از روسیه ، اها ، اعداد استفاده کنید. سپس ENTER را فشار دهید تا به لینک بروید و اسکریپت را اجرا کنید.
مراقب باش! نام صفحات ویکی را نمی توان تغییر داد. اگر شما تایپ می نید — ما باید یک جدید ایجاد کنید.
بیایید شروع کنیم صفحه اصلی. من «منو» را صدا زدم.
اسکریپت را در نوار درس
روی «ردن محتوا» لیک کنید.
ویرایشگر حه باز
در اینجا ویرایشگر صفحه است. اما ما هنوز مورد نیاز نیست ، اما لینک. به نوار آدرس نگاه کنید. شما به همه چیز نیاز دارید که قبل از کلمات «؟ act = ویرایش و بخش = ویرایش».
امینان حاصل نید کهناسه صفحه را ذخیره کنید و به آن پیوند دهید.
این خیلی لحظه مهم. حه جدید این نیز در ر نقطه ابت نشده است و لینک به ن منجر نمی شود. ار آن را بندید — سپس از دست دادن.
من به شما توصیه می کنم یک ایل جداگانه ایجاد کنید که در آن ساختار روه شما ذخیره می شود. ن را در فرم «عنوان — لینک — حه ID». ناسه «حه 124301131_50771728» است. این برای شما مورد نیاز است.
در اینجا ، به عنوان مثال ، ساختار گروه من «накладные расходы».منو و 2 حه دیگر. این همچنین اسکریپت را برای ایجاد صفحات جدید پرتاب کرد. آسان است برای پیدا کردن آن.
تمام لنک ا و ناسه ا را ذخیره کنید ایل جداگانهنه از دست دادن
اگر فقط ناسه صفحه را نجات دادید ، اما در مورد لینک ها فراموش رده اید؟ درس «https://vk.com/page-124301131_50771728» را به نوار آدرس وارد کنید. به طور طبیعی ، شناسه صفحه خود را جایگزین کنید.
رع ویکی حات در رو
حه اصلی خود را قبلا ایجاد کرده است. در حال حاضر باید در بالای جامعه هماهنگ شود.برای انجام این ار ، لینک را به صفحه کپی نید و به پیام روی دیوار وارد کنید. در تماس با لینک به طور ودکار یک لینک ایجاد می کند و ن را زیر پست ضمیمه می کند.
لینک را به صفحه پست کپی نید
دمه باقی خواهد ماند ، حتی اگر یک وند متن را حذف نید
بارگیری تصویر حداکثر عرض دیوار — 510 سل. حداکثر ارتفاع نیز 510 سل است. در این مقادیر ، می توانید هر کاری را انجام دهید. مربع 510×510 — بیشترین بنر بزرگکه شما می توانید انجام دهید این درست است برای هر پست ، نه تنها برای ثاتب.
ان ار را انجام دادم
روی ارسال لیک نید حالا روی نماد در رم سه نقطه در سمت راست کلیک کنید گوشه بالا پست. و روی «توقف» لیک کنید.
اکنون پست را با مرجع بنویسید.
به همان وه ، امکان اطلاعیه ای از مقالات در وبلاگ ویکی شما وجود دارد. فقط لازم نیست آنها را تعمیر کنید.
به روز رسانی صفحه اطلاعات روه ناپدید شد. در عوض ، یک پست با یک مرجع و تصویر به جای آن ظاهر شد.
روی تصویر لیک کنید صفحه ویکیپدیا را باز نید
ار بر روی تصویر ا دکمه «Просмотр» کلیک کنید — حه ویکی باز می شود.
تا نون او الی است
نکته اصلی این است که ما لمس نخواهیم کرد. ما هنوز صفحات دیگر نداریم. مراجع به چیزی برای چیزی نیست. اول ، ما با چیزهای دیگر مقابله خواهیم کرد.
Вики-страницы ВКонтакте
م را توصیف نمی نم برچسب های موجود برای طرح همه چیز به مدت ولانی قبل از من نوشته شده استه. وود دارد روه رسمی Vkontakte اختصاص داده شده به نشانه اری ویکی. این را می توان هر چیزی را در آن یافت. مه چیز مرتب ده بر اساس موضوع — بله اعمال می شود.
من نشان واهم داد که ونه دانش را از این گروه در عمل اعمال کنم.بیایید صفحه را «درباره من» تعقیب کنیم. برای شروع ن را با استفاده از اسکریپت ایجاد کنید ، ناسه را بنویسید و به صفحه ویرایش بروید.
در حه ویرایش 2 حالت وجود دارد: حالت عادی و مارک. به دلایلی ، معمول ، بی رحمانه حشره دار است — به طور مداوم ع لینک ها. و بسیاری از توابع در آن در دسترس نیست. بنابراین من سعی می کنم در آن کار کنم. برای رفتن به حالت Wiki-Markup روی نماد لیک کنید راست تا.
برو به حالت مارک ویگا
باید در صفحه «درباره من» باشد؟ برخی از اطلاعات ، لیستی از مزایای بیش از دیگر کپی ، شاید یک عکس.بیایید این کار را انجام دهیم
برای روع متن نوشتن ا ، مناسب تر است در یکی از عزیزان ود بنویسم ، و سپس به ویرایشگر Vkontakte کپی. راموش نکنید که «ذخیره حه» را بعد از هر تغییر فشار دهید.
در حال حاضر عکس اضافه نید روی نماد در رم یک دوربین کلیک کنید و مسیر را به تصویر مشخص نید.
روی نماد در فرم یک دوربین در نوار ابزار لیک نید
در اینجا عکس ما است
متن را می خواهم تصویر را ریان دهد بنابراین پارامتر «سمت چپ» را اضافه واهم کرد.و من نمی خواهم مردم را باز کنم نسخه کامل عکس ها ، بنابراین من ویژگی «Nolink» را اضافه کردم. اطلاعات بیشتر در مورد یژگیای موجود در گروهی که من لینک بالا را ارائه دادم ، بیشتر بخوانید.
اضافه ردن ارامترها «nolink» و «چپ»
به نتیجه نگاه کنید — برو برو حالت عادی از دکمه استفاده نید.
لی با نیست
بیایید عکس را کاهش دهیم. فقط بت نام نید مشخصات نی در حالت نشانه گذاری من ارزش ها را دو برابر کوچکتر گذاشتم.
ابعاد مورد نظر را در حالت نشانه گذاری ویکی مشخص نید
در حال حاضر لیست را رار دهید برجسته رشته مورد نظر و بر روی نماد لیست لیک کنید.
ان دکمه برچسب را تنظیم می کند * ی لیست لیست را ایجاد می ند
نماد «*» بل از او ظاهر می شود. این برچسب لیست است. ما می توانید ن را به صورت دستی قرار دهید ا از دکمه در نوار ابزار استفاده کنید. موارد لیست باقی مانده را علامت بزنید
باتر
حالا شما باید سرفصلها را برجسته کنید. در نوار ابزار دکمه هایی برای طراحی هدر های h2-h4 وجود دارد.
ا دکمه ا استفاده نید یا برچسب ا را به صورت دستی رار دهید
«درباره من» من یک سطح اول را خواهم ساخت.و عبارت قبل از لیست سطح سوم است.
تقریبا انجام شده است
مه چیز تقریبا خوب است ، اما هدر دوم کمی به تصویر رسید. شما باید یک رشته خالی اضافه کنید. در حالت Wiki-Markup این ار با استفاده از برچسب انجام می 900ود
.
رشته الی را اضافه نید
ار شما نیاز به ست و تنها 1 رشته —
برای این شما نیازی ندارید ا ر میخواهید 2 بیشترد اگر میخواهید 2 بیشترد ار میخواهید 2 بیشترد اراتد ارتا ارتا
اید شما می توانید چربی را تخصیص دهید کلمات جداگانه.برجسته عه مورد نظر و دکمه «B» را ار دهید ا از ترکیب کلید CTRL + B استفاده نید.
ترکیب Ctrl + B نیز ار می کند
این چیزی است در پایان اتفاق افتاد.
به نظر من بد نیست
نمونه ارها ثبت نام Vkontakte
اکنون نمونه کاره مناسب برای مشتریان ایجاد کنید. من 2 راه را می Просмотров:
ایجاد آلبوم ا با تصاویر و لیست صفحه با لینک به هر یک از آنها.
ايجاد ردن حه جداگانه برای هر ار و لیست صفحه.
به عنوان مثال ، من 2 ار را در نمونه ارها اجرا خواهم کرد — ر راه.
لبوم نمونه ارها
برای ایجاد یک آلبوم ، منوی مدیریت جامعه را باز کنید.
به تنظیمات اجتماعی بروید
در اینجا ، عبه را در مقابل آیتم های عکس آلبوم ها چک کنید. حالا شما می توانید آنها را ایجاد کنید. تغییرات را ذخیره نید
بلوک را با آلبوم ای عکس اضافه نید
در صفحه جامعه ، بر روی دکمه «اضافه کردن عکس» لیک کنید و مسیر را به فایل های مورد نظر مشخص کنید.
تصاویر ار ما را به آلبوم اضافه نید
رض نید من می واهم یک مقاله را به نمونه ارها در مورد چگونگی ایجاد تصاویری از متون اور ا متون راویر ا متون رون رح رن رن رن رن ارا در مورد.برای این من تصویری از مقاله را ایجاد می کنم و ن را به قطعات کوچک در یک ویرایشگر گرافیک برش می دهم.
برای چی؟ از آنجا که در ر این صورت متن در تصویر خیلی کوچک خواهد بود و ن را خوانده نخواهد شد. احساس از چنین نمونه کارها کمی. و بنابراین من ن را در یک دسته از قطعات فردی شکست اندازه طبیعی و اضافه کردن ب لبوم داگانهدر گ
4 раза в сутки. مکان نما را به هر تصویر انتقال دهید و روی نماد «حرکت عکس» لیک کنید.
انتقال تصاویر جدید در آلبوم جدید
لبوم جدید ایجاد کنید
روی «در آلبوم جدید» لیک نید
لبوم را همان نام را به عنوان مقاله بگذارید.آسان است برای پیدا کردن آن. ما به توصیف نیاز ندارید مچنین کنه ها را در مقابل موارد قرار دهید «عکس ها فقط می تواند ا می تواند وراسارن اردن اردن ارن ارن ارن ارن ارن راران رار دد» روی «ایجاد یک لبوم و انتقال» لیک نید.
لبوم نام را بگذارید و بقیه کاربران را تغییر دهید تا آن را تغییر دهید.
به طور مشابه ، تصاویر باقی مانده را انتقال دهید. د در حال حاضر ما نیازی به ایجاد یک آلبوم جدید نیست — ن را در حال حاضر وجود دارد.
لبوم را که بلا از لیست ایجاد شده انتخاب نید
ان چیزی است که ما در ایان انجام دادیم.
لبوم با قطعات متن
برای آلبوم ای بعدی ، هیچ هموروئید با انتقال وجود نخواهد داشت. روی «آلبوم ای عکس» کلیک کنید.
لیست لبوم ای گروه ود را باز نید
حالا روی دکمه «ایجاد آلبوم» در وشه سمت راست بالا کلیک کنید. ن را یک نام بگذارید و بخشی جدیدی از تصاویر را با استفاده از دکمه «اضافه کردن عکس» دانلود کنید.
لبوم را برای یک متن جدید در نمونه ارها ایجاد نید
مه ، در حال حاضر ما 2 لبوم داریم که در ن تصاویری از 2 مقاله ره می شود.شاید به اندازه کافی
2 لبوم با تصاویر
حه «نمونه کارها» ایجاد کنید و ناسه آن را ضبط کنید. ما کار را بر روی آن پست نخواهیم کرد — نام ها ، مینیاتوری ها و توت های کوتاه.
روی نماد «افزودن عکس» کلیک کنید.
اافه ردن عکس جدید به صفحه
روی «انتخاب از عکس های جامعه» کلیک کنید. باز کن لبوم مورد نیاز و تصویر بند انگشتی خود را انتخاب کنید.
تصویر بند انگشتی خود را به آلبوم اضافه کنید
در برگه جدید ، لبوم ا اولین تصویری را در آن باز کنید.و کپی آن را به لینک (به طور کامل). ما باید ن را در برچسب عکس بین ویژگی عمودی قرار دهید و بسته شدن براکت مربع]].
وند بین شخصیت ا را وارد نید و]]
بنابراین نگامی که بر روی آن کلیک کنید ، یک تصویر کوچک را دریافت واهید کرد.
حه نمونه ارها
وب ، همه چیز در اینجا بسیار ساده تر است. یک حه جدید ویکی را ایجاد نید و راموش نکنید که ناسه آن را ضبط کنید. روی نماد «اودن عکس» لیک کنید و تصویری از متن خود را دانلود کنید ، بل از برش به عات کوچک.ایده آل ، 1 تصویر 1 اراگراف است.
برای چی؟ از آنجا که Vkontakte کاملا فشرده سازی تصاویر است. ار تمام عکس ا را دانلود نید ، و سپس ن را به کل صفحه رشد دهید — ت منزجر ننلود واهد بود. قطعات کوچک از ن رنج نخواهند داشت.
حالا حالت نشانه اری ویکی را خاموش نید (اگر روشن ود).
بازگشت به ب حالت استانداردبرای دیدن نتیجه
بد نیست ، اما کافی نیست. روی تصویر اول کلیک کنید. در تنظیمات باز شده ، عرض (سلول چپ) را تنظیم نید — 607 PX. این حداکثر اندازه تصویر مجاز در صفحه است.ارتفاع به صورت خودکار تغییر خواهد کرد.
عر عس را تنظیم نید — 607 PX
این چیزی است که اتفاق افتاده است. به همان وه تمام قطعات دیگر متن را افزایش می دهد.
اولین عه به طور قابل توجهی بیشتر شد
به این ترتیب ، ما می توانید متن هر طول بر روی صفحه ویکی را بچرخانید. نکته اصلی این است که می توان آن را با عرض 607 پیکسل خواند.
تصویر امل متن در حه ویکی
در نهایت ، ما به ناسه صفحاتی که ضبط کرده اید نیاز داریم. حه نمونه ارها خود را باز کنید
بارگیری مینیاتوری بر روی آن (از آلبوم ایجاد شده یا از یک کامپیوتر).حالا ناسه حه را با متن بین براکت مربع بسته بندی کنید]] و ویژگی عمودی |.
ناسه حه با متن بین ت ا | و]]
در واقع ، همه. در حال حاضر نگام کلیک کردن بر روی مینیاتوری ، بازدید کننده به متن با متن می رود.
2 года назад
بت نام لیست ار
حالا اجازه دهید نمونه ارها را بیشتر قابل نمایش و راحت تر کنیم. من یک عنوان بر روی ن نام های شغلی ، توصیف های کوچک و وندهایی به سایت که در آن منتشر ده است اافه ا است اا ا است اا ا وچک و وندهایی به سایت که در ن منتشر ده است اا د است اا ا. این چیزی است که اتفاق افتاده است.
برخی از اطلاعات مربوط به هر کار را اضافه کنید
بت نام صفحه «دمات و مت ها»
ما قبلا یک حه «درباره ود» و نمونه کارها زیبا داریم. اید وقت ن است که مشتریان برچسب قیمت را نشان دهند. من فکر می کنم ما آن را به صورت یک جدول قرار می دهیم. و ابل فهم حه جدید ویکی ایجاد کنید ، ناسه را ذخیره کنید و رانندگی نید.
جزئیات در مورد تمام برچسب ها که در هنگام تخمگذار جدول مورد نیاز است, می توانید بخوانید
در آخرین مقاله, ما در مورد گروه یا عمومی خود صحبت کردیم, و امروز ما در مورد ایجاد نشانه گذاری زیبا برای این صفحه صحبت خواهیم کرد .
ایجاد نشانه گذاری ویکی بسیار مشابه در اصل عمل است کد HTML اما او بصری تر است و فردی که هرگز در حال ایجاد صفحات HTML ابتدایی نیست, قادر خواهد بود آن را در آن شکل دهد.
در تماس با نشانه اری ویکی برای ایجاد بایی خدمت می ند صفحات گرافیک ، منو ، اسپویلرها اوربی ود. با انجام یک نشانه کمر ، ما به چشم مشترکان عمومی خود صعود می کنید. ما زمان ادی را صرف ساخت راحی زیبا ، ناوبری و پست های ساخت یافته در جامعه رده ات در امعه رده اد و این اتن ات ان ات اد امع رده اد و این اتن اتان ات امع رده اد و این اتن اتان اد ان اتن اتآنها از آن قدردانی می کنند.
ما توصیه نمی کنیم ایجاد کنیم نشانه گرافیکی. این در حال حاضر قدیمی است. علامت گذاری به خوبی تزئین شده به نظر می رسد بهتر و نگهداری می شود. اما اگر تصمیم بگیرید که هنوز به اولین گزینه برسید, ابتدا یاد بگیرید که با تصاویر کار کنید:
یک تصویر را در В.К. استفاده کنید نشانه گذاری ویکی شما فقط می توانید اگر آن را در آلبوم عمومی یا گروه خود را.
برای قرار دادن تصاویر ، باید آلبوم را وارد کنید و درس این تصویر را کپی نید. مثلا фото111111_11111.
مچنین ، ما توانایی تغییر ارامترهای تصویر و اضافه کردن لینک ها را دارید. مثال:
[], جایی که در گزینه های محل می تواند از لیست زیر جایگزین شود:
گروه вики вики группы, همانطور که قبلا گفتیم, به نظر می رسد زیبا تر است. نگامی که شما آن را انجام می دهید ، همه چیز را درک خواهید کرد!
مم نیست که دام نه های نشانه گذاری شما بیشتر دوست داشتید ، ایجاد جدول در دو مورد نیاز اتست.
{| — این علامت نشان دهنده از جدول است.ویژگی اجباری
| + — دول عنوان اختیاری عنوان این بلافاصله برای ویژگی شروع جدول رار می گیرد.
| — ویژگی که مسئول شفافیت سلولی است.
اگر هیچ ویژگی بلی وجود نداشته باشد ، این یکی مسئول است رنگ تیره سلول ها. (باید یکی از ویژگی ا باشد)
|} -Conmark ، به معنی پایان جدول است. لازم نیست ن را مشخص کنید ، اما بهتر است مشخص شود که از وقوع اها جلوگیری شود.
در نظر بگیرید که نشانه ویکی را در مثال اص ایجاد نید:
و در انجا کد است ا
| — |) Вконтакте دارای یک کتاب کوچک با یک دوره علمی نشانه گذاری است.
بت لینک از طریق نشانه اری ویکی و مچنین لینک با لنگر Vkontakte:
مچنین Vkontارار من فکر می کنم بهتر است از طریق آن ایجاد شود. لازم نیست تمام این ارزش ها را آموزش دهید.
Справка: Включение — Liquipedia VALORANT Wiki
Включение относится к включению содержимого документа в другой документ посредством ссылки.В контексте этой вики, это использование шаблонных функций MediaWiki для включения одного и того же контента в несколько документов без необходимости редактировать эти документы по отдельности. Это делается путем размещения ссылки на исходную страницу в вики-тексте целевой страницы. Изменения, внесенные на страницу, автоматически отражаются на всех страницах, на которые эта страница была включена.
Базовый синтаксис, используемый для включения в викитекст, — это {{Namespace: Name}} , который будет заменен содержимым страницы с именем Namespace: Name при отображении на дисплее пользователя.Если имя указанной страницы не начинается с идентификатора пространства имен ( Пространство имен: ), предполагается, что оно находится в пространстве имен Шаблон. Чтобы ссылаться на страницу в пространстве имен «Основная» (статья), необходимо поставить перед ней двоеточие (: ).
Также можно передавать параметры в шаблон, используя расширенный синтаксис, который может повлиять на то, какой текст в шаблоне отображается.
Альтернативой включению является подстановка, при которой текущее содержимое шаблона автоматически копируется в викитекст целевой страницы при сохранении и затем становится неотличимой частью сохраненной страницы, независимо от любых последующих изменений, внесенных в шаблон. .Синтаксис для этого: {{subst: имя шаблона}}
Как работает трансляция [править]
Чтобы включить любую исходную страницу (в рамках одного проекта MediaWiki), включите следующий код в целевую страницу:
{{SOMEPAGE}}
Каждый раз, когда отображается целевая страница A с этим кодом, движок будет включать в это место не сам код, а все содержимое исходной страницы B, SOMEPAGE.
Разметка включения [править]
без включения .Разметка … означает, что текст между тегами не будет перенесен на другую страницу, а будет отображаться только на самой странице. Это полезно для документации.
включает только . Разметка … означает, что текст между тегами будет использоваться только тогда, когда страница будет перенесена на другую страницу, и не будет отображаться на самой странице. Это может быть полезно, например, для добавления категорий к страницам, включая шаблон, без добавления самого шаблона в эти категории.
только включает . Разметка … указывает, что на другую страницу должен быть включен только текст, окруженный разметкой onlyinclude. Это самый тонкий из тегов частичного включения, потому что он часто отменяет другие. Если на странице есть хотя бы одна пара тегов «onlyinclude», то всякий раз, когда эта страница включается, включается только материала в тегах «onlyinclude». Таких разделов может быть несколько, и в каждом из них некоторые материалы могут быть дополнительно исключены тегами «noinclude», а также могут быть окружены тегами «includeonly», чтобы они не отображались на самой исходной странице.Но материал за пределами тегов onlyinclude будет проигнорирован, когда страница будет перенесена на другую страницу. Это может быть полезно, например, для повторения небольшой части одной страницы на второй: просто окружите небольшую часть тегами onlyinclude и включите ее на вторую страницу.
Миграция шаблонов из вики-разметки в формат хранения на основе XHTML | Центр обработки данных и сервер Confluence 7.8
Если вы выполняете обновление до Confluence 4.3 или новее с более старой версии (от Confluence 4.2.x или более ранней версии), то в рамках обновления произойдет автоматический перенос шаблонов страниц. Это неразрушающий процесс. Ваш существующий контент не перезаписывается. Вместо этого в процессе миграции будет создана новая версия каждого шаблона пространства и каждого глобального шаблона на вашем сайте Confluence. В новой версии будет использоваться новый формат хранения на основе XHTML, поэтому вы можете редактировать шаблон в редакторе форматированного текста Confluence.
Примечание: Тем не менее, вы должны обязательно выполнить резервное копирование своей базы данных и домашнего каталога перед запуском новой версии Confluence, как мы рекомендуем для любого обновления Confluence.
Просмотр журналов миграции во время обновления
Чтобы отслеживать ход миграции сайта, вы должны следить за выходными данными в журнале приложения.
Типичный прогресс регистрации будет отображаться несколькими записями журнала на уровне ИНФОРМАЦИИ в следующем формате:
WikiToXhtmlMigrationThread-n - перенесено 22 из 29 шаблонов страниц.
На этой странице:
Связанные страницы:
В каждом отдельном шаблоне может регистрироваться широкий спектр сообщений, но все ошибки также собираются для отображения в одном отчете о миграции после обработки всего содержимого.Вот типичный пример такого отчета:
Wiki to XHTML Exception Report: Резюме: 0 значений настроек не удалось. 2 PageTemplates не удалось. 0 ContentEntityObjects не удалось. Исключения содержания: 1) Тип: страница, Id: 332, Заголовок: Примечания к выпуску 1.0b3, Пробел: DOC - Confluence 4.0 Beta. Причина: com.atlassian.confluence.content.render.xhtml.migration.exceptions.UnknownMacroMigrationException: ссылка на макрос неизвестна .. Сообщение: ссылка на макрос неизвестна. 2) Тип: комментарий, Id: 6919, Title: null, Global Scope.Причина: com.atlassian.confluence.content.render.xhtml.migration.exceptions.UnknownMacroMigrationException: макрос mymacro неизвестен .. Сообщение: макрос mymacro неизвестен.
Каждая запись в отчете будет определять содержимое, вызвавшее исключения миграции, а также отображать сами исключения.
Практически во всех случаях любой контент, отмеченный как ошибочный, будет перенесен в новый формат хранения на основе XHTML, но фактически будет состоять из содержимого разметки вики, заключенного в макрос XML «unmigrated-wiki-markup».Этот контент по-прежнему будет доступен для просмотра в Confluence и редактирования в редакторе форматированного текста Confluence.
Однако в некоторых случаях пакет содержимого мог действительно полностью не перенести. Чаще всего это происходит из-за необработанного исключения, вызывающего откат транзакции базы данных. Об этом будет сообщено в журнале с таким сообщением:
Не удается запустить Confluence. Неустранимая ошибка во время последовательности запуска: confluence.lifecycle.core: pluginframeworkdependentupgrades (Запуск всех обновлений, для которых требуется наличие инфраструктуры подключаемых модулей) - com.atlassian.confluence.content.render.xhtml.migration.exceptions.MigrationException: java.util.concurrent.ExecutionException: org.springframework.transaction.UnexpectedRollbackException: транзакция откатилась, поскольку она была помечена как только для отката
Confluence не предоставляет дополнительных отчетов об этом сценарии, а также позволит Confluence перезапуститься в обычном режиме без повторной миграции. Если пользователь попытается просмотреть или отредактировать немигрированный шаблон, будет использован редактор шаблонов вики.
Решение состоит в том, чтобы вручную повторно запустить миграцию сайта после перезапуска, как описано ниже.
Повторный запуск миграции
Администратор Confluence может перезапустить миграцию шаблона, если какой-либо из шаблонов не прошел миграцию (см. Предыдущий раздел). Только шаблоны, которые все еще отформатированы в разметке вики, будут перенесены снова. Обычно повторная миграция занимает меньше времени, чем исходная миграция.
Чтобы повторно запустить миграцию вручную:
Откройте этот URL-адрес в своем браузере: / admin / force-upgrade.действие
Выберите pageTemplateWikiToXhtmlMigrationUpgradeTask в задаче обновления , чтобы запустить раскрывающийся список .
Выберите Force Upgrade .
Снимок экрана: Экран «Принудительное обновление» в административной консоли Confluence

Примечания
Мы называем формат хранения Confluence «основанным на XHTML». Чтобы быть правильным, мы должны называть это XML, потому что формат хранения Confluence не соответствует определению XHTML.В частности, Confluence включает настраиваемые элементы для макросов и многое другое. Мы используем термин «на основе XHTML», чтобы указать, что в формате хранения имеется значительная часть HTML.
Меню для шаблонов групп ВКонтакте. Как сделать красивое меню для группы ВКонтакте. Завершающий этап регистрации
Не секрет, что Париж — самый романтичный город. И не зря его так называют. Это только Эйфелева башня, Нотр-Дам-де-Пари, прогулка по Сене.Список мест, являющихся культурным наследием столицы Франции, бесконечен. Фестивали, праздники, мероприятия, выставки привлекают большое количество туристов.
История Парижа
Именно благодаря историческим событиям Париж приобрел свое необычное очарование. Остров Сите сыграл важную роль в возникновении Парижа. В III в. До н. Э. е. На острове жили кельты галлы из парижского племени. Поселок назывался Лютеция, что в переводе означает «заболоченное место».До 52 г. до н. Э. галлы защищались от римлян. Противостояние дошло до того, что при следующей попытке римлян приблизиться к городу галлы сожгли Лютецию. В том же году армии Юлия Цезаря все же удалось установить контроль над галлами.
После принятия христианства Хлодвиг I в 486 году нашей эры завоевывает город. Париж становится столицей Франции. Но под властью каролингов центр империи перемещается на восток. Жители города самостоятельно борются с набегами викингов.Остров с укреплениями служил защитой для местного населения.
Семья графа Одо положила конец династии Каролингов. Гуго Капет был избран королем, Париж снова стал центром Франции. Филипп II Август внес огромный вклад в преобразование города. Мощеные улицы, появились фонтаны, началось строительство крепости Лувр, возведены новые церкви.
После Великой французской революции Франция была провозглашена республикой. Но из-за постоянных войн и революций Париж буквально погряз в нищете.
Столица Франции приобрела современный вид благодаря барону Осману: просторные улицы, реконструкция Иль-де-ла-Сите.
Последние штрихи к Парижу были внесены в XIX и XX веках. Олимпийские игры проводятся в Париже дважды — в 1900 и 1924 годах.
Районы Парижа
Всего 20 административных округов.
В этом районе находится Лувр. Если вы окажетесь в этом районе, прогуляйтесь по садам Тюильри и взгляните на Вандомскую площадь.Бюджетному туристу вряд ли удастся остановиться в этом районе, цены на номер в отеле завышены. Но если вы готовы выложить большую сумму за проживание, то вас ждет масса культурных мероприятий.
В районе сосредоточено много банков и бизнес-центров. Главная достопримечательность — Бастилия. Если вы настроены на веселые выходные, то этот район не для вас. Цены здесь более разумные, чем в первом районе.
Храм
Название округа говорит само за себя.Храмовый замок — историческое достояние города. Район в основном является домом для интеллигенции и аристократических слоев населения.
Цены на отели существенно отличаются от предыдущих.
Hotel De Ville
Этот район является центром культурного наследия Парижа. Собор Парижской Богоматери, площадь Бастилии, музей Виктора Гюго. В отелях вам предложат все необходимое для комфортного проживания.
Пантеон
Этот район ассоциируется с римскими солдатами, мушкетерами и Великой французской революцией.Сорбонна, Пантеон, ботанический сад, арены Лютеции — все это можно увидеть в этом районе. Стоимость проживания не отличается от предыдущего округа. Туристам предлагают заселиться в отель, расположенный в здании с 400-летней историей.
Люксембург
Памятников в этом районе немного. Одно из любимых мест горожан — Люксембургский сад. Жители района предлагают туристам размещение в своих квартирах. Район спокойный, хотя и находится в центре Парижа.
Бурбон бледный
Самый популярный район Парижа. Причина тому — Эйфелева башня! Молодой район с политическим статусом округа Парижа. Гостиницы здесь не из дешевых. Стоимость увеличивается в зависимости от расположения отеля до Эйфелевой башни.
Элиза
Район на правом берегу Сены. Триумфальная арка и Елисейские поля — основные места, которые посещают туристы. Престижно — значит дорого.Будьте готовы тратить деньги.
Opera
Тишина и спокойствие — главные отличия этого района. Район пользуется спросом у шопоголиков. Округ Опера больше не центр, цены на жилье ниже.
Entrepos
Улица красных фонарей и эмигранты создали этому району сомнительную репутацию. Это рай для путешественника с ограниченным бюджетом, который легко находит дешевый отель или хостел.
Popincourt
Любой подросток будет рад оказаться в этом районе.Здесь кипит клубная жизнь. Благодаря наличию ночной жизни туристу не составит труда найти жилье в этом районе.
Устали от городской суеты и постоянного трафика? Отправляйтесь в район Рюэйи с Венсенским садом. Выбирая отель или апартаменты, обратите внимание, что они находятся не на границе 12 и 20 округов.
Гобелен
Район зарождения авиационной и автомобильной промышленности.Цены на отели невысокие, а для одиноких туристов есть отличный вариант — хостелы.
Обсерватория
Один из самых популярных туристических районов. Квартал Монпарнас, катакомбы не дадут скучать в путешествии.
Вожирар
Площадь общежития. Здесь вы не найдете толпы туристов, дорогих магазинов, баров и клубов. Отсутствие популярности у туристов никак не сказывается на гостиничном бизнесе.
Пасси
Триумфальная арка, музей Бальзака и подделок — все это собрано в районе Пасси.Культурное наследие в сочетании с дорогими покупками и ресторанами может сильно ударить по вашему кошельку.
Батиньоль-Монсо
Туристы сюда никуда не торопятся. Здесь нет исторических построек и бутиков. Но есть недорогие отели и отдельные квартиры.
Монмартр
Пабло Пикассо и Ван Гог — визитная карточка этого района. Здесь можно поселиться в отдельных квартирах или в молодежном хостеле.
Шомон
Вряд ли эта область вас заинтересует, если только вы не любитель современной науки.
Menilmontand
В этом районе вы не найдете толп туристов. Здесь не на что смотреть. Если вас не интересуют эмигранты и кладбищенские надгробия.
Музеи
Эйфелева башня, несомненно, считается главной ценностью Парижа. Но находиться в Париже и не посещать музеи — это верх неприличия.
Лувр
Самый популярный музей среди туристов. Точное количество картин, экспонатов и статуй в Лувре не сосчитать.Картина выставляется 3 месяца. Затем он удаляется на хранение.
Для лучшего восприятия информации музей «разделен» на части:
1 этаж — античные залы, в том числе искусства Востока и Египта;
2 и 3 этаж — живопись и прикладное искусство;
северное крыло — произведения французского искусства;
южное крыло — итальянское искусство, в том числе «Джоконда»;
на первом этаже, вы буквально прикоснетесь к истории Лувра.
Музей человека
Необычный музей. Здесь нет огромных залов с картинами и статуями. Цель музея — показать, как люди жили, что им приходилось терпеть, как менялась наша планета. Обо всем этом вам расскажут реликвии из разных уголков планеты.
В Музее Человека 4 основных собрания:
основных этапов развития человека;
прирост мирового населения;
разнообразие биологии;
этносы Африки, Америки, Азии и Арктики.
Музей Орсе
Музей Орсе, когда-то бывший железнодорожной станцией, сегодня является одним из самых посещаемых музеев Парижа.
В музее 5 коллекций:
Живопись
Скульптура
Декоративно-прикладное искусство
Графика
Архитектура
Сам музей уже является своеобразным экспонатом. Также в музее есть кафе, где в перерывах между просмотрами можно перекусить.
Музей Родена
Музей представляет собой особняк, окруженный огромным садом.Скульптор Огюст Роден подарил свои работы Франции при условии открытия музея в доме, где он живет. Отдельный зал выделен для работ возлюбленной Родена, а также для работ самого Родена. Обязательно посетите часовню, в которой также представлены работы Родена.
Музей современного искусства
В музее более 8 тысяч экспонатов. На первом этаже находятся инсталляции современного периода, созданные после 1960 года.Здесь же находятся произведения исторического периода. Второй этаж музея отведен под временные выставки.
Музей средневековья
Музей расположен в особняке 15 века в Клюни. Здесь вы не найдете кафе и разделения экспонатов по коллекциям. В облике музея смешалось несколько архитектурных направлений, что нашло отражение во внутреннем облике. «Дама с единорогом», «Шахматисты», статуи царей Иудеи и Израиля — изюминка этого музея.
Музей оранжереи
Музей знаменит работами Клода Моне «Кувшинки», которые занимают второй этаж. Восемь картин расположены рядом по просьбе самого автора. На первом этаже представлены работы д’Орсе. В музее также представлены работы Анри Матисса, Поля Гогена, Сислея, Руссо, Дерана и многих других.
Исторические памятники и сооружения
В солнечную погоду в Париже , Советую просто погулять по городу.Париж пропитан духом истории, который выражен в архитектурных постройках.
Эйфелева башня
В 1909 году планировалось демонтировать башню из-за недовольства местных жителей. Но как только они поняли, что башня привлекает деньги, больше ни у кого не возникло желания ее разбирать. Эйфелева башня — самое высокое здание в Париже и пятое по высоте во Франции. Башню перекрашивают каждые 7 лет. Цвета подобраны так, чтобы он гармонично смотрелся на фоне неба.Удивительно, но башня была окрашена в желтый, красно-коричневый цвет. Каждый слой краски увеличивает вес башни, а антенны удлиняют Эйфелеву башню.
Подземные карьеры
Вход в катакомбы начинается с павильона у метро Danfer-Rochereau. Вас ждут туннели и пещеры протяженностью до 300 км, захоронения более 6 миллионов человек. Если вы любитель острых ощущений, то прогуляйтесь по катакомбам.
Мост искусств
Самое примечательное в мосте — это множество замков на сооружении, оставленное местными жителями и туристами.С моста открывается великолепный вид на Лувр с одной стороны и купол Института Франции и вершину Эйфелевой башни с другой.
Pont Neuf
Самый старый мост в Париже, соединяющий набережные Лувра и Конти. В середине он пересекает остров Сите. Pont Neuf стал первым мостом, на котором не было построено домов, что вызвало массу негатива у купцов. Отсутствие построек было связано с желанием Генриха IV.Он не хотел, чтобы громоздкие здания закрывали вид на Лувр.
Арены Лютеции
Арены расположены в центре Парижа. Однако найти их непросто. Попасть на арену можно только через дверь на улице Монж. Поскольку амфитеатр скрыт от посторонних глаз, толп туристов здесь не встретишь.
Триумфальная арка
Арка — такой же символ Парижа, как Эйфелева башня. Он расположен на площади Шарля де Голля.Внутри арки-музея со смотровой площадки открывается великолепный вид на город.
Мост Александра III
Вы уже поняли, что мосты для Парижа имеют историческую ценность. Небольшая высота моста Александра III не закрывает вид на Елисейские поля.
Дворцы
Дворцы в Париже построены по индивидуальным проектам, отвечающим требованиям будущих владельцев. Каждый дворец несет в себе уникальность и является частью истории города.
Тюильри
В центре Парижа, под властью Франции, Тюильри представлял собой комплекс центрального здания, часов и прилегающих павильонов Марсана и Флоры. Но после поджога коммунаров в 1871 году дворец полностью сгорел. Никто не собирался восстанавливать дворец. Сохранились только павильоны и переходы от Лувра.
Елисейский дворец
Сегодня дворец является резиденцией президента.Высокий забор, 2 закрытых входа — все, что турист может увидеть в обычный день. Раз в год двери дворца открываются для всех желающих. Большая часть дверей дворца закрыта и в этот день, но и комнаты, которые будут доступны, не оставят вас равнодушными.
Люксембургский дворец
Дворец изначально был резиденцией Марии Медичи. До сих пор статус и предназначение дворца часто менялись. Первоначальный облик не сохранился.После передачи дворца Сенату вход ограничили, оставив только одно крыло для выставок. Но любоваться внешним видом можно круглый год.
Большой дворец
Здание видно с любой смотровой площадки Парижа. Во дворце проходят выставки, на меньшей территории находится Музей открытий и изобретений. Самая дорогая выставка Пикассо прошла в Большом дворце.
Дворец Бурбонов
Во дворце сидит Национальное собрание Франции, перед входом гвардейцы на посту, 12 колонн, поддерживают треугольный фронтон.Также есть библиотека с ценными рукописями и книгами. Этого достаточно, чтобы посетить этот музей.
Версаль
Дворец является частью дворцово-паркового комплекса. Внутреннее убранство — это обилие роскошных и уникальных произведений искусства. Этот дворец стал прообразом ансамбля в Петергофе. Падение монархии привело к упадку дворца. Реставрация началась после революции. В 2003 году было объявлено о 13-летней реставрации Версаля.
Conciergerie
Сегодня часть Дворца правосудия в западной части Сите и бывший замок королей Франции и тюрьма в прошлом. В этом здании Мария-Антуанетта ждала своего смертного часа, Эмиля Золя судили и вынесли приговор шпионке Мате Хари.
Религиозные постройки
Средневековые постройки в Париже носят религиозный характер. На то, чтобы обойти все постройки, не понадобится год.
Собор Нотр-Дам
В остальном Нотр-Дам-де-Пари, собор был свидетелем многих исторических событий. Готический стиль собора привлекает внимание туристов. Если вы посмотрите вверх, вы увидите горгулий и химер. Чтобы рассмотреть их поближе, вам предстоит преодолеть более 100 шагов.
В настоящее время собор восстанавливается после пожара.
Базилика Сакре-Кер
Храм стоит на самом высоком холме в Париже.Изготовлен из минерала, который отбеливает водой. С холма открывается захватывающий вид на Париж.
Пантеон
Храм олицетворяет всех богов Рима. Их единство проявляется в одном окне в куполе Пантеона. Из-за отсутствия окон в снежную погоду можно наблюдать завихрения из единственной лунки.
Сент-Этьен-дю-Мон
Церковь сочетает в себе несколько архитектурных стилей. Если посмотреть на уровни, то первый оформлен в классическом стиле, второй — в стиле барокко, и все заканчивается крышей в готическом стиле.
Парижская соборная мечеть
Мечеть с хамамом, современным рестораном и чайной. Он был построен в честь мусульман, сражавшихся в Первой мировой войне. Еврейские семьи укрылись в нем от расовых преследований.
Парки
В Париже бесчисленное множество архитектурных сооружений. Парки также представляют историческую ценность для французской столицы.
Парк Монсо
Парк в английском стиле отличается от типичных парков Парижа.Статуи расположены хаотично. Вы увидите миниатюрные копии египетской пирамиды, китайской крепости и голландской ветряной мельницы.
Бют-Шомон
Парк пользуется популярностью у местных жителей и туристов. Бют-Шомон расположен в карьере, из которого добывали полезные ископаемые для строительства зданий в Париже. Устройте пикник среди экзотических деревьев или посетите местный ресторан.
Елисейские поля
Главная улица Парижа, на которой проходят парады.Шопоголики со всего мира съезжаются в Париж за покупками. Снять здесь квартиру у местных жителей не по карману, все дома заняты бутиками, офисами и ресторанами.
Булонский лес
В парке много увлечений: теннис, ипподром, детский парк, оранжерея. Находиться в парке после наступления темноты небезопасно.
Сад Тюильри
Этот сад — прекрасное место для неспешных прогулок среди ровно посаженных деревьев.Парижский стиль сада перекликается со статуями 20 века.
Культурные достопримечательности
Что еще можно увидеть в Париже? Не стоит упускать из виду следующие ценности Парижа.
Defense
Деловой район Парижа. Утро считается хорошим временем для туристов. Совершите прогулку по пешеходной зоне с фонтанами, посетите музей.
Опера Гарнье
Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.
Центр Помпиду
Третий по посещаемости после Эйфелевой башни и Лувра. Это смесь современного искусства, выставок, концертных залов, в том числе библиотеки.
Galeries Lafayette
В магазине Lafayette объединяются потоки туристов, шопоголиков, бутиков. На Рождество устанавливают пышную ель, которая становится всеобщим любимцем.
Шекспир и компания
Книжный магазин с прекрасным видом на Нотр-Дам.Здесь книги везде, куда ни глянь. Книгу разрешено читать не менее 2 часов.
«Мулен Руж»
Канкан и Красная мельница являются визитной карточкой кабаре. Курение и фотосъемка здесь запрещены, бронируйте заранее.
Площадь Бастилии
Ранее здесь находилась тюрьма Бастилии. Тюрьму снесли, на ее месте построили оперу. На площади часто проходят шумные мероприятия.
Сорбонна
Первое учебное заведение в Париже, которое по-прежнему привлекает студентов со всего мира.
Бульвар Капучинок
Монастырь дал название этому бульвару. Находясь здесь, вы ощутите дух Парижа и почувствуете себя настоящим парижанином.
Диснейленд
Мечта большинства детей и не только. Аттракционы, парки, сказочные герои, сувенирные лавки. Это лишь небольшая часть. Лучше увидеть вживую мир сказок и исполнения желаний.
Памятка для туристов
Есть список книг, которые стоит прочитать перед поездкой в Париж.
Составьте план путешествия, выделив достопримечательности.
Находиться в 19-м и 20-м округах небезопасно, особенно для одиноких девушек.
Обменные пункты берут комиссию, уточняйте заранее.
Перед тем, как отправиться в магазин, уточните его режим работы.
Нет времени на перекус — скажите официанту, еда будет доставлена намного быстрее.
Заключение
Париж — это одно слово, но в голове уже мысленно идешь по улицам, пьешь кофе с круассаном, слушаешь музыку.Любой турист найдет развлечение в Париже. Музеи, парки, дворцы, фонтаны и многое другое ждут вас в самом романтичном и необычном городе Франции.

Для создания меню в группе Вконтакте нужен какой-то графический редактор. Самым распространенным является Adobe Photoshop … С его помощью можно составить меню для группы Вконтакте.
В Интернете есть множество шаблонов и шаблонов, вы можете использовать их, если не можете создать самостоятельно.
Создание меню в графическом редакторе
Сначала нужно создать шаблон меню, а уже потом добавлять его во Вконтакте. Ширина фона меню не должна превышать 370 пикселей. Если он больше, он все равно уменьшится до этого размера. Вы уже можете выставить высоту пропорционально ширине, чтобы все подходило вам, и при этом она была не очень длинной. Перед созданием меню продумайте фон, текст, который должен быть на кнопках меню.
Запустить фотошоп, создать новый документ (файл — создать или ctrl + N).Устанавливаем параметры созданного файла. Максимальная ширина 370 пикселей, я сделал 200 пикселей, высоту 250 пикселей. Вы можете сделать его намного меньше и компактнее. Добавьте в созданный файл картинку, которая будет фоном. Теперь создаем текст. Мой пример самый простой, можно сделать намного красивее, компактнее.
Я такое меню создал. Я выбрал Режущий инструмент и вырезал им на картинке три части, обозначенные цифрами 1,2,3 — это будут кнопки. После вырезания сохраните созданное меню.Щелкните Файл — сохранить для Интернета и устройств.
В появившемся окне ничего не меняйте, нажмите сохранить. Выберите место для сохранения и нажмите «Сохранить».
Все, доделали работу в фотошопе.
Добавление меню к контакту
Теперь созданные изображения после сохранения будут в папке изображений. Загружаем их в контакт с помощью стандартного загрузчика фото. Вы можете загрузить эти файлы в групповой фотоальбом. Проще говоря — добавлено как обычное фото, которое вы загрузили в контакт.Теперь убедитесь, что в настройках группы включено следующее. Зайдите в свою группу, нажмите на управление сообществом (находится под основной фотографией группы справа). Затем ниже находим материалы предмета, там должны быть подключены. После того, как вы выбрали подключение, нажмите «Сохранить». Если вы не нажмете «Сохранить», изменения не вступят в силу.
После этого переходим на главную страницу нашей группы, а там, где есть информация о группе (описание, расположение), идет строка свежих новостей.Последние новости направляем на надпись, в левой части нажимаем редактировать.
В появившемся окне нужно указать код []. Вы можете скопировать и вставить его прямо из статьи. Теперь вам просто нужно изменить свои данные.
фото-40781312_285
5– код фото. Его можно посмотреть в адресной строке. Этот код виден при переходе к фото. Сам адрес там намного больше, но нужно скопировать ту часть кода, которая начинается со слова фото и заканчивается цифрами.Обычно после цифр может стоять, например, знак процента.
Nopadding — эта команда удаляет пробелы между картинками.
100px — ширина меню (если это отдельная кнопка, то это будет ширина кнопки).
club40781312 — ссылка на раздел, куда человек перейдет, нажав на эту кнопку (картинку). Он также находится в адресной строке браузера, в тот момент, когда вы находитесь в разделе, куда человек должен перейти, когда он нажмет на кнопку.Вам нужна только последняя часть кода, которая идет после последней наклонной линии / (также называемой косой чертой). В моем случае при нажатии на кнопку (картинку) в моей группе произойдет переход на главную страницу группы. Вы помещаете свой код в свой раздел.
Вы также можете изменить заголовок. Например, вместо срочных новостей я написал меню группы. Вы пишете, что хотите. После того, как вы закончили редактировать свой код, нажмите «Сохранить». Мы делаем это с каждой кнопкой, которую вы создали для меню в контакте.Если вы разместите код под кодом, кнопки займут то же место. Если вы поместите следующий код справа от кода, то кнопки меню также будут расположены точно так же, как вы вставили код
Если вы не получили ответа на вопрос, как сделать групповое меню
Не удалось получить ответ на вопрос как сделать меню в группе Вконтакте по инструкции, которую вы читали, напишите нам, нажав задать вопрос … Запишите свою проблему и шаги, которые вы предприняли. Ответим лично.
Видео по созданию группового меню
На вопрос «как создать меню для группы ВКонтакте» можно три основных ответа: заказать у специалиста, создать с помощью онлайн-конструктора или мастерицы, вникнуть в некоторые тонкости вопроса и все делать самому.
В этой статье мы последовательно рассмотрим все три варианта. Кстати, если вы все еще сомневаетесь в необходимости меню для вашей группы или паблика, то обязательно прочтите.
Итак, вот три способа создания меню:
Каждый из них, конечно же, имеет свои достоинства и недостатки. Ниже мы поговорим о первых двух более подробно. А для тех, кто все же решится на третий путь и все сделает самостоятельно, мы написали подробный гид (инструкцию).
Кстати, для тех, кто предпочитает получать информацию через видео, а не читать длинные тексты, есть видео:
Path # 1.Заказать создание меню у специалиста-дизайнера
Преимущества этого метода — относительная скорость и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (про основные ошибки при создании меню мы подготовили). К тому же еще нужно найти художника. Здесь мы можем порекомендовать поискать его на сервисе kwork.ru, в разделе «Дизайн групп в социальных сетях».
Путь # 2. Использование онлайн-конструктора
Здесь мы, конечно же, порекомендуем наш конструктор, на сайте которого вы сейчас находитесь.Вы можете попробовать это бесплатно. Оплата производится только в том случае, если результат вас устраивает и вы решили загрузить получившееся меню в свою группу. Преимущества этого пути в том, что он самый быстрый. Кроме того, при необходимости вы всегда можете быстро отредактировать и перезагрузить свое меню за половину стоимости создания. Это удобнее, чем искать дизайнера каждый раз, когда нужно, например, добавить или удалить пункт из меню. Недостатки метода — здесь придется немало сделать, но поработать самостоятельно.
Путь № 3. Сделай сам
Преимущества этого пути очевидны: он бесплатный, и ты приобретаешь новые навыки. Минусы: вам понадобится немного навыков и довольно много времени (впервые). Вот что вам потребуется:
Уметь уверенно пользоваться графическим редактором. Например, Фотошоп. При составлении меню вам сначала нужно будет сделать изображение нужного размера (с точностью до пикселя, без «примерно»!), А затем правильно его обрезать (разбить на фрагменты).
Уметь понимать инструкцию и читать их внимательно
Не сдавайтесь и не отчаивайтесь, если что-то не получится с первого раза
Если вы думаете, что справитесь со всем, то приступим.
Шаг №0. Общие сведения о том, как устроены меню группы ВКонтакте
Меню для группы составлено из вики-страниц, создание которых поддерживает ВК. Вики-страницы — это специальные страницы, которые можно создавать только публично. Они отличаются от обычных сообщений тем, что могут использовать так называемую вики-разметку. Эта разметка представляет собой специальный код, который преобразуется в дополнительные объекты форматирования. Чтобы было понятнее, поясним. Например, в обычных сообщениях вы можете использовать только обычный текст, в то время как разметка вики позволяет выделить части текста жирным шрифтом или курсивом.То есть вводит дополнительные варианты дизайна. В частности — возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен на ссылку. Именно эти дополнительные параметры форматирования используются для того, чтобы сделать общедоступное меню ВКонтакте. Как именно это сделать, мы расскажем ниже.
Шаг 1. Подготовительный этап
Если у вас уже есть группа, рекомендуем создать новую. Для тестирования и экспериментов. Иначе в процессе обучения вы рискуете завалить своих подписчиков странными и ненужными обновлениями.
Итак, вы создали новую группу. Давайте теперь узнаем ID вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите «Сообщения сообщества» (если в группе нет сообщений, то вместо «Сообщения сообщества» будет «Нет сообщений»). Вы перейдете на новую страницу с таким адресом:
https://vk.com/wall- XXX ? own = 1
Вместо XXX у вас будет набор цифр (и только цифр!). Это ваш идентификатор сообщества.Например, в нашей тестовой группе это 154457305.
Теперь давайте создадим новую вики-страницу в группе. Для этого создайте ссылку следующего типа:
http://vk.com/pages?oid=- Group_id & p = Page_name
http://vk.com/pages? oid =- 154457305 & p = Меню
Откройте получившуюся ссылку в своем браузере (скопируйте ее в адресную строку браузера и перейдите по адресу). Вот и все, вы создали вики-страницу с названием «Меню» (если, конечно, вы указали «Меню» в качестве имени страницы в ссылке).Вы должны увидеть такой текст: «Страница меню пуста. Наполните содержанием. «В правом верхнем углу есть значок карандаша (). Щелкните по нему, чтобы перейти к редактированию страницы.
Редактор вики-страницы ВКонтакте имеет два режима: графический и режим разметки. Режимы переключаются кнопкой в верхнем правая часть редактора (). Когда кнопка подсвечена синим цветом, это означает, что включен режим макета. Режим визуального редактирования более удобен, поскольку позволяет обойтись без знания синтаксиса разметки вики, но его функциональность чрезвычайно limited: в нем можно делать только самые простые вещи.По сути, приходится иметь дело с режимом верстки.
Обратите внимание на две вещи. Во-первых, слева от кнопки переключения режимов редактирования находится кнопка вызова справочной информации по вики-разметке (). Очень полезная штука, особенно для новичков. Второй момент, на который следует обратить внимание, — это адрес вики-страницы. В адресной строке браузера вы увидите что-то вроде этого:
http://vk.com/page- Group_id _ XXX ? act = edit & section = edit
Часть адреса перед знаком «?» это адрес вашей вики-страницы.Запишите где-нибудь: в ВК нет возможности увидеть список ваших вики-страниц и ссылок на них. Чтобы перейти к нужному вам, вам нужно знать его адрес или использовать ссылку для повторного создания вики-страницы. При использовании последнего метода имейте в виду, что страницы, если они уже существуют, не воссоздаются.
Шаг №2. Делаем простое меню для группы ВКонтакте
Итак, мы создали вики-страницу «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:
Нажмите кнопку «Предварительный просмотр», расположенную в нижней части редактора.Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы Яндекс и Гугл соответственно. Третья ссылка внутренняя. Выводит в паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если в предварительном просмотре отображается код, а не ссылки (на которые можно щелкнуть) — , значит, вы ввели код в режиме визуального редактирования , а не в режиме макета. Будь осторожен!
Обращаем ваше внимание, что внешние ссылки в вики-коде ВКонтакте оформляются одинарными скобками, а внутренние — двойными.При этом внутренние ссылки ВКонтакте указываются не как обычный адрес сайта, а как указатель на конкретный объект ВКонтакте. Например, указатель на группу имеет такое обозначение:
club Group_id
Во «ВКонтакте» есть указатели не только на группы, но и на отдельные фотографии, посты, вики-страницы, страницы пользователей, аудиозаписи и т. Д. У каждого указателя есть свои обозначения. Мы воспользуемся некоторыми из них позже и рассмотрим их поближе.
Обязательно сохраните страницу.По сути, мы только что создали базовую страницу навигации. Что представляет собой не что иное, как простейшее меню для группы ВКонтакте … Конечно, это еще не графическое меню, но даже оно может справиться с основной задачей меню — быстро направлять пользователей в нужное публичное место . Чуть позже мы рассмотрим, как сделать графическое меню.
А теперь разберемся, как и где можно использовать вики-страницы.
Шаг № 3. Где я могу разместить вики-страницы ВКонтакте
Есть два основных места: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Контент» вашего сообщества.
Начнем с первого варианта. Начните добавлять новый пост на стену вашей группы. Сначала прикрепите к нему любую фотографию. Лучше сделать снимок достаточно большого размера, шириной больше высоты. Затем вставьте ссылку на созданную вами вики-страницу с помощью простого меню в текст создаваемого вами сообщения. Мы просили вас записать это немного раньше. Напомним, ссылка выглядит так ( у вас будут разные номера ):
http://vk.com/page-121237693_72827423
Теперь удалите текст ссылки из поля ввода.Сама ссылка под фото от этого никуда не исчезнет. Но если вы оставите адрес ссылки в текстовом поле, он будет отображаться в сообщении как текст. Опубликуйте сообщение, перезагрузите страницу браузера с главной страницей вашей группы и закрепите созданный пост. Перезагрузите страницу еще раз. В результате этих манипуляций у вас должно получиться что-то вроде этого:
Нажмите на фото в закрепленном посте: должна появиться ваша вики-страница с простым групповым меню.
Итак, мы узнали, что вики-страницы можно прикреплять к сообщениям.В частности, на назначенную должность. Второе место, где вы можете использовать вики-разметку, — это раздел «Материалы».
Зайдите в настройки сообщества и найдите там управление разделами (услугами) сообщества. Отметьте «Материалы» как «Ограниченное». Новый элемент появится вверху главной страницы вашего сообщества. Он находится справа от пункта «Информация». Когда вы впервые включаете материалы в группу, этот элемент по умолчанию называется «Последние новости». Вот как это выглядит:
Перейти к этой новинке.Щелкните по пластине «Редактировать». В результате вы попадете в уже знакомый вам редактор вики-страниц. Единственное отличие состоит в том, что есть поле для ввода заголовка страницы. Измените его с «Свежие новости» на «Меню2». В режиме редактирования разметки введите следующий код:
«» «Пункт меню для раздела» Материалы «» «»
[]
Сделайте предварительный просмотр (должны появиться уже знакомые нам ссылки) и сохраните страницу … По сути, эта страница является главной (корневой) вики-страницей вашей группы.Правда, особого практического смысла в этом отличии от других вики-страниц нет.
Зайдите на домашнюю страницу вашей группы, перезагрузите ее и посмотрите, что произойдет. Рекомендуем смотреть свою группу из мобильного браузера и из приложения ВКонтакте. Вы заметите, что расположение элементов и логика работы везде немного различаются. Необходимо хорошо понимать, что к чему относится и где это показано.
Мы узнали, что меню можно размещать в двух местах. Желательно делать это как в виде фиксированной записи, так и в разделе «Материалы».Запомните две вещи:
Закрепленный пост увидят 98% ваших посетителей, и только 25-40% самых любопытных, а также лояльных старых пользователей вашей группы, которые знают, что есть что-то полезное, получат в раздел.
В закрепленное сообщение можно добавить текст с изображением, чтобы открыть меню. Таким образом, вы не потеряете функцию закрепленной записи. Но не переусердствуйте: чем больше текста, тем ниже будет ссылка для открытия вашего меню.
Wiki-разметка — не самый мощный инструмент и не самый удобный.Его функциональность очень ограничена. Кроме того, он был разработан на заре развития ВКонтакте и исключительно для его браузерной версии на стационарных компьютерах и ноутбуках. Поэтому его работу в приложении и на мобильных устройствах лучше всего описать выражением «как Бог положит на вашу душу». К сожалению, лучше в ВК пока ничего нет.
Кстати. Вы можете переходить с одной вики-страницы на другую. Это работает так: пользователь открывает (например, используя изображение ссылки в сообщении) первую вики-страницу.Он также содержит ссылки на другие вики-страницы. Щелчок по этим ссылкам откроет соответствующую страницу вики. Таким образом, вы можете, например, создавать довольно сложные и многоуровневые меню и инструкции. Однако мы не советуем вам слишком увлекаться этим без надобности.
Шаг №4. Как сделать меню в группе ВКонтакте. Graphic
Итак, основные принципы усвоены. Перейдем к созданию графического меню. Сразу оговоримся, что мы будем делать довольно простое меню: вертикальный ряд кнопок со ссылками.Но не спешите говорить «нет, я хотел сверхсложное меню» и закрывайте это руководство. Поясним, почему именно сейчас.
Во-первых, переход от простого к сложному обычно является наиболее эффективным способом овладения новыми знаниями. Научившись составлять относительно простое меню, вы освоите 90% приемов создания меню для групп ВКонтакте.
А во-вторых, как мы уже говорили, вики-разметка ВКонтакте была введена в то время, когда о мобильных приложениях мало кто слышал. Наше условно «простое» меню будет максимально корректно и качественно работать везде: в браузерной версии ВКонтакте, в мобильных браузерах и, наконец, в приложении.Многие «сложные» меню этим похвастаться не могут. Более того, в большинстве случаев «простое» меню будет работать лучше, чем «сложное», которое «разваливается» при просмотре в официальном приложении «ВКонтакте». Чаще всего лучше остановиться на этом пункте меню. Да, есть несколько довольно богатых реализаций меню. С ними тоже можно поэкспериментировать. Но наш опыт говорит, что они вряд ли добавят реальной выгоды — конверсий, покупок и репутации. И у них вполне могут быть проблемы.
Наше тестовое меню будет выглядеть так:
Всего две кнопки.Первый будет вести на главную страницу «Яндекса», а второй — в группу VK Team ВКонтакте.
Вертикальное графическое меню в ВК представляет собой изображение, нарезанное полосками. Эти полосы расположены друг под другом на странице вики. Некоторым из этих «бэндов» присвоены ссылки. При нажатии на такую ссылку-изображение, собственно, и происходит переход по этой ссылке. Одна полоса — это одно звено. Напротив, некоторым полосам (например, промежуточным, расположенным между точками) присваивается отсутствие ссылки.Такие полосы становятся «не кликающими».
Создание вертикального графического меню для группы ВК сводится к следующей последовательности действий:
Первым делом нужно нарисовать меню. Ширина должна быть строго 600 пикселей (пикселей). Рекомендуем делать меню не более 900 пикселей в высоту. Результат лучше всего сохранить в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными инструментами рисования (такими как Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков.Даже если вы совсем не умеете пользоваться графическими редакторами, не отчаивайтесь. Навыков, которых хватит, можно приобрести максимум за пару часов. В Интернете огромное количество справочной и обучающей информации. Кроме того, возможность хоть немного использовать графический редактор очень и очень полезна для публичных администраторов. Вы не будете тратить зря время.
Далее картинка с меню нарезается на горизонтальные полосы. Сделать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов.Если вы не знаете, как это сделать, просто задайте вопрос своей любимой поисковой системе. Мы не будем подробно описывать техническую часть процесса резки: существует несколько десятков способов, одни подходят для одних пользователей, но не подходят для других. При обрезке нужно соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px … В противном случае могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т.н. «Белые полосы» между изображениями.
Нарезанные «полоски» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе … В противном случае те пользователи, для которых недоступны изображения из альбомов, не увидят ваше меню!
Код разметки вики компилируется и вставляется на нужную страницу вики.
Группа содержит закрепленное сообщение с изображением-ссылкой на вики-страницу с меню.Как делается такой пост, мы подробно писали выше. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (элемент справа от элемента «Информация» появляется, когда включен раздел «Материалы». Подробнее см. Выше).
Теперь давайте более подробно рассмотрим загрузку частей меню и кода вики. Мы подготовили для вас. Он содержит два каталога: «1» и «2». Первый содержит части самого примитивного и простого варианта нарезки для нашего меню — на две части.Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (на свою страницу или в группу).
У нас две «полоски»: верхняя (с кнопкой Яндекс) и нижняя (с кнопкой ВКонтакте). Оба будут ссылочными изображениями. В вики-разметке это делается с помощью следующего кода:
«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Помимо обычных внешних ссылок может быть указанием на объект ВКонтакте: пост, страницу пользователя или группу.Например, чтобы после нажатия на кнопку происходил переход в сообщество Команды ВКонтакте, можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе разницы не будет. Внешние ссылки (те, которые не ведут на ресурсы ВК) рекомендуем уменьшать с до

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

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

Справа сделайте в этой части аватарку группы в будущем.

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

Желательно нарезать примерно так.

После вырезания и сохранения файла, не только через «Сохранить для Интернета и устройств …» (или Alt + Shift + Ctrl + S), будет создана папка со всеми уже вырезанными файлами.

Сейчас мы еще не собираемся в группу, нам еще нужно создать вики-разметку. Или, другими словами, создайте страницу.
Как создать вики-страницу Вконтакте?
Откройте новую вкладку браузера и вставьте туда следующую ссылку: http: // vk.ru / pages? oid = XXX & p =Page_name, где XXX — идентификатор вашей группы. Например, у меня было так.
http://vk.com/pages?oid=-
542&p\u003dmenu

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

Но между картинками есть пробелы, чтобы убрать пробелы — мы входим в режим вики-разметки (это в правом верхнем углу кавычки) добавляем следующий тег «option; nopadding;» перед размерами фото.например []

И все вместе сработало.

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

Нажмите «Сохранить», посмотрите, что произошло, у меня все сошлось, если щелкнуть, перейдем по ссылкам «https://vk.com/page-
542_49969122″

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

А я вобще пост. Я вставляю ссылку в меню и добавляю только что сделанное фото.
Качественный дизайн страницы сообщества ВКонтакте — это уже половина успеха в достижении цели, ради которой создается группа. Как показывает статистика, наличие навигации значительно увеличивает посещаемость страницы, а также увеличивает количество подписчиков. Страница сообщества, на которой структурирована вся информация, производит впечатление серьезного подхода администраторов к бизнесу, а также их практических навыков управления командой и надежности.В этой статье речь пойдет о меню для группы «ВКонтакте», о том, как его создать и сделать более удобной навигацию.
Разновидности меню для сообщества ВКонтакте
Теперь есть два типа меню для группы «ВКонтакте». Их шаблоны, конечно же, есть в Интернете, и вы можете делать все строго по ним. Однако результат не будет креативным и оригинальным, а значит, не привлечет большое количество подписчиков.
Итак, есть закрытое меню и открытое.
Закрытый получил свое название потому, что абоненту необходимо открыть его самостоятельно. Для этого вам просто нужно перейти по ссылке. В качестве ссылки можно использовать любое слово, обычно «открыть» или «меню». Хотя некоторые изощряются и придумывают оригинальные ссылки.
Open — это закрепленное сообщение. Он содержит действительную ссылку на меню. Этот вид еще довольно молодой, появился он не так давно, а точнее, с появлением функции закрепления поста на стене страницы. Открытое меню является наиболее эффективным и привлекательным, чем закрытое.Первый вариант менее продуктивен, так как посетители группы могут просто не заметить ссылку на нее.
Итак, «ВКонтакте»? Ответ довольно прост. Для создания обоих типов меню для группы «ВКонтакте» используется вики-разметка. Это очень удобный инструмент, он позволяет создавать таблицы, графики, форматировать и редактировать изображения, работать со ссылками и многое другое. Однако сейчас создателям сообщества ВКонтакте все намного проще, чем несколько лет назад. В соцсети есть автоматический перевод всего контента в вики-разметку.
Открытое меню для группы ВКонтакте стало популярнее, а закрытое практически не используется. Поэтому будет целесообразно более подробно рассмотреть создание открытого типа. Далее вы узнаете, как сделать меню в группе «ВКонтакте» (пошаговая инструкция представлена ниже).
Этап первый
На этом этапе вам нужно выбрать изображения. Они создадут презентабельный вид страницы. Картины можно найти в Интернете или сделать самостоятельно с помощью фоторедакторов, а второй вариант подходит только тем, кто хорошо рисует на компьютере и владеет фотошопом.
Первое изображение — аватар. Второй (центральный) — изображение действия. Параметры аватара должны быть не менее 200 x 330 пикселей. Центральное изображение должно быть не менее 390 x 280 пикселей.
Второй этап
Откройте страницу группы и найдите «Управление сообществом». Ссылка находится под передней фотографией страницы справа. Перейдя по ссылке, найдите в информации раздел «Материалы» и нажмите «Ограничено» в этом абзаце.
На главной странице щелкните по редактировать в строке «Материалы».В появившейся форме редактора укажите название, разделы, а затем обязательно нажмите кнопку ниже для сохранения. После этого вернитесь на страницу с помощью кнопки в правом верхнем углу.
Третий этап
Скопируйте адрес страницы. Первый ряд цифр после слова «страница» — это номер сообщества, второй — номер страницы группы. Об этом обязательно стоит знать, задумываясь о том, как создать меню в группе ВКонтакте. Адрес необходимо разместить на стене вместе с центральным изображением.Чтобы прикрепить картинку, нажмите «прикрепить» и «фото». Затем выберите и вставьте. Затем нажмите «Отправить» — это опубликует сообщение.
Четвертый этап
Поместите первое изображение вместо основного фото сообщества. Запись этого действия вместе с изображением появится на стене. Там бесполезно, поэтому нужно удалить.
Это все. Когда пользователи нажимают на центральное изображение, им будет представлено групповое меню.
Как создать таблицу в меню?
Каждый администратор думает, как создать меню в группе «ВКонтакте».Приведенные выше инструкции могут помочь вам создать только базовое меню. Далее его нужно доработать.
Таблица очень удобна для навигации по меню для группы ВКонтакте. Для создания таблицы требуется знание определенных символов.
(| означает начало;
| + центрирование;
| — на новой строке;
| прозрачность;
! Затемнение ячейки;
|) отмечает конец.
Как расположить ссылки?
В вопросе, как сделать меню в группе «ВКонтакте», есть важный момент касательно ссылок.Расставить их можно по-разному:
Оставьте ссылку. Для этого заключите ссылку в квадратные скобки.
Сделайте ссылку словом или фразой. Открыть вставить ссылку, после ссылки поставить знак | и закройте квадратную скобку.
Ссылка на изображение. Это можно сделать на следующем примере: [].
Чаще всего каждый учится самостоятельно создавать меню в группе ВКонтакте. Знания приходят с опытом путем проб и ошибок. Однако новичкам все же можно дать несколько рекомендаций.
Размер изображения не должен быть меньше 130 пикселей. Это значительно ухудшит внешний вид меню.
Ширина изображения — не более 610 пикселей.
Вики-страница не может содержать более 17 незакрытых тегов.
При установке индикатора ширины высота автоматически изменяется в соответствии с пропорциями.
Внутри таблицы вы можете создать список, используя />.
В одной строке можно разместить не более 8 элементов списка.
Помимо прочего, существуют специальные программы для более удобного использования вики-разметки. Это обучающие приложения и настоящие помощники, которые все сделают за вас.
Например, приложение Interactive FAQ (beta) позволяет вам проверить свои навыки программирования вики.
Его работа проста: пользователю предоставляется готовое меню, и требуется написать код разметки. Наконец, результат сравнивается с оригиналом.
Программа Wiki Editor не обучает и не тренирует своих пользователей.С его помощью можно составить меню даже без начальных навыков программирования. Простой в использовании редактор сам пишет коды — пользователю нужно только управлять.