Wiki вконтакте меню: Вики-разметка ВКонтакте для чайников

Содержание

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

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

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

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

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

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

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

[[photo11111_11111]]

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

[[photo11111_11111|options|text/link]], где на месте options может находиться одно из таких значений:

plain — ссылка на фотографию оформляется в виде текста, без картинки;
noborder — убирает рамку вокруг фото;
box— открывает изображение в окне;
nolink — убирает ссылку на фото;
nopadding — убирает пробелы между фото;
NNNpx или NNNxYYYpx — указывает размер фотографии в пикселях (только ширину или ширину на высоту соответственно).

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

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

{| знак начала таблицы, является обязательным атрибутом любой таблицы;
|+ знак расположения названия таблицы по центру, ставится сразу после знака начала таблицы и не является обязательным атрибутом;
|- знак начала новой строки, в т.ч. и строки ячеек;
| знак, отвечающий за прозрачность ячейки;

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

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

Приведем пример оформления меню группы с помощью wiki-разметки.

wiki-разметка

загрузка…

Это меню было создано применением следующего кода:

{|
|-
|<center>»’Новости»'</center>||<center>»’Основное»'</center>||<center>»’Все серии»'</center>
|-
!<center>[[photo708176_168310200|nolink;noborder;90x80px| ]]</center>!!<center>[[photo-4489985_130746672|nolink;noborder;90x80px| ]]</center>!!<center>[[photo708176_168309890|nolink;noborder;90x80px| ]]</center>

|-
|<center>
[[Новости из жизни актеров сериала|Новости]] 
[[Биографии]] </center>
|<center>
[[Аудио]] 
[[Видео]] 
[[Книги]] 
[[Обсуждения]] </center>
|<center>
Сезоны: 
[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]] 
[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]] </center>
|-
|}
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег   , а для центрирования текста в ячейках – тег <center>.

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

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

1. Оформление ссылки как ссылки:
  [http://www.kontaktlife.ru]

1. Оформление ссылки как текста:
  [http://www.kontaktlife.ru|Всё о контакте]

1. Оформление ссылки как изображения:
  [[photo40778045_189420249|40px|http://www.kontaktlife.ru]]

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

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

1. Нарезаем картинку в фотошопе и жмём «Сохранить для веб»

2. Загружаем картинки через Стандартный загрузчик т.к. флеш-загрузчик может ухудшить качество
3. Собираем меню тегом nopadding
4. Прописываем ссылки
По итогу получится что-то типа:

Особенности и секреты wiki-разметки

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

Следует быть осторожными, изменяя размер изображения – если он будет меньше 131 пикселя, качество картинки значительно ухудшится;
Максимальный размер ширины изображения – 610px;
На одной wiki-странице не может размещаться более 17 незакрытых тегов;
Указывая ширину изображения, его высота изменится автоматически в соответствии с пропорциями;
Список внутри таблицы или спойлера создается при помощи тега ;
Одна строка разметки может содержать в себе не более 8 элементов списка.

Приложения в контакте для wiki-разметки

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

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

Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.

Если вам нужна раскрутка группы, то читайте наш пост.

Как прокачать вашу группу ВКонтакте, используя вики-разметку?

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

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

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

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

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

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

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

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

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

После перехода по ссылке откроется следующая страница.

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

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

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

{|nomargin ***с помощью этой команды убираем границы
|-***начинаем создавать надписи
|<center>Главная</center> ***создаём надпись «Главная» и выравниваем её по центру прямоугольника
|<center>каталог товаров</center>*** создаём надпись «каталог товаров» и выравниваем её по центру прямоугольника
|<center>о нас</center>***создаём надпись «о нас» и выравниваем её по центру прямоугольника
|<center>контакты</center>***создаём надпись «контакты» и выравниваем её по центру прямоугольника
|}***закрываем блок надписей
[[Главная]]***создаём ссылку на «Главная»
[[О нас]]***создаём ссылку на «О нас»
[[контакты]]*** создаём ссылку на «Контакты»
________________________________________
***Примечание

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

Далее копируем код из раздела «каталог товаров» и вставляем его в три другие страницы. Вместо надписей вставляем ссылки из разделов.

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

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

{|nomargin
|-
!

Главная

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

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

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

 ***(О нас)
|

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

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

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

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

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

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

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

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

Далее нужно закрепить запись в шапке группы.

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

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

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

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

Вот ссылка на видео курс :

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

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

Теоретическое понимание Вики разметки.
Возможность практического ее применения.

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

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

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

Wiki разметка имеет:

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

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

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

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

Номер в группе соответствует номеру ID сообщества.

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

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

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

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

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

Начало таблицы {| ;
Заголовок таблицы |+ ;
Новая строка |- ;
Новая ячейка прозрачного цвета | ;
Новая ячейка темного цвета ! ;
Конец таблицы |}.

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

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

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

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

Меню можно оформить в:

текстовом стиле;
графическом стиле.

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

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

Шаблоны разметки для меню группы (картинки, теги, таблицы, спойлеры)

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

Особенности и секреты wiki-разметки

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

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

Приложения в контакте для wiki-разметки

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

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

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

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

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

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

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

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

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

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

На стене появится созданное сообщение. Таким же путем создаем нужное нам количество (в соответсвии с разделами меню) страниц.

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

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

Образец кода для рассматриваемого меню:

[]
[]
[]
[]

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

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

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

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

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

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

Итак, вот три пути создания меню:

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

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

Путь #1. Заказать создание меню у дизайнера-специалиста

Плюсы этого способа — относительная быстрота и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (об основных ошибках при создании меню мы подготовили ). Кроме того, нужно еще найти исполнителя. Тут мы можем рекомендовать искать его на сервисе kwork.ru , в разделе «Дизайн групп в соцсетях».

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

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

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

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

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

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

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

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page- ID_группы _XXX ?act=edit&section=edit

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

Шаг #2. Делаем простое меню для группы ВКонтакте

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

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две — внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка — внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

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

clubID_группы

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

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

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

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

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

Нажмите на фотографию в закрепленном посте: должна появится ваша вики-страница с простейшим меню группы.

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности — к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

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

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие — тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

«»»Вариант меню для раздела «Материалы»»»»

[]

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

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

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

Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

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

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

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

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая — на группу ВК «Команда ВКонтакте».

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

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

Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
Составляется код вики-разметки, который вставляется в нужную вики-страницу.
В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее — см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{|
|-
!
[] Пригласи всех друзей
[] »’[[Правила]]»’
[] Фотоальбомы
[] Творчество
[] Фотки
[]
|}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

plain — ссылка на фотографию будет в виде текста, без картинки
noborder — удаляет рамку вокруг фото
box — изображение будет открываться в новом окне
nolink — убирает ссылку с картинки
nopadding — удаляет пробелы с картинки
NNNpx или NNNxYYYpx — здесь вы можете указать размер фотографии в пикселях (только ширину или ширину на высоту)

WIKI-разметка вконтакте. Текстовый вариант

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

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

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

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

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

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

| — -знак начала новой строки в том числе ячеек.

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

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

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

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

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

{| |- |

”’Новости”’||”’Основное”’||”’Все серии”’ |- ![]!![]!![] |- | [[Новости из жизни актеров сериала|Новости]]
[[Биографии]]
| [[Аудио]]
[[Видео]]
[[Книги]]
[[Обсуждения]]
| Сезоны:
[] | [] | [] | []
[] | [] | [] | []
|- |} Вконтакте есть небольшой учебник с курсом по вики-разметке.

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

WIKI-разметка: графическое меню

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

1) нарезаем картинки в фотошопе

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

[]
[]
[]
[]

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

вики-меню, смм, ведение группы вк

Как создать Вики ВКонтакте: вики-меню, смм

20.01.2019| Quetzal|

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

Где расположено вики-меню

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

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

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

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

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

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

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

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

Я загрузила изображения в отдельный альбом группы. Далее при нажатии на картинку в адресной строке мы видим адрес изображения. Этот же адрес нужно будет вписать в код. В Вики разметке далее посередине обозначены параметры отображения. Обычно рекомендуют писать с noborder и nopadding. Это значит отсутствие границ и отступов. Но я считаю, что noborder там совершенно не нужен, так как результат не меняется. Просто написала nopadding.

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

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

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

Вертикальное меню

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

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

Можно просто взять это, скопировать, заменить ссылки на картинки и на рубрики, и у вас получится примерно такое же меню. Что-то удалите, поменяете, выбросите, добавите. Это готовый образец. Скачайте мой код с яндекс-диска:https://yadi.sk/d/wHioBN0GlkAd7Q

Цель вики меню

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

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

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

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

Wiki-страница ВКонтакте: основа — блог по SMM

Wiki-страница ВКонтакте: что это, для чего она нужна и как ее сделать?

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

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

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

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

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

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

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

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

Чтобы начать работу с wiki-разметкой в группе, нужно подключить сервис «Материалы», который находиться в настройках группы в пункте меню “Разделы”.

В выпадающем списке доступны два варианта подключения материалов: «Ограниченные» и «Открытые». При открытых материалах все участники сообщества смогут создавать новые страницы, при ограниченных — только редакторы и администраторы. Исходя из этого я рекомендую вам выбирать второй вариант “Ограниченные”, если будет нужно вы в любое время сможете это изменить.

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

Перед вами открылось меню редактирования очень похожее на обычный текстовый редактор Word. Однако с помощью специальной кнопки можно перевести его в режим редактирования который напоминает HTML код.

Wiki-страница ВКонтакте: основа

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

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

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

Находясь странице вашего сообщества, нажмите на ссылку с датой и временем публикации любой записи, чтобы перейти в режим просмотра отдельной публикации; в адресной строке браузера появится ссылка вида vk.com/адрес_сообщества?w=wall-XXXX_YYY, где XXXX — это и есть цифровой адрес нужного сообщества.

В данном примере это 35598271, скопируйте себе ваш цифровой адрес сообщества. Он сейчас вам пригодиться.

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

vk.com/pages?oid=-XXXX&p=Имя_страницы

где XXXX — это и есть ваш цифровой адрес сообщества, а Имя_страницы — это название вашей будущей wiki-страницы. Обратите особое внимание на это имя. Его будет потом сложно поменять, поэтому лучше заранее продумайте какое оно должно быть. Также это имя будет ключевым запросом в поисковиках (по крайней мере в google) при поиске.

Имя можно писать с несколько слов, разделяя пробелом.

При переходе по получившейся ссылке, откроется интерфейс создания и наполнения новой wiki-страницы.

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

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

Максим Лукьянов, CEO «THELAB»

Подписывайтесь на наш Telegram-канал и будьте в курсе новых статей.

На нашем Instagram-канале вы найдете много обучающих видеороликов для новичков.

На YouTube-канале много видеороликов о SMM

Текстовое поле на вики странице в вк. WIKI-разметка: графическое меню

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

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

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

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

Для чего используется?

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

Структура Wiki разметки

Https://vk.com/wiki?w=page-87938575_51299900

Там подробно представлены все основные элементы, и приведен код.

[]

Как начать пользоваться?

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

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

Сохраняем настройки и возвращаемся обратно в группу.

У нас появляется вкладка «Свежие новости» . Идем на нее, и нажимаем кнопку «Редактировать» .

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

Когда закончите, сохраните страницу.

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

Вопросы?

Вконтакте

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

Как работает вики-разметка

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

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

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

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

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

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

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

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

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

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

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

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

Стандартный

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

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

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

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

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

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

Искомое id группы — это все цифры после «gid=».

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

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

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

С помощью приложения

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

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

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

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

Ссылки на новую вики-страницу в приложении «Мобивик»

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

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

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

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

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

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

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

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

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

Текст

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

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

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

Ссылки

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

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

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

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

[] — на встречу ВКонтакте

Картинки

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

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

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

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

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

[]

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

Видео

Для начала нужно загрузить видео в видеозаписи сообщества. После загрузки открыть видео и скопировать из адресной строки его id (выделено жирным).

https://vk.com/videos-12345678?z= video-12345_12345 %2Fclub12345678%2Fpl_-12345678_-2.

Обрамляем это квадратными скобками и получаем такой код:

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

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

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

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

Таблицы

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

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

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

Ширина первого столбца — 200px, ширина второго — 300px.

Вот что из этого получилось:

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

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

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

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

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

Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

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

Как разрезать картинку в Photoshop

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

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

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

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

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

{|noborder nopadding fixed
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

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

Готовое меню группы в десктопной версии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для этого надо применить такую вики разметку — []. Слово «options» можно заменить другими значениями, каждое из которых изменит вид фотографии. А значения следующие:

noborder сделает рисунок без рамки;
nopadding соединит вместе изображения, убрав между ними пробелы;
plain сделает из рисунка ссылку;
NNNpx позволит изменить размер картинки;
box откроет в новом окне.

Работа с таблицами при помощи Вики-разметки?

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

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

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

{|
|-
|

”Новинки”’||”’Игры”’||”’Все жанры”’
|-
![]!![]!![]
|-
|
[[Новинки online игр|Новинки]]

[[Головоломки]]

|
[[Шарики]]

[[Квесты]]

[[Аркады]]

[[Обсуждения игр]]

|-
|}

Оформление ссылок с помощью вики

-разметки ?

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

Традиционная ссылка:

Обычная ссылка + текст:

Ссылка в виде картинки: []

Работа с графическим меню?

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

Нарежьте в редакторе необходимую графику и «сохраните для web»;
Загрузите графику как обычные картинки, без использования flash, чтобы не ухудшить их качества;
Соберите меню с помощью специального тега «nopadding»;
Пропишите внимательно все ссылки;
Красивое меню для вашей развлекательной группы готово.

Несколько секретов wiki-разметки

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

Допустимая ширина картинки составляет не больше 610px;
Изменение ширины автоматически меняет и высоту картинки;
Рисунки меньше 134px меняют качество в худшую сторону;
В строчке разметки может присутствовать лишь 7 элементов списка;
Более 18 незакрытых тегов на одной странице приведут к ее искажению и ошибкам.

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

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

Редактировать статью в Википедии легко. Следуйте ссылке «править». Откроется страница правки; на ней есть текстовая форма с исходным текстом статьи, который содержит особые символы — разметку «вики», описанную ниже.

Редактирование

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

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

Дополнительные возможности

Выше текстовой формы редактирования находятся кнопки для форматирования текста, ниже — панель быстрой вставки специальных символов, элементов вики-разметки и шаблонов. Кнопка «Внесённые изменения» позволяет сравнить исходный код с тем, что у вас в окне редактирования. Зарегистрированным участникам также доступны: флажок «Малое изменение», позволяющий отметить ваши изменения как незначительные; флажок «Включить эту страницу в список наблюдения» для наблюдения за дальнейшими изменениями этой статьи. Часто бывает удобно предварительно скопировать текст в текстовый редактор (через буфер обмена), отредактировать, а затем перенести обратно в форму редактирования в браузере. Для этих целей следует использовать текстовый редактор, поддерживающий юникод. Кроме того, вы можете обсуждать статьи с другими участниками. Практически у каждой статьи в Википедии существует параллельная страница с её обсуждением. Участники просто редактируют эту страницу, так же, как и статьи: перейдите к странице «обсуждение» и там нажмите «править». В обсуждениях, опять же, следует придерживаться правил; главное — избегайте резкости и подписывайтесь (четыре тильды niska 14:39, 14 июня 2007 (MSD) в коде страницы).

Вики-разметка

Ниже приведена справочная таблица по редактированию в Википедии.

Разделы, абзацы, списки и строки

Начните раздел со строки заголовка:

Новый раздел == === Подраздел === ==== Под-подраздел ====

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

Но пустая строка начинает новый абзац.

С помощью тега «br» можно разрывать строки, не начиная новый абзац

Сделать список очень просто

каждая строка начинается со звёздочки;
- чем больше звёздочек — тем глубже уровень; отступ внутри можно делать и с помощью двоеточия

* каждая строка начинается со звёздочки; ** чем больше звёздочек — тем глубже уровень; **: отступ внутри можно делать и с помощью двоеточия

Нумерованные списки тоже хороши:

Нумерованные списки тоже хороши:
1. очень организованные;
2. легко читаются

# Нумерованные списки тоже хороши: ## очень организованные; ## легко читаются

Можно также делать смешанные списки:

Можно также делать смешанные списки:
1. и вкладывать их
  - как, например,
2. здесь.

* Можно также делать смешанные списки: *# и вкладывать их *#* как, например, *# здесь.

Tочка с запятой в начале строки и затем двоеточие создают двухуровневый список.

Двоеточие в начале строки делает отступ абзаца.

Простой перенос строки при этом начинает новый абзац.

Примечание: это применяется в основном на страницах обсуждения.

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

* вставки преформатированного текста; * описания алгоритмов; * исходного кода программ * ascii art (создание изображений при помощи текстовых символов).

Центрированный текст.

Горизонтальная разделительная линия: четыре пунктира подряд (—-)

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

С параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

По умолчанию принято выравнивание по левому краю.

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

Текст абзаца

Ссылки, URL

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

Таким образом, приведённая выше ссылка ведёт на http://ru.wikipedia.org/wiki/Общественный_транспорт , которая является статьёй с названием «Общественный транспорт».

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

Пример: Лондон располагает хорошим общественным транспортом .

В Лондоне хороший [[общественный транспорт]]. Лондон располагает хорошим [[общественный транспорт| общественным транспортом]].

Окончания сливаются со ссылкой: тестирование , гены

Автоматически скрывается заключённое в круглых скобках: царство .

Автоматически скрывается пространство имён: Портал сообщества .

Автоматически скрывается заключённое в круглых скобках: [[царство (биология)|]]. Автоматически скрывается пространство имён: [[Википедия:Портал сообщества|]].

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: Ссылайтесь .

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: [[Википедия:Правила и указания#Ссылайтесь|Ссылайтесь]].

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

niska

или четыре для получения имени пользователя плюс дата/время:

niska 14:39, 14 июня 2007 (MSD)

Именно вариант с датой и временем является предпочтительным.

При добавлении комментариев к странице обсуждения, следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя: : ~~~ или четыре для получения имени пользователя плюс дата/время: : ~~~~ Именно вариант с датой и временем является предпочтительным. Внешняя ссылка: , для ссылок не на русском языке желательно указывать язык: {{ref-en}}

Или просто укажите URL: http://www.nupedia.com.

Этот адрес приведён для примера, не используйте его.

Указать e-mail можно так:

[[Медиа:Sg_mrob.ogg|Звук]] [[Медиа:Tornado.jpg|Изображение торнадо]]

ISBN 0123456789X

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

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

Это двойные и тройные апострофы, а не кавычки.

«»логическое ударение»»
«»»структурное выделение»»»
«»»»»логическое ударение в структурном выделении (или наоборот)»»»»».

Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах: F = ma

:F = m a

Моноширинный шрифт для технических терминов технических терминов

технических терминов

Специальное форматирование для фрагментов исходного кода исходного кода

исходного кода

Вы можете использовать маленький текст для заголовков маленький текст для заголовков

маленький текст>

Вы можете перечёркивать удалённый материал и подчёркивать новый материал перечёркивать удалённый материал и подчёркивать новый материал

перечёркивать удалённый материал и подчёркивать новый материал

Wiki-страница для привлечения пользователей ВКонтакте

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

Содержание:

1. Итак, как сделать Вики-разметку группы ВКонтакте?

2. Специализированный язык для оформления поста ВК

3. Принцип создания Вики-страницу на сервере ВК

3.1. Этапы создания Wiki -аметки

4. Как создать вики пост ВКонтакте

4.1. Виды изображения для Wiki-поста

4.2. Качественная картинка состоит из таких основ

5. Если нужно создать таблицу, Вики поможет

6. Wiki-меню для облегчения работы с постами

7. Заключение

Интересная статья: «Возможность ограничения доступа к личной информации ВКонтакте»

Итак, как сделать Вики разметку группы ВКонтакте?

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

Информации в виде текста.
Нескольких фотографий.
Наличия видеоролика.

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

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

Специализированный язык для оформления поста ВК

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

Кнопок меню.
Картинок в виде ссылок.
Спойлеров.
Якорей.
Мини-игр.

Актуальная статья: «Добавление смайлов ВКонтакте»

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

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

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

Принцип создания Вики страницы на сервере ВК

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

Этапы создания Wiki-заметки

Открывается адресная строка любого браузера.
Вставляется в строку эта ссылка: https://vk.com/pages?oid=-ХХХ&p=Нaзвание_страницы.
ID групп прописывается вместо символов ХХХ. Для того, чтоб узнать ID, нужно перейти к заголовку поста в ленте. Нажав на него, открывается отдельное диалоговое окно, в нем будут указаны цифры — это и есть ID. По-другому, более простому принципу, узнать код можно, нажав на статистику страницы. Высветится номер в браузерной адресной строке.
Нaзвание_страницы — вместо этого текста нужно указать реальное название своей группы. Обязательно стоит учесть такие моменты:

пробел заменяется нижним подчеркиванием «_»;
заголовок публикации является названием группы;
обязательно нужно проверять правильность ведения ID и исключение пустого пробела. Только после убеждения в достоверной информации нажимается Enter.

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

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

Как создать Вики-пост ВКонтакте

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

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

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

Читайте также: «Как пригласить друзей в группу Вк?»

Виды изображения для Wiki-поста

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

Качественная картинка состоит из таких основ

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

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

Если нужно создать таблицу, Вики поможет

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

Wiki-меню для облегчения работы с постами

Статья по теме: «Заморозка страницы ВКонтакте, причины и варианты решения»

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

Для создания меню нужно выбрать подходящую картинку и скопировать ее адрес. Окружить ее двойными скобками в виде [[]]. В итоге получится такой код [[photo8547_6521431|options|text/link]], где:

text — то, что нужно сказать читателю картинкой;
link — ссылка на картинку;
Options — все прочие характеристики изображения: размер, рамка картинки, принцип отображения.

Заключение

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

Wiki-разметка vk создание слайдов. Wiki для ВКонтакте

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

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

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

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

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

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

{| знак начала таблицы — обязательный атрибут любой таблицы;
| + центральное расположение имени таблицы помещается сразу после начала таблицы и не является обязательным атрибутом;
| — начало подписи новой строки, включая и ряды ячеек;
| знак, отвечающий за прозрачность ячейки;
! знак, отвечающий за темный цвет ячейки; в случае его отсутствия обязательно использовать предыдущий символ;
|} символ конца таблицы, необязательный атрибут, используется для предотвращения ошибок.

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

Вот пример оформления группового меню с использованием вики-разметки.

которые удаляют ссылку и рамку рисунка. Размеры изображений также были изменены.

, следовательно, имеет темный цвет заливки.

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

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

1. Создание ссылок в виде ссылок:

1. Сделать ссылку в виде текста:

1. Дизайн ссылки как изображения:
  []

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

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

1. Вырезаем картинку в Photoshop и нажимаем «Сохранить для Интернета».
2. Загружаем картинки через стандартный загрузчик, так как флэш-загрузчик может ухудшить качество
3. Собираем тег меню nopadding
4. Прописываем ссылки
Результат примерно так:

[]
[]
[]
[]
[]
[]
[]
[]
[]

Особенности и секреты разметки вики

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

Будьте осторожны при изменении размера изображения — если оно меньше 131 пикселя, качество изображения значительно ухудшится;
Максимальный размер изображения — 610 пикселей;
На одной вики-странице нельзя разместить более 17 незакрытых тегов;
Указав ширину изображения, его высота будет автоматически меняться в соответствии с пропорциями;
Список внутри таблицы или спойлера создается с помощью тега
;
Одна строка разметки может содержать не более 8 элементов списка.

Контактные приложения для разметки вики

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

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

Теоретическое понимание разметки вики.
Возможность его практического применения.

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

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

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

Вики-разметка имеет:

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

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

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

Как сделать меню для контактирующей группы с помощью wiki разметки

Номер группы соответствует номеру сообщества.

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

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

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

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

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

Начало таблицы {| ;
Заголовок таблицы | + ;
Новая линия | — ;
Новая цветная прозрачная ячейка | ;
Новая ячейка темного цвета ! ;
Конец таблицы |}.

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

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

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

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

Меню может быть расположено в:

текстовом стиле;
графический стиль.

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

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

Шаблоны макетов для групповых меню (картинки, теги, таблицы, спойлеры)

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

Особенности и секреты вики-разметки

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

Необходимо подключить группу к услуге «новости» . Подключение осуществляется путем установки «галочки» напротив раздела «новости» в функционале «настройки»;
Изображение вставляется в Wiki-страницу только в том случае, если изображение размещено на главной странице аккаунта в выбранном альбоме;
На одной вики-странице не может быть более семнадцати открытых и незакрытых тегов ;
Одна строка разметки может содержать до восьми пунктов списка ;
Ширина вставки изображения не может превышать 610 пикселей;
При редактировании изображения размером все пропорции изображения изменяются пропорционально их соотношению значений.

Приложения в контакте для разметки вики

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

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

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

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

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

Зайдите в «Управление группами», в раздел «Настройки». Спускаемся вниз и выбираем «Limited» в поле «Materials», чтобы только создатели и администраторы группы могли вносить здесь изменения.

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

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

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

[[Заголовок]]

Или с текстом:

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

Сегодня мы создадим несколько вики-страниц.

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

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

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

[[декоративная косметика]] [[уход за кожей]] [[контакты]]

Сохраните страницу.Посмотрим — у нас получилось три страницы.

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

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

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

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

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

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

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

Более подробно, пошагово, вы можете посмотреть на видео под этой статьей.

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

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

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

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

Harvest шаблон для группы ВКонтакте по изображению.

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

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

Сохранив и удалив ненужные фрагменты (Photoshop вырезает и сохраняет все изображение и белые поля тоже), переименуйте фрагменты, пронумеровав их в порядке расположения в меню.

Теперь переходим непосредственно к группе. После настройки параметров на стене появились две вкладки: «Последние новости» и «Обсуждения». Нажмите «Новая тема» во вкладке обсуждения и создайте первую страницу нашего меню.

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

Созданное сообщение появится на стене. Таким же образом создаем нужное нам количество страниц (в соответствии с разделами меню).

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

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

Пример кода для рассматриваемого меню:

[]
[]
[]
[]

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

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

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

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

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

Разметка

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

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

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

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

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

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

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

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

|) его конец.

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

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

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

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

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

Wiki-разметки «ВКонтакте». Yadda za a yi da wiki markup a «ВКонтакте»?

Bari mu magana game da abin da wani wiki da kuma abin da irƙira wannan tsarin.Ya buga ajalin Uord Kanningem a 1995. A lokaci guda akwai na farko wiki yanayi. Ба зато ба цаммани, кальмар «вики» да ака аро дага Гавай, кума яна нуфин «м».

Кальмар «вики» яна да дама маана:

Мусамман Ирин Шафукан да записи ванда за а ия гьяра вани веб-сайт baƙo. Гьяра ба за ка ия кавай рубуту да кума хотуна, амма кума да сосай царин да шафин.
Занен дон irƙirar манян румфа кундин сани.
Дукан фальсафа каидар да мусамман фасахар.

Mene ne wani wiki markup

Kana so ka san yadda za ka yi da wiki markup «ВКонтакте»? Амма кафин хоро таббата дон дуба му мсар тамбаяр абу, цикин абин да мука баяр да ку дука баянаи игра да вики.

Яу, мафи кьяу да ака сани вики не май баббар «Википедия». На бию вури ке зува Мульти-май амфани да айкин «Викия», кума я би та вани ири-ири на кананан кундин сани. Amma yadda za a shirya irin albarkatun? Wadanne ne abubuwan da suka kunshi? Бари му га ши!

Lantarki kundin iya samun dama страницы, заголовки, surori, da sauransu.. Дук wadannan abubuwa suna saka a cikin wani aure cibiyar sadarwa, ya samar da wani na kowa sarari. Дон Ширширар да ирин ваннан баббар ханья таймака мусамман каян айкин — wiki markup. Абин да яке да мухимманчи ши не сева ши заи ия таймака ва ба кавай айката дукан кундайен, амма кума су кусантар да дук вани науи на аль’умма «ВКонтакте».

Вики-разметка — musamman теги cewa ba ka damar haifar da wani mutum zane ga your kungiyar. Wannan kayan aiki ya sa ya yiwu, чтобы подключиться к да al’umma da dama arin shafukan da Links.Saboda haka, яна yiwuwa ya shirya wani kananan kundin sani a cikin al’umma. Ядро вики, аналог вики-не вани на HTML-да резкий, амма ваннан айки на бада ши не мафи сауки да кума сауки га маллака зумунта не.

Ta yaya ne wikis da kuma «VKontakte»

Mu ne tare da ku su koyi game da abin da wani Вики-разметка «ВКонтакте», да kuma koyi yin amfani da shi. Амма да фарко, бари му га абин да абобуван амфани ия каво ваннан каян айки на «ВК».

Wannan irin layout ka damar haifar da asali menus, tasirin, da ãyõyinMu, kuma ara sabon kewayawa abubuwa.Saboda haka, dole ka fito da wani kyakkyawan musamman zane cewa za ta samar da al’umma daga da dama fafatawa a gasa.

Мухимманчи! Кафин Ка Чанджа Зане Кунгияр, Кои Ядда За Йи Амфани да та Биджиро да Батун Кафа Абубува. Ваданнан Сун имел да «Видео», «Фотографии», «Стена» и многое другое. Ши не кума доул сама хар вани бан шаава да кума амфани баянай, ко альумма ба за су ия джаво ханкалин да кияйе сабон биян куɗи.

amfanin wiki

Muna so mu gane yadda za a sa wiki markup «ВКонтакте».Амма да фарко, бари му га абин да яке хака май кьяу да ваннан каян айки.

Da fari dai, вики, не содержащая сурового HTML. Ваннан Яна Нуфин Сева Кова Ия Койи да Ши. Na biyu amfani ne da cewa wiki markup kubutar da duk canje-canje da ka yi yi a kan daban-daban shafukan. За ка ия коване локачи кватанта дук забин да ваннан абу кума заɓи мафи кьяу.

Wasu wiki-asirin

Domin ya zama wani sana’a wiki markup, shi wajibi ne don ciyar da yawa lokaci. Duk da haka, wasu abubuwa kana bukatar ka sani a lokacin da matakai na farko a cikin tsarin.

Alal misali, изображения mai girman kasa da 131 пикселей, высокое качество нет. Страница Дая Камата Дауке да Хар Зува 17 тегов да Лайи — Ба Файе да 8 ака Гьяра. Идан ка са саукар да джуна ниша, цаво канза наса раайи на дук раббай. Тег
альхакин самар да списки.

Вики-разметка «ВКонтакте»: ссылки на шафукан вани рукани

Дон Ширдирар сабо страничка в чикин аль’умма, ши не иса я нуна и чикин рубуту в тунани да сабон лабарин. Бугу да Шари кума, Чарин шафукан байяна нан да нан баян кафа вани сабон рубуту абу.

Домин со ссылками на вики-разметку нанял Ирин Ваннан Занс [[rubutu]]. Haruffa a cikin wadannan baka za a buƙaci ka danganta, danna kan abin da za ka nan da nan za a dauka zuwa wani sabon page. Янзу ши ваджиби не дон цика да редактировать. A sabon page ne a shirye! Вики-разметка «ВКонтакте» ba ka damar haifar da yawa na da irin wannan pages. A sakamakon na iya zama wani dada yanar cikin your kungiyar.

Lura cewa da kyau tsara rubutu ne na musamman muhimmancin. Ваннан на да амфани га Карату да кума фахимта.Таббата айки та ханьяр да Ададин лабараи, джери, рубута да саурансу. Н. Домин Коване, Ирин Цара, вики-вики на да тег. Amma ba za ka iya amfani da wasu haruffa daga HTML. Dalilin shi ne cewa wiki markup ba kawai yana amfani da musamman tags, amma alamu masu yawa na HTML-harshe. Кума wannan na nufin cewa мафи yawan lokuta za ka iya amfani da dual nadi na takamaiman ayyuka.

Ина мамаки да абин да вики — вани май кайфин абу. Ganin a cikin rubutu abubuwa na HTML-markup, shi zai iya maye gurbin su da ãyõyin harshe.

Yadda za a yi mahada anga

Links iya zama kyakkyawa tsanani maɓallan da ko anka. Вики-разметка «ВКонтакте» ka damar haifar da duka biyu. Амма ка тунец да вата мухиммияр дока! Рубуту не ко да яуше санья к да дама дага чикин тунани, да кума хото — зува хагу на ши.

Бугу да Ари, муна таре да ку за су кои ядда за а хата зува махада анга рубуту. Буде да бака да кума сака вани тунани со. Затем са да вата ãyã raba abubuwa — |, da kuma bayan rubutu da ake so rubutu.За ка ия янзу руфе бака.

Я камата дуба вани абу, камар ваннан: [[ssylka.ru | Мой веб-сайт]].

Как подключиться к mahada zuwa Фото

Yanzu ƙirƙirar button. Дон Сара хото заи йи амфани да кальмар «фото» да кума та ламбар — альбом для детей на аль’умма. Хар янзу муна гама дукан баянаи занс. Da farko mun yi rajista da wani photo, sa’an nan a tunani.

Ya kamata ka yi, misali, irin wannan button: [[photo12345_67890 | ssylka.ru]].

Kula da siffofin don mu hoto!

bayyana — rubutu mahada a kan photo ba tare da images.
noborder — ка cire frame daga hoto;
akwatin — будет изображение a cikin wani sabon taga.
nolink — don cire wani mahada zuwa ga wani фото.
nopadding — cire sarari tsakanin hotuna.
NNNpx — да низа дага цикин абин квайквайя.
NNNxYYYpx — фото masu girma dabam (fadin * tsawo).

Wadannan ayuka ne da za a saka a gaban reference, чередование су да рабо алама. Таре да данные abubuwa за ия сака в matsayin са hannu a cikin hoton, када ка манта ка раба ши дага sauran haruffan.

Samar da allunan amfani wiki

Abin da kuma iya da wiki разметка «ВКонтакте»? ши ия ƙirƙirar Таблицы. Wannan ne yake aikata kamar yadda sauƙi kamar yadda tare da dukan sauran abubuwa. Дон сака да rubutu таблицы и кума йи амфани да харуффа на мусамман.

Da farko, bari mu ga abin da yake a kanta, wata ãyã:

{| — буде тебур.
| + — тебур BBC, масу хада кай цакияр (дама).
| — — вани сабон лайи;
| — yi m farantin.
! — клетка духу.
|} — руфе тебур (дама каши амфани да су хана куракураи).

Бию предпоследний айюкан не вариатив! Идан ка, мисали, санья вани духу клетка, дон аикава зува ши да аики на «нуна гаския» ба заи ия зама!

Янзу цика сакамакон тебур:

| — буде сотовый.
|| ко дай !! — раба дайя ячейка дага вани.

Ваннан Зай Йи Вани Абу Камар Ваннан (размер фарантина 1 * 3):

| —

| » ‘Красота’ » || » ‘Лафия’ » || ‘Спорт’

| —

за ка ия сака вани абу сикин тебур: изображения, ссылки, рубуту.Kawai muhimmanci la’akari da dokoki da muka bayar da wiki разметка «ВКонтакте».

Мун са меню

Бари му га йадда за а йи меню вики-разметки «ВКонтакте». Domin wannan mun bukatar wani kyakkyawan adadi da kuma ilimi.

Lura cewa меню ne:

Рубуту (букатар ка irƙiri wani линкс-анга).
Графика (buƙatar haɗi da mahada cute maɓallan da).
Табличный (duk menu abubuwa da ya kamata a sa cikin farantin).

Samun hoton farko, wanda fadin kamata ba fiye da 610 пикселей.Lura cewa wannan shi ne saboda girman da nisa daga cikin ganuwar na kungiyar. Янкан Хотон в «Photoshop» Ко Вани Эдита Дон Самун Дама Ададин Машига. Rubũtunsa a kan kowane button sunan wani menu abu.

Tafi zuwa ga kungiyar. Ga mun je ga iko panel da kuma haɗa da kayan aiki «Материалы». Идан ка кома баббан шафи, за ка га таттаунава и кан махада «Новости Бугава». Gyara da «Новости», za ka iya ƙirƙirar a kan su akai хорошее меню.

Далее baya shirye da za a ora Kwatancen a cikin image kungiyar.Wannan za a iya yi a hanyoyi biyu.

Ajiye hotuna вани-альбом.
Сака су каи цайе зува цикин лабарин «Новости», та инь амфани да гина-в редакции WYSIWYG.

Янзу за ка ия йи та ханьяр гьяра да «Новости». Don yin wannan, na gani edita ya kamata a sauya su «Вики-разметка» ВКонтакте «» Янаин (кнопка «»). Бугу да ари, лаакари да дук ака байяна сама, гама да хотон таре да тунани да дабан-дабан меню абубува.

Ina zuwa koyi ga yin wiki разметка?

«ВКонтакте» ne na aikin kungiyar, разметка sadaukar da Wiki.Аквай за ка ия каранта каякин ба да илми дон самун шавара май кьяу. Ma’aikata zabi zamantakewa cibiyar sadarwa kamar yadda zai yiwu га sauƙaƙe та масу амфани дон амфани да вики суровый. Дон инь ваннан, кафа вани ири-ири на айкаче-айкаче и чикин абин да за ка ия гуданар да айки и цикин дзане кунгияр.

Akwai kuma samfurori da zane ga al’umma. Таре да су таймако, за ка ия шаури ширья кунгияр идан ба ка да локачи. Бугу да кари, гьяра самфура — кьяу йи га сабон шига кунгияр мааиката.Har ka gan bad, cewa shi ne mai вики-разметка «ВКонтакте»? Шаблон дзане a cikin wannan hali zai zama mai girma taimako a gare ku. Wadannan zane alamu za a iya samu ba kawai a cikin aikin hukuma al’umma wiki markup, amma kuma a cikin sararin World Wide Web.

Ga waɗanda suka fuskanci wahala a koyo da wiki, akwai kuma da yawa, Koyawa kuma Yanã shiryar da. Бугу да кари, за ка ия тунтубар да мафи гогагген масу амфани. Сакамакон хака, ка саму вани асали дзане для твоей альуммы!

Графическое меню.Szablony znakowania wiki

Pomimo wszystkich zalet tej metody znajdują się również wady. Główne wady są taka jak inne darmowe rozwiązanie, Markup WIKA nie jest w pełni elastyczny w celu promowania, z technicznego punktu widzenia. W Википедия показывает, что это означает, что промоция w poszukiwaniu są po prostu niemożliwe do spełnienia. Obejmują one:

Zasadniczo te minusy nie są tak znaczące, że nie korzystają z artykułów w VKontakte. Ponieważ w celu przetestowania obszaru i możliwości To jest wystarczająco dużo.Понимаю индексы Google. portale społecznościowe Szybko szybko, wówczas wynik Twojej pracy można zobaczyć za miesiąc.

W kategorii Wiki – znakowanie VKontakte jest zwykle określane jako sposób na stworzenie pięknego, wizualnie wygodnego menu grupy, która pozwala tworzyć sekcje i prakzedstugije. Wymaga to wstępnej pracy w edytorze graficznym, w którym tworzona jest odpowiednia wizualna konstrukcja menu. Jednak może być również репрезентованы w prostym formacie tekstowym.

W pełni wykorzystaj wszystkie zasoby Wiki – oznaczenia w VKontakte mogą być w grupie. Funkcjonalność publiczna nie pozwala na utworzenie powyższego menu wymienionego powyżej. Эль, место Вики. — publiczny publicznie . Za to potrzebujesz:

Aby rozpocząć pracę z Markup Wiki w grupie W akapicie «Community Management» Konieczne jest zawierać «materiały», wprowadzenie kleszcza na odpowied. Następnie sekcja «Fresh News» pojawi się na głównej stronie grupy.W nim i pracuj z Markup Wiki, tworzeniem menu и artykułów.

W ten sposób możesz stworzyć wiele artykułów, grupy ich w partycjach i transfix. Jeśli chodzi o bezpośrednią pracę z artykułami, edytor graficzny VKontakte pozwala na wytwarzanie najbardziej proste działania (Wybierz tekst, dodaj nagłówki, dodaj zdjęzycóz). Bardziej złożone манипуляция, zarówno wewnątrz artykułu, jak iw menu (tworzenie tabel i partycji, różne działania Z tekstem) są wykonane za pomocą tagów.Rozważenie ich w tym artykule nie ma znaczenia nie ma sensu, ponieważ ich liczba jest dość duża. W sieci istnieje wiele Instrukcji, możesz użyć grupy.

Chcesz uzyskać miejsce, w którym można pomieścić przykłady pracy, blogu i reklamować swoje usługi? Zazwyczaj dla tych celów tworzą witrynę. Ale jest inny, simple sposób — группа ВКонтакте z Markup Wiki. W tym artykule wyjaśnię, jak go stworzyć.

Pracuję z nową konstrukcj ВКонтакте. Stary wkrótce się odejdzie — dlatego nie będę go rozważyć.W każdym przypadkucesses nie jest zbyt inny.

Pierwszą rzeczą, którą musisz zrobić, to stworzyć nową grupę:

Otwórz sekcję «Grupy».
Kliknij przycisk «Utwórz społeczność».

Utwórz nową społeczność

Wprowadź tytuł. Określ każdy — można go zmienić w dowolnym momencie jak najwięcej.
Teraz wybierz rodzaj społeczności: Grupa lub strona publiczna. Różnica jest opisana powyżej.

Grupa lub strona publiczna?

Kliknij «Utwórz społeczność».
Tutaj możesz zmienić określoną nazwę i wybierz typ strony (można go również zmienić w dowolnym momencie).
Nie zapomnij zaakceptować warunków użytkowania.

Wybierz typ strony.

Kliknij «Utwórz stronę».

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

Edycja informacji o społeczności

Natychmiast po utworzeniu nowa grupa Wpisz stronę «Edycja informacji». Co tam jest:

Назва .Myślę, że nie jest konieczne wyjaśnienie. Jedyne field obowiązkowe.
Описание wspólnotowy. . Napisz kilka słów o sobie i swojej grupie. Nie warto pisać — nikt go nie przeczytał.

Wszystkie pola, z wyjątkiem nazwy, nie mogą być w ogóle wypełnione.

Wciąż ustawienia.

Po zakończeniu ustawień — кликный «Запиш».

Grupa jest tworzona

Teraz możesz pobrać główny obraz. Kliknij «Prześlij zdjęcie» po prawej stronie.

Przejdźmy stronę na stronę

Określ ścieżkę na obrazie. Umieść swoje logo, zdjęcie lub narysuj (zamów) coś specjalnego. Z pomocą ramki podświetl obszar, który stanie się główny obraz społeczność.

Atrakcja pożądany obszar Z pomocą ramy

Teraz wybierz mały okrągły obszar, który stanie się miniaturą swojej grupy.

Rozmiar koła można również zmienić

To właśnie zrobiliśmy. Strona stała się 35% atrakcyjna!

Piękno!

Не запомнив о статусе.Tam też, możesz napisać coś interesującego. Na przykład slogan lub dane kontaktowe. Lub ogłoszenie, że masz dzień wolny.

Na to praca przygotowawcza Kończąc i rozpoczyna najtrudniejszą — wiki znacznika.

Як знатный идентификатор группы

Menu, wpis blogu, lista z przykładami pracy — wszystko to stworzymy z stronami Wiki. VKontakte jest obrzydliwą obsługą, w której nie ma narzędzi do tworzenia nowej strony. Zamiast tego użyj skryptów. Nie bój się, to tylko nieznaczne.

W przypadku skryptu będziesz musiał dowiedzieć się o identityfikatorze swojej grupy. Jeśli nie zmieniłeś swojego adresu — są to liczby w pasku adresowym, które przychodzą po słowie «клуб». Już się zmieniłem, więc mam taki prosty sposób, aby ukryć identityfikator nie jest dostępny.

Kliknij na dowolny post na ścianie, aby go otworzyć. Jeśli nic nie ma — napisz coś. Byle co.

Utwórz dowolny post i kliknij go.

Nowe dane pojawią się na pasku adresu.Co znajduje się w środku «ściany-» i «_» (niższa podkreśla) — i istnieje identityfikator Twojej strony. Oszczędzaj to gdzieś.

Идентификатор Mój — 124301131

Tworzenie Strony Вики

Teraz możesz użyć skryptu, aby utworzyć nowe strony z Markup Wiki.

http://vk.com/pages?oid=-124301131&p=dima.

Skopiuj go i wklej wiersz adresu przeglądarka. Zamiast mojego identityfikatora określ własne. Замястая слова «назва» напишет назвен стworzona strona.Możesz używać rosyjskich, spacji, liczb. A następnie naciśnij Enter, aby przejść do linku i uruchom skrypt.

Бдь остроны! Nazwa stron wiki nie można zmienić. Jeśli jesteś typowie — musisz utworzyć nowy.

Zacznijmy zacząć strona główna. Nazywałem jej «меню».

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

Kliknij «Wypełnij zawartość».

Otwórz edytor stron

Oto edytor stron. Ale jeszcze nie potrzebowaliśmy, эль ссылка. Spójrz na pasek adresu.Potrzebujesz wszystkiego, co znajduje się przed słowami «? Act = Edytuj i sekcja = Edytuj».

Pamiętaj, aby zapisać identityfikator strony i link do niego.

Шутить над моментом bardzo ważny. Nowa strona Nie jest również naprawiony nigdzie i żadne linki nie prowadzą do niego. Jeśli go zamkniesz — tracisz.

Radzę utworzyć osobny plik, w którym zostanie zapisana structure grupy. Мы идем по формуле «Титул — ссылка — Идентификатор строны». ID шутки «Страница-124301131_50771728».Będzie to dla ciebie potrzebne.

Tutaj na przykład structure mojej grupy «podsłuchała». Меню и 2 колейне строны. To rzuciło to równie skrypt do utworzenia nowych stron. Aby łatwo go znaleźć.

Zapisz wszystkie linki i IDS oddzielny pliknie stracić

Co jeśli zapisałeś tylko identityfikator strony, ale zapomniałeś o linkach? Wprowadź адрес «https://vk.com/page-124301131_50771728» на пасек адрес. Oczywiście zastępuj identityfikator swojej strony.

Naprawianie Stron wiki w группа

Sama strona główna już utworzyła.Teraz musi być skonsolidowany na samym szczycie społeczności. Aby to zrobić, skopiuj link do strony i wstawić do wiadomości na ścianie. W kontakcie z linkiem automatycznie utworzy link i dołączy go pod postem.

По просту скопю ссылку до строны почтовей

Przycisk pozostanie, nawet jeśli usuniesz link tekstowy

Załaduj obraz. Максимальная ширина — 510 пикселей. Максимальна высокая высота 510 пикселей. W tych wartościach możesz zrobić wszystko. Квадрат 510×510 — Najbardziej duży baner.co możesz zrobić. Dotyczy to adnych postów, nie tylko na stałe.

Zrobiłem до

Kliknij Wyślij. Teraz kliknij ikonę w postaci trzech punktów po prawej stronie górny róg. Poczta. Я кликний «СТОП».

Teraz zapnij post za pomocą odniesienia.

W ten sam sposób możliwe jest przedstawienie komunikatów artykułów na blogu wiki. Tylko nie jest konieczne ich naprawienia.

Zaktualizuj stronę. Informacje grupy zniknęły. Zamiast tego pojawił się post z odniesieniem i obrazem.

Kliknij na zdjęcie otworzy załączoną stronę Wiki

Jeśli klikniesz na zdjęcie lub przycisku «Widok» — otwiera się strona Wiki.

Do tej pory jest pusta

Najważniejsze jest to, że nie dotykamy. Надаль не мамы инныч строн. Odniesienia, aby dać nic do tego, co. Po pierwsze, zajmiemy się innymi rzeczami.

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

Nie opiszę wszystkiego istniejące tagi. Do układu. Wszystko od dawna zostało napisane przede mną.jest oficjalna grupa ВКонтакте. dedykowany do Markup Wiki. Można go znaleźć w nim. Temat jest posortowany przez Temat — weź Tak Zastosuj.

Pokażę, jak zastosować wiedzę z tej grupy w praktyce. Ходмы на мне «о мне». Aby rozpocząć, utwórz go za pomocą skryptu, zapisuj identityfikator i przejd do strony Edytuj.

Na stronie edycji znajdują się 2 tryby: tryb normalny i znakujący. Z jakiegoś powodu zwykły jest bezlitośnie Buggy — stale łamie linki. Я większość funkcji w niej nie jest dostępna.Więc staram się tego nie pracować. Aby przejść do trybu Markup wiki, kliknij ikonę Już zaraz.

Idź do trybu znakowania WIKA

Co powinno być na stronie «O mnie»? Niektóre informacje, lista zalet nad innymi kopiarką, być może zdjęcie. Zróbmy to.

Aby rozpocząć pisać tekst. Osobiście jest dla mnie wygodniejsze, a następnie skopiuj do edytora VKontakte. Nie zapomnij nacisnąć «Zapisz stronę» po każdej zmianie.

Teraz dodaj zdjęcie. Kliknij ikonę w formie aparatu i określ ścieżkę do obrazu.

Kliknij ikonę w postaci aparatu na pasku narzędzi

Oto nasze zdjęcie

Chcę, aby tekst przepłynął obraz, więc dodam go «lewy» parameter. I nie chcę, eby ludzie otwierali pełna wersja Zdjęcia, więc dodałem atrybut «Nolink». Przeczytaj więcej o atrybutach w grupie, do której podałem link powyżej.

Добавить параметры «Нолинк» и «Левый»

Spojrzeć na wynik — Idź do tryb normalny Użyj przycisku ..

Niezbyt piękna

Zmniejszmy zdjęcie.Po prostu zarejestruj się specyfikacje W trybie znacznika. Wskazałem wartości dwa razy bardziej mniejsze.

Określ żądane wymiary w trybie Markup Wikie

Teraz umieść listę. Atrakcja Żądany ciąg i kliknij ikonę listy.

Ten przycisk ustawia znacznik *, który tworzy element listy

Символ «*» pojawia się przed nim. Шутка к знатокам листов. Możesz umieścić ręcznie lub użyć przycisku na pasku narzędzi. Zaznacz pozostałe elementy listy.

Piękniejsza

Teraz musisz podświetlić nagłówki.Na pasku narzędzi znajdują się przyciski do projektowania nagłówków h2-h4.

Użyj przycisków lub ręcznie umieść znaczniki

«O mnie» zrobię nagłówek pierwszego poziomu. I zdanie przed listą jest trzeci poziom.

Prawie skończone

Wszystko jest prawie dobre, ale other nagłówek nieznacznie wpadł na zdjęcie. Musisz dodać pusty ciąg. W trybie Wiki-Markup jest to wykonane za pomocą tagu
.

Dodaj pusty ciąg

Jeśli musisz pominąć tylko 1 ciąg —
Za to nie potrzebujesz.Jest używany, jeśli chcesz uzyskać 2 и więcej pusta struna kontrakt.

Być może możesz przeznaczyć tłuszcz oddziel słowa. Atrakcja pożądany фрагмент. I naciśnij przycisk «B» lub użyj kombinacji klawisza Ctrl + B.

Комбинация Ctrl + B działa również

W tym miejscu stało się w końcu.

Moim zdaniem, nieźle

Портфолио rejestracji ВКонтакте.

Teraz wykonaj wygodne портфолио для клиентов. Widzę 2 способа:

Utwórz albumy z ekranami i listą stron z linkami do każdego z nich.
Stwórz oddzielna strona Dla każdej listy pracy i strony.

Na przykład wykonam 2 prace w портфолио — każdy sposób.

Альбомное портфолио.

Альбом Aby utworzyć, otwórz menu zarządzania społecznością.

Przejdź do Ustawienia społeczności

Tutaj zaznacz pole przed element «Albumy Photo». Teraz możesz je stworzyć. Zapisz zmiany.

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

Na stronie Wspólnoty kliknij przycisk «Dodaj zdjęcia» i określ ścieżkę do danych plików.

Dodaj nasze zrzuty ekranu do album

Przypuśćmy, że chcę dodać artykuł do portfela, jak wytworzyć zrzuty ekranu tekstów, które nie są umieszczone na ekranie. W tym celu wykonuję zrzut ekranu artykułu i przeciąć go na małe kawałki w edytorze graficznym.

Po co? Ponieważ w przeciwnym razie tekst na obrazie będzie zbyt mały, a nie zostanie przeczytany. Sens trochę z takiego portfela. I więc złamałem go na kilka pojedynczych fragmentów normalny rozmiar I dodaj B.oddzielny альбом W kontakcie z.

Mam 4 sztuki tekstu i miniaturowe. Przesuń kursor na dowolny obraz i kliknij ikonę «Move zdjęcie».

Przenieś nowe obrazy nowy Альбом

Альбом Utwórz nowy.

Кликний «W nowym albumie»

Podaj album o tej samej nazwie, co był artykuł. Aby łatwo go znaleźć. Nie potrzebujesz opisu. Umieść również kleszcze przedmiotami «Zdjęcia mogą dodawać tylko redaktorów i administratorów» и «Wyłącz komentarz albumu».Кликний «Утвужский альбом и перевод».

Podaj album nazwiska i zabronić reszty użytkowników do zmiany.

Podobnie przenieść pozostałe zrzuty ekranu. Tylko teraz nie musisz tworzyć nowego albumu — już tam jest.

Wybierz album już utworzony z listy

To właśnie zrobiliśmy na końcu.

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

W przypadku kolejnych albumów nie będzie takich hemoroidów z przeniesieniem. Kliknij «Albumy zdjęć».

Otwórz listę albumów swojej grupy

Teraz kliknij przycisk «Utwórz album» w prawym górnym rogu.Daj mu nazwę i pobrać nową część ekranów za pomocą przycisku «Dodaj zdjęcia».

Utwórz album dla nowego tekstu w портфолио

Wszystko, teraz mamy 2 albumy, w których przechowywane są zrzuty ekranu 2 artykułów. Wystarczająco dużo.

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

Utwórz stronę «Portfolio» и запишите свой идентификатор. Nie będziemy publikować pracy na nim — tylko nazwiska, miniatury i krótkie opisy.

Кликний значок «Dodaj zdjęcie».

Dodaj nowe zdjęcia na stronę

Кликний «Wybierz z fotografii społeczności».otwarty potrzebny альбом I wybierz swoją miniaturę.

Znajd miniaturę dodaną do album

W nowej karcie otwórz album lub pierwszy zrzut ekranu w nim. I skopiuj go do linku (całkowicie). Musisz go wstawić do znacznika zdjęć między cechą pionową | i zamknięcie nawiasy kwadratowe]].

Włóż łcze między znakami | i]]

Więc otrzymasz miniaturę po kliknięciu, który zostanie otwarty album lub zrzut ekranu z początkiem tekstu (w zależności od którego określasz link).

Портфолио Strona.

Cóż, wszystko jest tutaj znacznie łatwiejsze. Utwórz nową stronę wiki i nie zapomnij nagrać swojego identityfikatora. Kliknij ikonę «Dodaj zdjęcie» i pobierz zrzut ekranu tekstu, wstępnie wyciąć na małe kawałki. Идеальное, 1 образ на 1 акапит.

Po co? Ponieważ VKontakte jest dość kompresją obrazy. Jeśli pobierasz cały zrzut ekranu, a następnie rozwijasz go na całą stronę — jakość będzie obrzydliwa. Małe fragmenty nie będą cierpieć.

Teraz wyłącz tryb Markup wiki (jeśli jest włączony).

Wróć do B. tryb standardowyAby zobaczyć wynik

Nieźle, ale nie wystarczy. Kliknij pierwsze zdjęcie. W otwartej ustawieniu ustaw szerokość (lewa komórka) — 607 пикселей. Шутка к максимальному допущенному rozmiar obrazu na stronie. Wysokość zmieni się automatycznie.

Ustaw szerokość obrazu — 607 пикселей

Tak właśnie było. W ten sam sposób zwiększa wszystkie inne fragmenty tekstu.

Pierwszy fragment stał się znacznie więcej

W ten sposób możesz wepchnąć tekst dowolnej długości na stronie Wiki.Najważniejsze шутка, że można go odczytać o szerokości 607 px.

Цветной экран на стене Wiki

Wreszcie potrzebujemy identityfikatora nagranych stron. Портфолио Otwórz stronę.

Załaduj miniaturę (z utworzonego albumu lub z computera). Teraz włóż identityfikator strony za pomocą tekstu pomiędzy nawiasami kwadratowymi zamykającymi]] Funkcj pionową |.

Копию идентификатора строны с текстами знаков | i]]

Właściwie wszystko.Teraz po kliknięciu na miniaturę odwiedzający przejdzie do tekstu z tekstem.

2 Nasze miniaturowe odniesienia

Rejestracja listy prac

Teraz sprawimy, e nasze портфолио шутка bardziej prezentowane i wygodne. Dodam na nim nagłówek, nazwy pracy, małe opisy i linki do witryny, w której są publikowane. Tak właśnie było.

Dodaj informacje o każdej pracy

Rejestracja strony «Usługi i ceny»

Mamy już stronę «o sobie i pięknym портфолио.Być może nadszedł czas, aby pokazać klientom cenę. Myślę, że umieścimy go w formie stołu. Po prostu i zrozumiałe. Utwórz nową stronę Wikie, zapisz identityfikator — i pojechałem.

Szczegóły dotyczące wszystkich tagów, które są potrzebne podczas układania tabeli, możesz przeczytać

W ostatnim artykule rozmawialiśmy o swozęzný drupi ze «»

Tworzenie znacznika Wikiego jest bardzo podobne na zasadę działania kod HTML

W kontakcie z markup Wiki. służy do tworzenia pięknych strony graficzne., Menu, spoilery, nawigacja i inne rzeczy. Po wykonaniu znacznika talii wspinasz się w oczy swoich subskrybentów publicznych. Spędziłeś dużo czasu, aby stworzyć pięknie projektować, nawigację i stanowiska zorganizowane w społeczności, a to jest znak, którego nie dbasz o czytelników. Doceniają к.

Разметка вики. Kino:

Nie radzimy tworzyć markup graficzna. Jest już przestarzały. Dobrze urządzone oznaczenie tekstowe wygląda lepiej i dobrze utrzymane.Ale jeśli zdecydujesz się nadal trzymać się pierwszej opcji, najpierw nauczysz się pracować z obrazami:

Włóż obraz w VK za pomocą разметка Wiki. Możesz tylko wtedy, gdy jest w albumie swojej publiczności lub grupy.

Aby wstawić zdjęcia, musisz wprowadzić album i skopiować adres tego obrazu. na przykład фото11111_111111.

Masz również możliwość zmiany parameterrów obrazu i dodawania linków. Przykład:

Grupa znakowania tekstu wiki, jak mówiliśmy wcześniej, wygląda piękniej.Kiedy to zrobisz, zrozumiesz wszystko sam!

Nie ma znaczenia, które z opcji znaczników lubiłeś więcej, tworzenie tabeli będzie potrzebować w obu przypadkach.

{| — ten znak wskazuje początek tabeli. Obowiązkowy atrybut.

| + — Opcjonalna tabela tytułu atrybutu. Jest natychmiast umieszczony dla atrybutu początku tabeli.

|. — Atrybut, który jest odpowiedzialny za przejrzystość komórek.

Jeśli nie ma poprzedniego atrybutu, to jest odpowiedzialny za ciemny kolor Komórki.(Musi być jednym z atrybutów)

|} -Conmark, co oznacza koniec stołu. Nie jest konieczne, aby go określić, ale lepiej jest określić, aby zapobiec wystąpieniu błędów.

I oto kod, dzięki którym ta tabela jest tworzona i ogólnie wszystkie znaczniki.

| — |) ВКонтакте mały podręcznik z kursem naukowym.

Rejestracja linków za pośrednictwem Markup Wiki, такая ссылка nawiązać z kotwic VKontakt:

Ponadto VKontakte ma aplikacje do tworzenia znaczników Wiki.Myślę, e lepiej jest to stworzyć. Nie musisz uczyć wszystkich tych wartości.

Укуранское меню ВКонтакте. Cara members halaman wiki Vkontakte untuk grup

Promosi proyek (situs) Anda sendiri di jejaring sosial sekarang menjadi aktivitas yang populer dan seringkali menguntungkan. Jejaring sosial adalah tempat yang sangat «mencurigakan» ди мана arus pengunjung akan mengalir seperti sungai terus-menerus. Dengan demikian, Anda dapat meningkatkan kesadaran proyek Anda sendiri sepenuhnya gratis.Метод промоси ян палинг menjanjikan ди Jejaring sosial, menurut saya, adalah menambahkan grup vKontakte dengan promosi lebih lanjutmereka.

Mengapa Anda perlu menghubungkan menu

Bahkan pada tahap members grup vKontakte, Anda harus mempertimbangkan terlebih dahulu bagaimana «pakaian» -nya akan terlihat, dan apa sebenaranannya yang. Пада akhirnya, tujuan utamanya adalah mengumpulkan audiens tertentu ke dalam grup Anda …

Seperti yang sudah Anda duga, меню vKontakte adalah semacam pengait «пемикат» ке далам группа, джади харус berwarar mung дан се.Di masa depan, grafik yang bagus dapat dimainkan di tangan Anda, melipatgandakan popularitas dan kesuksesan Anda. Siapa tahu, mungkin dalam satu tahun, Anda akan mendingat dengan penuh emosi bagaimana Anda baru saja memulai perjalanan Anda dengan pendaftaran. Apakah menurut Anda ini sulit? Tidak berarti, hanya perlu beberapa jam untuk memuat menu yang unik!

Untuk mendesain menu grup yang sudah dibuat, Anda memerlukan программа Photoshop янь sangat berharga дан Anda…. Gambar unik dibuat di editor ini.Мари кита амбил гамбар ян сесуай денган лебар сэкитар 380-385 пикселей (тингинья — пункт джумлах далам меню графис груп Анда). Selanjutnya, Anda perlumbuka gambar melalui Photoshop dan menggunakan alat untuk menerapkan item menu yang direncanakan ke gambar. Sedikit imajinasi saat memilih font, ukurannya, warnanya tidak akan ada salahnya, tetapi tanpa ekstrem … Урожай атау тидак, урожай гамбар, джика ада руанг косонг ди багиан бавах, terserah Anda. Jika gambarnya bermakna, maka Anda tidak perlu mempersingkatnya.

Langkah selanjutnya adalahmbagi seluruh gambar menjadi beberapa yang kecil. Dengan kata lain, Anda perlumbagi gambar menjadi item menu yang disarankan, di mana masing-masing darimemeka, ketika mengklik sendiri, akan mengarahkan anggota grup ke halaman lain, dll. Dimungkinkan для создания элементов меню для создания меню грибов «Pemotongan» яндекс дзен в редакторе Photoshop. Tentu saja, Anda dapat menggunakan templat янь sudah jadi, untungnya, sekarang tidak ada yang sulit untuk mengunduh янь Анда сукай дан terapkan.

Сетелах «мембаги» семуа гамбар, Анда сехарусня мендапаткан беберапа гамбар ян перлу димуат ке далам альбом группа ян дибуат себелумня. Джанган лупа Untuk мембатаси имеет ке альбом агар меню tidak sengaja pecah. Apa pun bisa terjadi … Пада akhirnya, buka halaman pengeditan menu (ди halaman yang sama!) Дан ikuti rekomendasi ini tanpa penundaan.

Джади, масук ке груп дан ди депан тулисан «Берита сегар» текан меню «Редактировать». Di jendela yang muncul, Anda harus menempelkan kode markup wiki.Untuk menu grafis, kode ini akan menjadi sebagai berikut:

[], di mana
nopadding — disisipkan sehingga menu kami tidak mengandung spasi;

Кетика сату барис сеперти это димасуккан ке далам джендела редактировать разметку вики, пункт пертама дари меню графис кита тидак акан меламбат унтук мункул, тетапи ханья акан менджади ян пертама! Untuk melakukan prosedur lengkap Untuk menambahkan semua item menu grafis grup vKontakte kami, Anda harus memasukkan kode di atas sebanyak jumlah gambar yang telah kami siapkan pada awalnya.Dengan demikian, setiap kali tautan ke foto (gambar kami) акан berbeda дан jalurnya juga akan berbeda дари янь sebelumnya.

Setelah menyelesaikan seluruh proses memasukkan дан mengedit kode markup wiki yang sesuai, kami mengkonfirmasi perubahan kami dengan tombol «Simpan» дан, тенту саджа, ками мелихат карья ян бару граф дибуат — меню.

Contoh desain grup populer di VKontakte

Contoh desain grup VKontakte dapat diberikan selama berjam-jam.Misalnya untuk pecinta binatang, tampilannya seperti ini:

dan bagi penggemar game CS online populer akan seperti ini:

Masih populer bisa DISBUT KELOMPOK BERAUANG KEMBEDANGIKA TED. Сингкатня, унтук мазинг-мазинг миликня!

Pengantar Singkat Untuk Markup Wiki

Seperti Yang Sudah Anda ketahui, Markup Wiki Vkontakte, Ян Сая Тулис Седикит Себелумня () adalah semacam sistem untuk mengedit halaman secara berkelompok docdoc.Разметка memungkinkan anggota tim untuk secara kolektifmbuat halaman referensi silang yang tak terhitung jumlahnya. Dalam grup, Anda dapat member ensiklopedia mini dan bahkan seluruh perpustakaan, serta bertukar berbagai tautan ke foto dan video.

Джика Анда бенар-бенар ингин менгуасай илму мембуат груп мультифунгси дан берварна-варни далам контакт, мака бергабунглах денган груп: http://wiki.vkontakte.ru/, ян бериси «баньяк» информационная бергуна, приложение … янь диинстал акан менджади пенасихат ян сангат байк http: // vkontakte.ru / app1755280 Untuk обучающее видео Ян Луар biasa tentang разметка вики.

Buat menu grafis «langsung» yang dibedakan oleh orisinalitas desain.

Saya baru-baru ini bingung dengan desain grup ВКонтакте сая. Сая melihat banyak группа янь dirancang dengan indah dan ingin melakukan hal serupa. Setelah beberapa jam mempelajari markup Wiki, akhirnya sayambuat spanduk yang indah untuk diri saya sendiri дан меню grafis tarik-turun mengarah langsung ke halaman situs saya.Сингкатнья, багаймана хал иту дилакукан. Pertama, dua gambar dibuat di Photoshop secara bersamaan, lalu salah satunya dipotong menjadi beberapa bagian. Selanjutnya, pada halaman edit di VKontakte, kode khusus dengan tautan eksternal dimasukkan. Нет, секаранг мари кита бичара тентанг семуанья секара берурутан.

Saya mendesain grup Vkontakte
Desain grup дан publik VK berkualitas tinggi, menu yang disematkan, menu tarik-turun, menu grafis internal, katalog, navigasi internal — harga dan portofolio.

Perhatian!
Sehubungan dengan pembaruan VKontakte berikutnya pada 31/10/2016, opsi untuk desain grup ini menjadi tidak релевант. Sebagian, меню serupa dapat diterapkan pada tab Berita segar di blok di bawah bilah status. Tapi ini akan menjadi menu tersendiri, bukan komposisi tunggal dengan avatar.

Langkah 1.
Buat dokumen baru di Photoshop, berukuran sekitar 850×700 пикселей, isi dengan warna putih. Dalam contoh ini, saya langsung melapisi antarmuka VKontakte di atas untuk kejelasan.Sekarang kita perlu memotong dua jendela di lapisan di mana desain grafis itu sendiri akan terlihat. Pertama pilih persegi panjang 200×500 пикселей dan tekan Del. Kemudian pilih persegi panjang 510×309 dan juga tekan Del.

Sejajarkan persegi panjang ke bawah, jarak antara bentuk adalah 50 пикселей. Desain ini dirancang untuk satu baris nama grup, satu baris status dan tiga baris deskripsi dan informasi teknis. Джика Анда memiliki jumlah garis ян berbeda, maka sesuaikan ketinggian gambar kiri di tempatnya.

Langkah 2.
Sekarang kita menempatkan semua desain grafis kita di bawah lapisan ini. Далам Хал Ини, Сая Мелетаккан Гамбар Денган Латар Белаканг Утама, Лалу Сая Менулис Текс, Дан Кемудиан Ди Персеги Панджанг Кири.

Langkah 3.
Sekarang kita langsung menyimpan persegi panjang kanan (аватар) sebagai gambar terpisah 200×500 пикселей. Ини Адалах Гамбар Ян Судах Джади Унтук Декораси Келомпок. Itu dimuat ke blok di sudut kanan atas grup, di mana dikatakan «Perbarui Foto».Дан гамбар кири харус dipotong menjadi beberapa gambar sesuai dengan jumlah меню пункта. Далам Хал Ини, Ини Адалах 5 Гамбар Денган Лебар 510 пикселей.

Langkah 4.
Pada langkah ini, kita perlu mengunggah gambar potong kita ke VKontakte. Untuk melakukan ini, segera di bawah deskripsi grup, pilih blok «Berita Segar», menurut saya begitulah sebutan aslinya. Сая менамаинья «Меню». Клик «Edit». Пентинг! Пертама, Анда харус мемилики Груп Тербука, букан Халаман. Karena tidak ada item seperti itu di Halaman.Дэн Кедуа, di меню «Управление сообществом»> «Информация»> «Контент», пункт «Публичный» harus dipilih.

Langkah 5.
Jadi, вкладка «Редактирование», ками mengklik ikon kamera дан memuat lima gambar menu irisan kami. ВКонтакте акан мемуатня денган чаранья сендири, менгуранги укуран менджади лебар 400 пикселей дан менетапкан тег noborder ке гамбар. Пада langkah selanjutnya, kita harus mengubah kodenya sedikit.

Langkah 6.
Yaitu, kami mengatur ukuran gambar asli dan mengubah tag noborder menjadi tag nopadding.Kami juga perlu meletakkan url tautan dari setiap item меню. Далам Хал Ини, Таутан Пертама Менгарах Ке Халаман внутренней ВКонтакте, Дан Эмпат Таутан Лайння Менгарах Лангсун ке Халаман Ситус Сая.

Di bawah ini adalah kode kerja asli menu saya. Анда дапат менгунаканнйа себагай дасар. Ди dalamnya, Anda mengubah gambar menjadi milik Anda sendiri, mengganti ukuran Anda sendiri дан menulis tautan Anda. Дан пастикан тидак ада спаси ди антара танда курунг шику далам коде, дан тидак ада кормить барис, джика тидак, акан ада спаси ди антара гамбар далам гамбар график.

[] [] []

Langkah 7.
Saya ulangi sekali lagi, Untuk мембука меню ini Anda perlu mengklik tulisan «Меню». Дан Иту Селалу Рунтух. Baca komentar ke posting, ada banyak pertanyaan beres. Nah, bergabunglah dengan grup saya di VKontakte.

Seperti yang Anda ketahui, seseorang ,mbaca ataumbuka sumber daya web ini atau itu, selama 8 detik pertama memperhatikan desain dan antarmuka. Пада саат ян сама, иа якин акан кегунаан ян байк атау бурук (кемудахан пенггунаан).Меню dalam grup di jejaring sosial «Vkontakte», yang akan kita bicarakan hari ini dan mempertimbangkan prinsip desainnya dengan contoh, memungkinkan tidak hanya menyajikan informasi yang penuh warna dan «pamtifedak lengión» darijikan darii дан buatlah penekanan ян diperlukan.

Cukup dengan melihat beberapa contoh untuk memahami betapa indah dan nyamannya itu:

Мари Кита мулай.Untuk memulainya, perlu dicatat bahwa jika Anda ingin members menu sendiri dari awal, maka Anda memerlukan semua informasi berikut. Jika desainnya sudah ada, Anda dapat melewati sebagian artikel dan langsung menuju penempatan dan markup wiki.

Меню Desain

Memungkinkan Anda Untuk Menyelesaikan Dasar Untuk Proyek Masa Depan. Untuk menyelesaikan bagian pekerjaan ini, pengetahuan tentang seperti «Adobe Photoshop» sangat dianjurkan. Ini adalah bagaimana ukuran template terlihat, ди мана кита акан mengimplementasikan меню ян инда ди маса депан.

Аватар мемилики лебар 200 пикселей дан тингги 500 пикселей. Гамбар меню утама адалах 510 * 308. Akibatnya, kita akan mendapatkan «меню» ян бегиту индах ди акхир.

Harap dicatat bahwa tergantung pada informasi yang ditulis setelah nama grup, ketinggian gambar di sebelah kanan (avatar) dapat berubah, dan, karenanya, semua yang terletak di dekatnya dapat berubah!

Sumber tata letak PSD ini telah diimplementasikan sebagai contoh.Ундух.

Ками тидак акан фокус пада багаймана шаблон дибуат; ками акан segera melanjutkan Untuk mempersiapkannya Untuk ditempatkan di grup baru atau yang sudah ada. Бука файл из фотошопа.

Пертама-тама, симпан аватар. Салах сату чара унтук менйимпан денган чепат, джика семуанья терструктур далам файл дан ада беберапа элемент (сеперти далам касус ками). Matikan visibilitas слой ян тидак кита бутухкан.

Бука багян «Гамбар» и пилих оперы «Пемангкасан».

Pada output kita mendapatkan:

Jika berat gambar yang dihasilkan besar, Anda dapat menggunakan alat «Simpan untuk Web». Perintahnya juga ada di bagian File.

Kami melakukan operasi serupa dengan gambar yang akan ditampilkan saat menu pertama kali ditampilkan. Dalam kasus kami, kami membersiarkannya terlihat — папка «меню тербука» дан «латинский белаканг» меню «di folder» menu dengan mobil ». Outputnya adalah sebagai hasilnya:

Sekarang Anda perlu menyimpan дан memotong меню уровня kedua.Untuk melakukan ini, biarkan «латарское белаканское меню», terlihat di folder »menu mobil« дан тамбахкан », меню tingkat kedua« ke dalamnya.

Kemudian kita akan menggunakan alat «Memotong», янь dapat ditemukan di menu di sebelah kiri.

Ками «memotong» гамбар ками Menjadi Bagian янь sesuai. Далам касус ками, акан ада тига дари мерека.

Ini melengkapi bagian persiapan. Ками melanjutkan ке panggung utama.

Разметка Wiki для меню яндекс жади ВКонтакте.

Pertama-tama, Anda perlu mengunggah foto grup atau avatar dengan mengklik tautan dengan nama yang sama dan memilih file yang kami butuhkan.

Кемудиан, пастикан унтук мелакукан урутан тиндакан берикут. Ками перги ке «Manajemen Komunitas» и пункт «Bagian» в seberang tombol «Bahan» pilih «Terbatas».

Ini harus dilakukan agar pengguna dan anggota grup tidak dapat mengubah dan / atau mengedit item tambahan, termasuk menu.

Setelah operasi selesai, ками mengunggah gambar potongan ками ке альбом komunitas.

Buka bagian «Berita terbaru», pilih «Edit» дан masuk ke редактор меню.

Untuk mempercepat proses, gunakan tombol Kamera dan klik Pilih dari Foto Komunitas.

Сетелах менамбахкан, кита кембали менемукан дири кита ди редактор меню дан текан томбол «», Ди мана ками акан мелакукан пенгедитан лебих ланджут.Джуга, ками сегера менгганти нама багиан дан алих-алих «Берита сегар» ками менулис далам касус ками «МЕНЮ ГРУППА».

Struktur umum setiap bagian yang diiris terlihat seperti ini di markup — [], di mana:

id — pengenal (nomor) dari gambar yang Anda unggah;

X дан Y — укуран гамбар секара горизонтальный дан вертикал далам пиксел;

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

Semua gambar sekaligus harus ditutup dengan tag (дан tidak, seperti aslinya, setiap gambar)

…, янь secara otomatis menempatkan semua bagian menu di tengah halaman!

Karena kita telah meninggalkan satu tag Untuk memusatkan gambar, Untuk menghilangkan jarak «tidak menyenangkan» antara bagian-bagian dari keseluruhan gambar, masukkan tag «nopadding» sebagai berikut: []

Инилах ян терджади пада акхирня.

Sekarang Anda harus mengklik вкладка «ГРУППЫ МЕНЮ», lalu «редактировать».

Penting! Унтук менялин аламат ян диперлукан, далам верси ками, клик «МЕНЮ ГРУППА» дан салин «таутан ян бенар» дари сана.

Бука халаман утама, клик «Тамбахканская проводка». Jangan lupa untuk segera mengganti penulis postingan!

Klik pada «elipsis» di sebelah kanan entri dan klik pada tab «Pin».

Сетелах Иту, ками ме-освежить Халаман дан Меникмати Хасил Ян Дихасилкан, Ян терлихат Сеперти Ини:

Денган менгклик «Бука Меню».

Seperti yang Anda lihat, мембранное меню социальных сетей Vkontakte cukup mudah dan sederhana. Cukup memiliki tingkat pengetahuan янь mudah dalam menggunakan «Photoshop» дан разметка вики. Semakin baik дан jelas desainnya, semakin rela dan semakin sering calon pengguna datang dan kembali ke grup Anda.

Джика Анда Менгунги Десайн группа Ян Бенар-Бенар Уник Дан Мемукау Сесуаи Денган Гая Корпорат Дан Элемен Ян Меньертайа, Мака Хубунги Десайнер профессиональный, Атау Анда Дапат Менкоба Сендири Линкуп Бакат Анда.Semoga sukses dalam semua usaha Anda!

Grup Vkontakte, янь индах далам десайн, муда динавигаси дан дииси денган матери ян берманфаат, селалу мембангкиткан раса гормат дан кейнгинан бесар унтук «бергалан» мелалуй халаман-халаманнья, мембача матери дэнган дэнган дэнджан матери.

Олег Карена Иту, пада тахап пертама desain дан pengisiannya, pembuat komunitas selalu memiliki pertanyaan, solusi desain mana yang tepat Untuk grup Merka, «томбол» апа янь акан тердири дари, меню ха-хаукан меунган, яннтэрдири, дари, ха-ха-ха-лам, ха-хаус, менга-лам, янн, харус, менга-лама, янн, харус, менга-лам, янн, ха-ха-ха-ха-ха-ха-ха-мун, янг.situs mini? Bagaimanapun, semua ini, jika digabungkan, akan memungkinkan grup Vkontakte menjadi lebih menarik, dapat dimengerti, bekerja, dan hidup. Дан хари ини сая акан члени таху Анда кара мембуат меню ВКонтакте янь инда дан апа ян харус дикари.

Берсиап для участия в меню ВКонтакте

Untuk memuat menu, Anda harus terlebih dahulu memutuskan konten dan tampilannya. Anda perlu tahu bagian apa yang akan terdiri dari menu Anda. Ини адалах хал пертама. Дан kedua, gambar apa yang akan Anda gunakan dalam mendesain дан mempersiapkannya.

Untuk melakukan ini, ambil selembar kertas biasa dan gambar (тулис) тата летак меню Anda di atasnya. Yaitu, нама-нама «томбол» Анда ян акан менгарах ке халаман янь дииси денган контен апа каламбур. Memiliki sketsa ini di depan mata Anda, akan lebih mudah bagi Anda Untuk mencapai tujuan yang Anda inginkan.
Pada artikel terakhir dalam обучающее видео, saya dengan jelas menunjukkan carambuat menu teks. Дан Далам Артикель Ини Сая Акан Менсеритакан Дан Менунджуккан Лаги Денган Контох Сая.Джади мари кита мулаи. Kelompok pengujian Saya Debut Kesehatan.

Меню saya akan terdiri dari tiga tombol:

Рахасия Кесехатан (buka halaman dengan rekomendasi dan tips kesehatan)
Лехер ян сехат (бука халаман ди мана акан ада дескрипси дан таутан ке курсус пераватан бербаяр унтук пераватан остеохондроз лехер)
Punggung yang sehat (buka halaman di mana akan ada deskripsi dan tautan ke kursus perawatan punggung gratis).

Меню пембуатан

Untuk members menu, buka «Manajemen Komunitas» di tab «Informasi», cari «Bahan», atur «Terbatas» дан simpan.
Кемудиан кита кембали ке халаман утама груп дан ди багиан атас кита мелихат тулисан «Берита сегар», бука багиан ини мелалуй «Эдит».
Ди джендела ян тербука, убах тулисан «Берита сегар» менджади «Меню», мисальня. Ди биданг косонг ками мемасуккан нама халаман ками — томбол, ката-ката харус дитутуп денган танда курунг сику ганда танпа спаси. Сетиап нама ада ди барис бару.
Di bagian bawah halaman, клик «Pratinjau» дан лихат нама «tombol» янь dapat diklik.
Perbaiki pengaturan di bagian «Akses ke halaman» segera. Семуа пенггуна дапат мелихат халаман, ханья администратор ян дапат менгедитня, джика тидак, мерека акан кебанджиран спам. Simpan perubahan Anda.
Ками кембали ке халаман утама группа, клик «Меню» дан лихат нама халаман ян дапат диклик. Klik di samping «Edit».
Лангках ками селанджутня адалах менчари таху аламат халаман ками — «томбол». Нажмите «Punggung Sehat» из меню и «Punggung Sehat» нажмите «Edit»
Selanjutnya, di jendela browser kita melihat alamat seperti itu dan hanya mengambil darinya apa yang Disot dengan warna biru.Alamat halaman Kembali Sehat kami akan terlihat seperti ini: halaman-116040065_52123446, bukan ini: https://vk.com/page-116040065_52123446?act=edit
Ками мембука кетига халаман мелалуй «пенгедитан» дан менялин тига аламат ке далам буку кататан текс ками. Далам касус сая, terlihat seperti ini:
halaman-116040065_52123446
halaman-116040065_52123461
halaman-116040065_52123485
Селанджутня, кита мембутухкан аламат гамбар кита, ян акан бертиндак себагай томбол.Untuk melakukan ini, unggah gambar yang sudah disiapkan ke альбом akun pribadi Anda dan tutup agar tidak terlihat di pengaturan sehingga tidak ada orang lain selain Anda yang dapat melihat gambar yang dipotong ini. Jika Anda mengunggahnya ke альбомная группа, maka semua yang, menurut saya, tidak sepenuhnya menyenangkan secara estetika, akan melihatnya.
Saat Anda mengunggah semua gambar ke альбом, setelah sebelumnya memikirkan nama untuk itu дан mengedit Untuk Privasi, lalu klik semua gambar secara bergantian dan tulis ulang alamat foto-foto ini.
Untuk melakukan ini, kami melihat bilah alamat browser. Ками менялин багиан янь ками бутухкан дан менемпелкання ке буку кататан текс керджа ками. Alamat gambar akan terlihat seperti ini:

Dalam kasus saya, alamat gambar teratas terlihat seperti ini:
foto18
1. Ками перги ке меню мелалуи «Редактировать», турунканское меню текс дан ди багиан атас ками менулис аламат халаман ками — томбол. Ini akan terlihat seperti ini, contoh halaman saya:
  []
  Untuk lebih jelasnya lihat foto:
  
  Saya menunjukkan dalam angka apa yang bertanggung jawab дан artinya:
  1 — иници адалах аламат гамбар ками;
  2 — Ини Адалах Лебар Гамбар, Ян Берарти Лебар Меню Ками, Гамбар Ини Дапат Диубах, Тетапи Укуран Идеал Адалах 388 пикселей.Nomor ini harus sama di ketiga baris;
  3 — текс ini « танпа батас; танпа банталан » bertanggung jawab Untuk memastikan bahwa tidak ada celah di antara gambar, sehingga menu adalah gambar yang solid;
  4 Apakah alamat halaman menu ками?
  Agar tidak salah, Anda dapat menyalin sampel saya dan memasukkan alamat gambar dan halaman Anda di sana.
2. Hapus (hapus) меню teks bawah di bawah angka 5 дан клик «Pratinjau» di bagian bawah.Ками мелихат меню ками ян инда — симпан халаман.
3. Buka halaman utama grup, perbarui dan klik «Меню». Семуанья! Меню ками судов сиап! Лейбл Dengan mengklik, кита акан дибава ке халаман. Сементара мерека косонг, тетапи семуанья ада вактунья.

Информация yang berguna tentang topik grup Vkontakte:

Tetap terhubung dan berlangganan berita terbaru.
Semoga berhasil дан semoga berhasil!

Дан секали лаги сая сенанг менямбут Анда!

Artikel hari ini akan fokus secara exklusif pada grup VKontakte, meskipun sebagian besar, saya lebih suka bekerja dengan halaman publik.Tapi ketika di artikel terakhir saya menyinggung contoh publik saya, banyak yang bertanya-tanya, khususnya tentang menu Untuk grup.

Carambuat menu di grup ВКонтакте

Итулах ян сая лакукан.

Membuat menu hanya untuk contoh. Untuk menghadapinya dalam kelompok, pertimbangkan secara lebih rinci semua seluk-beluk untuk Anda.

Джади. Берикут адалах лангках-лангках дасарнья:

Пикиркан меню Утама
Пилих гамбар
Photoshop (tanpa photoshop, seperti biasa, tidak ada tempat)
Пемотонган гамбар
Isi gambar ke dalam album kontak

Mengaktifkan Entri Terbaru (Untuk menu masa depan Anda), Anda harus pergi ke manajemen komunitas dan mengaktifkan item — «Bahan»

Setelah materi dimasukkan, пункт «Berita segar» акан muncul di bagian atas grup, di mana Anda perlumbuat menu.Seperti halnya dengan halaman kontak apa pun, kami menemukan diri kami di editor, di mana Anda dapat mengisi gambar atau tombol menu manual secara manual, atau melalui markup wiki (tombol di sudut kanan atas).

Seperti yang Anda duga, cara termudah adalah menggambar gambar yang diperlukan terlebih dahulu di Photoshop, dan menempatkan tombol di atasnya terlebih dahulu, ди masa depanmerka akan menjadi tautan.

Далам контох Сая, Сая Менгунакан Латар Белаканг Соранг Гадис дан Менемпаткан 3 tombol di sebelah kirinya.Setiap tombol memiliki namanya sendiri.

Меню saya terdiri dari item berikut:

Untuk menyematkan gambar yang sudah jadi ke dalam kontak, Anda harus memotongnya terlebih dahulu. Untuk melakukan ini, gunakan alat «Pemotongan» в Photoshop. Сая пикир тидак акан ада кесулитан денган иници. Semuanya sederhana di sana … Untuk jaga-jaga, saya mengambil foto

Pilih alat ini dan mulai memotong. Saya mendapat 4 bagian. (хал палинг седерхана ян сая буат :), мескипун анда дапат мемотонгня менджади беберапа багиан)

Semua pekerjaan yang diperlukan untuk member menu telah selesai.Секаранг Анда дапат мулай мембуат меню ВКонтакте. Untuk melakukan ini, ками memuat gambar ke dalam kontak satu per satu. Инилах ян терджади пада акхирня:

Sekarang kita klik pada setiap tombol (атау багиан дари гамбар), дан менетапкан аламат ян диперлукан (тавтан). Untuk menghapus spasi tambahan, Anda perlu menggunakan tag «nopadding» (разметка меню Wiki)

Тег «nopadding» menghilangkan spasi di antara gambar, artinya, memantu «merapatkan »mereka satu sama lain.

Себагай хасил дари менамбахкан тег, ками мендапаткан ян берикут:

Semuanya tampak jelas, дан тидак ада ян румит. Дан джика анда тиба-тиба мемутускан унтук мембуатнья ди румах, мака лакуканлах, пасти анда акан менджади лебих кантик … Далам контох сая, тернята тидак терлалу керен, сеперти янь ками ингинкан, тетапи бэрфунга менганг андганг. Tentunya jika Anda menghabiskan lebih banyak waktu, дан bahkan beralih ke freelancer, Anda dapatmbuat menu yang sangat keren.
Saya melihat banyak orang melakukan kelanjutan dari avatar utama. Ternyata sebagai satu gambar utuh. Kelihatan bagus. Tetapi Untuk Memuat INI, Anda harus lebih memahami Photoshop.

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

Menjawab: Sejauh yang saya tahu, fitur ini telah dihapus oleh администратор Вконтакте.Себелумня, ада томбол терписах унтук менджага меню тетап — тербука. Кемудские грибы ini dihapus, дан sekarang menu harus dibuka secara terpisah.

Мескипун, сая бертему беберапа тербука секара по умолчанию … дан сесеоранг бахкан менгатакан бахва ада беберапа дженис коде ян менгатаси масалах иници. Tapi saya tidak menyarankan Untuk menggunakannya. Дилихат дари дискуси ди баняк форум, админ тидак менямбут ini!

Дан Иту Саджа Унтук Хари Ини. Sampai Lain waktu!

Cara mendesain menu grup ВКонтакте.Desain grup Vkontakte: carambuat markup wiki

Untukmbuat tampilan komunitas secara keseluruhan lebih estetis dan lebih nyaman Untuk digunakan, solusi terbaik adalahmbuat menu grup. Джади Анда дапат menempatkan semua element penting dalam satu daftar yang rapi, mengatur ikon atau gambarnya sendiri untuk setiap tautan, memberi tahu pengunjung tentang perubahan apa pun dengan cepat дан efisien. Меню dapat mencakup element-element berikut: berbagai tautan ke situs eksternal, info untuk diskusi, альбом, musik, dan bagian lain dalam situs Vkontakte, gambar, dan hanya structur grup Anda.Ikuti petunjuk di bawah ini, coba buat menu Anda sendiri untuk komunitas Vkontakte.

Carambuat menu sederhana di grup Vkontakte

Джика Анда Инджин Сетяп Барис Меню Менгара Ке Сату Атау Беберапа Топик Дискуси, Пертама-тама, Анда Перлу Мембуат Дискуси Ини Дан Члени Мерека нама. Membiarkannya tertutup atau terbuka untuk komentar adalah masalah yang sangat pribadi, karena opsi ini tidak memengaruhi tampilan halaman dalam menu.

Cobalah untuk members menu sederhana yang akan mewakili structure grup Anda dan berisi semua bagian yang paling penting.

Ingatlah bahwa menu akan muncul sedikit berbeda di grup dan komunitas. Олег Карена Иту, Джика Анда Инджин Ментрансфер Груп Ке Комунитас, Клик Икон Тига Титик ди Себелах Нама Груп дан Пилих Барис «Конверси ке Халаман». Harap perhatikan bahwa Anda tidak akan dapat mengubah komunitas kembali menjadi grup.

Sekarang buka tautan «Manajemen Komunitas» в меню Ян сама.
Anda akan melihat blok dengan semua pengaturan grup Anda, di sini Anda dapat mengubah nama, informasi kontak, privasi, mengelola anggota.Бука категория «Багян».

Di baris «Материал», atur nilainya ke «Nonaktif» atau «Terbatas» sehingga anggota grup tidak dapat secara tidak sengaja merusak file Anda yang diperlukan untuk pendaftaran. Ingatlah Untuk Menyimpan pilihan Anda.

Buka grup дан buka jendela «Berita segar», dari mana Anda akan members menu.

Пертама-тама, Анда перлу менгубах юдул «Берита Бару» менджади «Меню» атау нама лайн янь менджеласкан кепада песета бахва ди сини мерека дапат денган чепат менгикути таутан янь мерека бутухкан.
Alihkan mode edit posting ke «Редактировать разметку Wiki» dengan panah kecil di sudut kanan.

Sekarang Buat Struktur:

Penting bahwa Anda memiliki diskusi, materi atau album dalam grup, nama yang akan Anda gunakan dalam menu.
Тулис семуа джудул багиан утама далам сату барис, денган мелампирканнья дуа кали далам танда курунг сику.
Untuk members teks terlihat seperti daftar, letakkan tanda bintang di depan paragraf.

Далам танкапан лайар иници, кита дапат менгасумсикан бахва группа мемилики матери яндебут «Багиан 1», дискуси «Багиан 2» дан альбом «Багиан 3». Клик «Пратинджау» атау «Симпан Перубахан».

Bagian Anda akan berubah menjadi «Меню», дан akan ada tautan aktif ke kategori utama grup, tersusun rapi dalam daftar.

Cara memasukkan tautan di menu grup Vkontakte

Untuk mempercepat akses ke situs web resmi Anda, atau bagian langsung di dalam grup, lebih baik memasukkan tautan aktif.

Kembali ke mengedit Bagian меню. Салин Таутан Ян Анда Inginkan дан tempelkan saja ke jendela dalam mode Markup Wiki. Сетелах дизимпан, иту акан менджади актиф.

Ini adalah bagaimana semua tautan yang dapat Anda masukkan ke dalam menu grup Anda terlihat seperti.

Carambuat menu ВКонтакте dengan gambar

Джика Анда ингин меню тердири дари икон кантик ян менгарах ке багиан тертенту, cukup ikuti petunjuk ди бавах иници.

Untuk memulainya, новый альбом khusus yang hanya berisi gambar teknis untuk desain band.

Unggah gambar dalam format jpeg tidak lebih besar dari 500 пикселей kali 500.

Salin URL gambar yang diunggah.

Sekarang salin tautan ke diskusi, konten, atau situs eksternal lainnya.

[[Tautan ke gambar di album Anda | укуран далам пиксел; танпа банталан | Tautan ke diskusi atau situs]]

Contoh ditunjukkan pada tangkapan layar.
Клик «Симпан Халаман».

Sekarang tautan rapi akan muncul di menu Anda. Anda dapat mengatur nilai piksel sesuai keinginan Anda.
Untuk menambahkan banyak gambar, cukup masukkan tautan baru di baris baru.

PEMBARUAN PENTING : Artikel ini sangat ketinggalan zaman karena ada layanan khusus bernama MenuMake, янь memungkinkan Andambuat menu Untuk grup secara otomatis. Pendekatan руководство tidak lagi diperlukan.Намун, сая менинггалкан артикел Ини унтук седжарах.

Grup di VKontakte adalah tempat konsentrasi terbesar penggunanya. Penyairlah ян banyak mencoba mengaturnya dengan lebih baik Untuk menarik jumlah maksimum darimemeka. Ян terbaik bagi pencipta Untuk memikirkan desain grafis bahkan sebelum yang segera, bersamaan dengan perkembangan masa depan.

Penting Untuk dipahami bahwa desain grup adalah wajahnya, yang langsung dilihat pengguna baru runningitu dia memasuki halaman, hanya setelah itu dia mulai berkenalan dengan kontennya.Предложение ini, pada kenyataannya, mencerminkan semua bobotnya. Selain itu, меню grafis juga merupakan фунгционалитас grup, karena memungkinkan Anda menemukan informasi yang Anda butuhkan dalam waktu sesingkat mungkin.

Mari Kita Bicara tentang ideologi

Sebelum Anda mulai menggambar dan tata letak, penting untuk memikirkan tentang apa yang harus dibicarakan menu Anda? Untuk memahami ini, ada baiknya juga memutuskan tujuan utama grup — Untuk menghibur, menginformasikan, atau menjual.Penampilan дан фунгционалитас меню masa depan sangat tergantung pada ini.

Меню Untuk Menarik Pengunjung

Jika Anda berencana untuk menerbitkan konten yang menghibur, informatif, mendidik, Anda harus members menu yang akan menampilkan topik utama. Misalnya, ini dapat berupa bagian: publikasi terbaru, paling populer, режим тентанг, маканан сехат, анак-анак, dll. Ini akan berfungsi untuk meningkatkan loyalitas, karena akan nyaman bagi pengguna Untuk menavigasi massa konten.

Меню пенджуалан

Sebaliknya, jika tujuan halaman adalah untuk menjual, меню harus memantu pengguna menavigasi melalui beragam produk. Ян terbaik adalah menempatkan di dalamnya bagian янь mengarahkan pengunjung ke direktori atau bagian tertentu darinya, berbicara tentang pengiriman, kontak, perusahaan, promosi, dan selalu ke halaman kontak.

Tahap pertama — фотошоп

Mereka Mulai мембранное меню для контактов с друзьями, редактор графических изображений.Untuk ini, yang terbaik adalah menggunakan Photoshop, terlepas dari kenyataan bahwa pengetahuan минимальный Sudah cukup untuk ini. Карена Иту, Ками Мембука программа и Мембранное меню шаблона. Ukuran dokumen baru secara langsung tergantung pada jumlah bagian yang Anda butuhkan.

Selanjutnya, Andambutuhkan latar belakang. Ini bisa berupa latar belakang putih, atau warna, atau gambar tertentu. Unduh dari Internet дан masukkan ke dalam template. Selanjutnya, Tulis pada gambar latar belakang пункт меню янь telah Anda rencanakan.Этикетка Ини нантинья акан berubah menjadi tautan янь mengarahkan pengguna ке bagian tertentu.

Tetapi agar gambar ini dapat diubah dan dengan mudah dimasukkan ke dalam tautan, itu harus dipotong. Ini dilakukan di Photoshop Ян сама menggunakan alat «pemotongan».

Tetapi untuk melakukan ini dengan lancar дан indah, penting untuk menggunakan garis bantu, янь diaktifkan oleh pintasan keyboard CTRL + R. Muncul garis biru yang dapat Anda seret untuk mengatur batas bagian.Selanjutnya, klik pada alat «Memotong» дан pilih «fragmen di sepanjang panduan» di menu atas, sebagai akibatnya gambar dibagi dengan jelas menjadi beberapa bagian menu yang terpisah.

Pada artikel ini, kita akan berbicara tentang cara menginstal меню ВКонтакте. Pada artikel sebelumnya saya sudah memberi tahu Anda tentang cara dan carambuat menu dengan benar di Photoshop, dan sekarang saatnya untuk mengintegrasikannya ke dalam grup ками.

Тетапи агар ками дапат мемулаи предлагает пенгеналан меню ками ке далам контакт, пертама-тама ками харус мемотонгня менджади багиан-багиан компонення.Untuk ini kami menggunakan alat «Пемотонган».

Pilih alat ini dan mulai memotong. Saya mendapat 7 bagian.

Lalu pergi ke «File» — «Save for Web» — pilih ekstensi jpeg dan kualitas 100%, klik «Simpan». Kita harus memiliki 7 файлов. Семуанья! Фотошоп телах берахир! Semua pekerjaan янь diperlukan Untuk мембуат меню телах селесай. Мари кита мулай менгинстал меню ВКонтакте. Унтук ini:

1) Ками перги ке груп янь ками буат. Di sana kami menemukan «Альбом» — «Tambah» (disot dalam persegi panjang merah pada Gambar 1).Ками менкари томбол «Пилих файл». Klik dan unggah 7 file yang dibuat.

Menambahkan foto ke album grup VKontakte

Gambar 1

Menambahkan foto ke album grup VKontakte

2) Перхатианец! Баги мерека ян тидак менгактифкан «Берита Бару», дан сэра по умолчанию тидак диактифкан, Анда харус мемилих «Манаджемен комунитас», чари «Материал» дан актифкан (Гамбар 2).

Гамбар 2

3. Арахканская мышь ке «Берита сегар» дан таутан «Эдит» muncul di sebelah kanan, klik di atasnya (Gambar 3).

Гамбар 3

4. Sebuah jendela muncul seperti pada Gambar 4. Kami tertarik dengan tombol «Mode tata letak Wiki» (Disot dalam persegi panjang merah. Klik di atasnya.

)

Гамбар 4

Setelah itu, di area kosong di bawah ini, kita masukkan wiki — kode yang akan menampilkan menu masa depan kita. Сая мендапаткання себагай берикут (Гамбар 5):

Гамбар 5

Wiki — код харус димасуккан персис сеперти ян дитунджуккан пада гамбар 5.Kemudian Anda dapat bereksperimen sendiri.

Contoh sintaks untuk menambahkan gambar adalah sebagai berikut:

[], количество маны

photo-41875814_286789280 — ID gambar yang diunggah, yang dapat dilihat di bilah alamat di browser (Gambar 6).

Гамбар 6

Тег «nopadding» menghilangkan spasi di antara gambar, artinya, memantu «merapatkan »mereka satu sama lain.

370px — lebar gambar, lihat nilai ini di properties file.

https: // www.. Артинья, dengan mengklik tombol ini, pengguna akan pergi dari grup dalam kontak ke situs ini.

Унтук мембуат гамбар тидак дапат диклик, сая менгунакан тег nolink:

Itu saja! Меню пертама сая телах дибуат! Ини адалах тампиланнья далам груп (Гамбар 7).

Artikel ini akan menjadi manual terperinci dan saya akan memberi tahu Anda carambuat menu Untuk grup VKontakte. Меню группы ВК янь dirancang dengan indah berkontribusi pada peningkatan pengunjung янь nyata дан peningkatan penjualan di situs.

Halo para pembaca yang budiman. Biarkan saya memberi tahu Anda hari ini carambuat menu cantik untuk grup VKontakte dan sepenuhnya gratis. Ngomong-ngomong, setelah mempelajari carambuat topik seperti itu, Anda dapat menghasilkan sedikit uang dari ini -))). Sudah, tidak ada satu pun situs komersial yang bekerja tanpambuat komunitasnya sendiri di jejaring sosial, terutama VK, yang dijamin akan memantu mendatangkan pelanggan baru, serta mempromosikan bisnis Anda.

Tetapi jika komunitas Anda tidak menarik dan seperti orang lain, siapa yang mau tinggal di sana? Saya pikir tidak ada orang !!! Джади, мари хиаси группа кита денган desain berkualitas дан пеладжари кара мелакукання денган сангат чепат. Sebelum Anda Mulai мембранный график в меню masa depan kami, Anda perlu menginstal программа Photoshop на компьютере и для того, чтобы сделать это лучше всего. Баньяк ян акан bertanya mengapa Anda perlu memotong gambar sama sekali. Intinya adalah bahwa untuk setiap tautan menu kita harusmbuat strip terpisah dari spanduk umum.

Саат Ини Ада Беберапа Дженис Меню Ян Дибуат:

Buka dengan point aktif;
Ditutup sebagai rekaman yang disematkan;
Dengan gambar terpisah atau gambar umum yang berdekatan dari spanduk дан меню.

Inti дари мембуат кедуа опси адалах сама. Perbedaan utamanya hanya pada element tambahan dan jenis posting, dan ini akan dibahas lebih detail di artikel ini.

Untuk bekerja dengan menu akan memantu kami markup wiki , yang dibangun ke dalam editor teks VKontakte hari ini.Ини berbeda дари ян биаса карена перинтах стандарт акан дигунакан Untuk menampilkan gambar tertentu дан menyisipkan tautan ke elemen yang diperlukan. Разметка вики это sendiri memungkinkan Anda memasukkan kode Untuk menampilkan gambar, video, dan elemen lainnya.

Меню tertutup dari grup VK

Далам Хал Ини, ками акан менгамати ди себелах кири аватар груп утама себуах гиперссылка далам бентук тулисан «меню группы» кетика менгклик ди мана ками акан мембука меню ками денган пункт дан гамбар актиф.

Menunya akan seperti berikut:

Меню бука груп (матери ян дисематкан)

Intinya адалах мембуат пункт меню ян судах тербука ян акан дитампилкан далам дескрипси груп это сэндири, ди мана биасанья дитампилкан унтук семуа кондиси. Гамбар ками акан дилампиркан пада дескрипси, ян акан ками сиапкан себелумня дан менауткання ке халаман ди мана ками акан мемилики пункт актиф. Меню ини менджади сангат народ акхир-акхир иници дан диминати олех пелангган.Mereka terlihat seperti ini:

Carambuat menu yang indah untuk grup ВКонтакте: petunjuk langkah demi langkah

Джади, пертама-тама, кита перлу мембуат аватар утама группа, ян акан кита темпаткан ди себелах канан дан ринтисан меню кита далам бентук спандук.

Untuk avatar 200×332 пикселей;
Untuk spanduk utama, menunya berukuran 395×282 пикселей.

Seperti yang Anda lihat, tinggi gambar berbeda, дан ini dilakukan agar gambar tidak bergerak tinggi dan berada pada level yang sama, karena ketinggian nama dan status komunitasmbutuhkan мембутан sekitaran dan menguhkan menu Untai menguhkan menu un kituhkakanin dan menguhkan menu.

Untuk memperjelas, jika tinggi avatar utama grup adalah 332, maka kita kurangi 50 darinya dan dapatkan tinggi menu utama sama dengan 282. Джика мерси тидак масалах, мака тингинья дапат диатур севенанг-венанг.

Langkah selanjutnya setelahmbuat komunitas adalah menyiapkan materi dan di sini kita perlu melarang anggotambuat halaman dan blok tambahan, tetapi hanya menulis di dinding. Untuk melakukan ini, Anda harus pergi ke bagian di bawah avatar grup yang disbut «manajemen komunitas» di mana kita perlumbuat materi kita «terbatas» seperti yang ditunjukkan di bawah ini.

Sekarang мари кита мулаи мембуат komposisi umum. Анда дапат, тенту саджа, ханья мемасуккан гамбар алих-алих аватар дан ке далам дескрипси, тетапи джанган менджади аматир дан тунжуккан чара мелакуканнйа секара професионал, сехингга иту адалах сату гамбар сатубах менгадайн янгаин.

Мари Буат Канвас Бару ди Photoshop в размере 600×350 пикселей, Ян акан Кита Гунакан Себагай Стенсил Денган Мемотонг Букаан ди Даламня Унтук Гамбар Кита. Untuk pekerjaan, Kita perlu menerjemahkan ukuran semua element dan penggaris dalam piksel дан ini dilakukan di sepanjang jalur berikut: «Edit-pengaturan-utama» дан ди сини кита судах mengatur piksel.

Langkah selanjutnya dalam memuat menu terbuka adalahmbuat kliping Untuk banner дан аватар, янь kemudian akan kita terima untuk dimuat. Untuk melakukan ini, buka bagian menu vertikal kiri dan pilih potongan.

Menggunakan tombol kiri mouse, seolah-olah Anda sedang memilih area, Anda perlu memilih blok ukuran yang kita butuhkan dan setelah setiap pilihan tekan tombol Delete dan pilih 50% abu-abu am mengak itarahada semilih … акан мемилики укуран ян диперлукан дан дезот денган варна янь бербеда дари латар белаканг утама.

Anda harus mendapatkan yang berikut ini:

Sekarang cukup pilih penghapus дан гунакан грибов «penghapus ajaib» untuk mengklik setiap blok abu-abu дан dapatkan stensil dengan guntingan. Langkah selanjutnya adalah memilih gambar utama kita dan meletakkannya di bawah latar belakang dan mendapatkan gambar yang sudah jadi di mana kita dapat menulis teks dengan nama menu atau elemen iklan lainnya.

Багус. Setelah Anda menempatkan gambar desain kami, kami hanya perlu memilih «simpan untuk Web» дан ди джалан келуар ками mendapatkan 2 gambar kami.Sekarang kita kembali ke grup kita dan kita bisa mengisi avatar utama (вертикальный). Kami akan menggunakan spanduk untuk menu nanti saat bekerja dengan kode markup wiki.

Мари буат меню иту сэндири, дэнган пункт актиф ян акан менгарахкан пенггуна кэ багян ян диперлукан дари ситус пихак кетига атау ке альбом дан директоры группы иту сендири. Ками акан menggunakan gambar baru untuk perubahan -))).

Джади, мари кембали ке Photoshop дан буат канвас, размер 400×300 пикселей.Kemudian kita pilih di bagian: файловое хранилище дан pilih gambar для латинского меню.

Пада gambar ками menempatkan tombol menu masa depan kami dan memotong gambar seperti yang kami lakukan di atas dengan memilih blok yang diperlukan. Kemudian kita juga pilih «сохранить для Интернета» дан dapatkan папка dengan potongan kita. Dalam kasus saya, saya mendapat 4 gambar di folder terpisah.

Sekarang kita perlu mengisi gambar yang diturunkan dari Photoshop ke dalam album terpisah dan bersembunyi dari mata-mata.Setelah diunggah, setiap gambar akan menerima nama dan id uniknya yang baru.

Harap dicatat bahwa Anda harus memiliki:

Materi dibuka dalam mode «terbatas»;
Diskusi termasuk;
Папка dengan foto terbuka untuk semua orang.

Sekarang tinggal mengonfigurasi halaman kami di mana itu akan ditampilkan di menu. Untuk melakukan ini, buka halaman beranda komunitas дан pilih materi baru дан редактировать дан panggil «МЕНЮ КАМИ».

Selanjutnya, kita perlu memasukkan gambar yang kita dapatkan saat memotong di Photoshop.Seseorang menggunakan код разметки, tetapi agar tidak menipu kepala saya, saya sarankan memilih untuk menyisipkan gambar dengan mengklik icon kamera dan mengunggah satu per satu.

Bekerja di editor teks, jika setelah memuat gambar, kita mengklik ikon dalam bentuk tanda kurung di sudut kanan atas, maka kita akan melihat kode berikut:

Nasihat: Poin penting setelah memuat gambar adalah menghapus lekukan. Ini diverlesaikan dengan memasukkan «nopadding» ди depan ukuran gambar.

Untuk klarifikasi, ди bawah ini dijelaskan dari mana asalnya, tetapi mendingat semuanya akan dimasukkan secara otomatis dan Anda tidak perlu pintar, dan buka bagaimana beberapa menulis setiap simal mumbilat dan mengin.

[]
di mana xxxxx adalah id gambar Anda
yyyyy — lebar dalam piksel (tidak lebih dari 388)

Seharusnya berakhir seperti ini:

Sekarang gambar kami dikumpulkan dalam spanduk terpisah. Дан Untuk Menambahkan tautan ke setiap item, cukup klik gambar dengan markup dinonaktifkan dan di bagian tautan tempel url yang disalin.

Дан секаранг кита сампай пада поинтерпентинг дан терахир далам мембуат меню ВКонтакте кита. Sekarang kita perlu menyimpan halaman kita dengan gambar dan menyalin alamatnya. Далам касус сая, terlihat seperti ini:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

Ingat, ди аваль артикель, ками мембуат ринтисан меню, ян акан менджади келанджутан дари аватар утама ками, дан ками мембуат стенсил унтук иту. Инилах янь кита бутухкан секаранг.

Buka halaman beranda dan lakukan hal berikut:

Лангка 1.

Kami menempelkan alamat halaman ke dalam kotak teks Untuk posting baru di dinding, setelah itu akan diubah menjadi tautan.

Лангка 2.

Лампиркан гамбар ринтисан меню ками ке пос дан клик кирим.

Langkah # 3.

Sekarang, setelah posting diterbitkan, klik waktu pembuatan di bagian kiri bawah posting dan pilih «POST».

Багус !!! Ini menyimpulkan. Sekarang Anda tahu carambuat menu keren dan Anda bisa menghasilkan banyak uang darinya. Saya menyarankan Anda Untuk melakukan semuanya dalam urutan berikut:

Membuat structure dan memesan desain gambar menu;
Kami melakukan pengubahan ukuran dan pemotongan semua gambar;
Альбом Masukkan gambar ke dalam;
Kami mengedit semua potongan di editor dan menerbitkannya di halaman utama grup.

Sebagai hasil dari pekerjaan, kita akan mendapatkan menu seperti itu.

Тапи меню Иту Сендири, Кетика Диклик, Иту Акан Мункул Денган Таутан Актиф. Layak bermain dengan sizesi dan pas dengan layar Anda, tetapi jangan lupakan tampilan di perangkat seluler.

ПЕНТИРОВАНИЕ: Setelah desain VK diubah pada tahun 2016, perubahan baru dibuat saatmbuat gambar дан persyaratan Untuk gambar tentang itu.

Unduh templat menu grup VK + semua kode sumber pelajaran

Semoga materinya bermanfaat, дан Anda sekarang mudah memahami carambuat menu yang indah untuk grup ВКонтакте.Berlangganan pembaruan blog dan sampai jumpa di posting baru. Джика Анда мемилики пертаньян, тулис ди комментарий, дан сая пасти акан мембанту Анда.

Saya melampirkan video untuk mengkonsolidasikan apa yang telah saya baca -))).

Tujuan pencipta kelompok dalam pergaulan. jaringan menarik lebih banyak pengunjung. Adalah penting bahwa tamu ingin bergabung, menandatangani ,mbaca informasi, meninggalkan komentar atau memesan produk. Кебутухан акан хасил акхир бербеда денган арах кегиатан.

Детик пертама маса инап мембентук тиндакан таму селанджутня. Itulah mengapa antarmuka memainkan peran besar.

Faktor keberangkatan tamu:

аватар;
кетеранган;
judul;
меню янь индах дан практиш;
варна-варни;
isi.

Membuat меню praktis янь mendorong lebih дари sekadar tindakan itu mudah. Тетапи пертама-тама Анда перлу менчари таху апа янг сехаруснйа.

Apa yang harus menjadi menu?

Menggunakan меню янь dirancang dengan baik, pengunjung dapat dengan mudah menavigasi дан dengan cepat mendapatkan jawaban atas pertanyaanmeka. Selain itu, navigasi memungkinkan Anda untuk memuat kesan yang tepat tentang proyek tersebut.

Tiga tujuan utama kelompok tersebut adalah:

пенджуалан;
peningkatan lalu lintas;
peningkatan pengunjung aktif.

Untuk penjualan, navigasi grup menggantikan etalase.

Tombol yang paling penting harus ada di sini:

каталог;
harga;
пенгириман;
tawaran promosi;
ulasan.

Untuk meningkatkan lalu lintas, penekananannya adalah pada konten dan cita rasa situs atau blog.

Versi perkiraan dari serangkaian tombol:

artikel menarik;
informasi berguna;
лангганан;
ulasan.

Untuk meningkatkan aktivitas peserta, Anda harus merangsangmeraka dengan promosi, опрос, дан konten yang menarik dan tidak biasa.

Ками менаваркан томбол-томбол берикут:

berlangganan berita;
mengajukan pertanyaan tematik yang menarik;
persediaan;
дафтар пертаньян;
Пилих.

Pertimbangkan carambuat menu Untuk grup dalam kontak, semua point teknis yang memerlukan pengetahuan Minimal Tentang Editor grafis dan dasar-dasar bekerja dengan VKontakte.

Kami members secara bertahap

Pembuatan navigasi adalah proses yang menarik, kompleks, dan panjang. Тапи хасильня стоит .

Seluruh proses secara konvensional dibagi menjadi 2 tahap:

bekerja dengan photoshop;
tambahan teknis.

видео: меню Untuk Umum

Kami bekerja dengan photoshop

Sebelum memulai, Anda perlu mepresentasikan desain atau tampilan umum secara visual, serta komponennya.Тидак диперлукан пенгетахуан кхусус, чукуп икути лангках-лангках далам инструкши.

Алгоритма тиндакан:

установить дан jalankan программу «Photoshop»;
di item «File» pilih «Baru»;
di jendela yang muncul, atur:

Ini dilakukan dengan menggunakan alat Прямоугольная рамка:

Bekerja dengan grafik:

Seharusnya terlihat seperti ini:

Simpan persegi panjang di sebelah kanan sebagai gambar terpisah, atur ukurannya menjadi 200×500 px.Ини адалах аватар ян судах джади, dimuat melalui tombol «Unggah foto» группы VK.

Гамбар кедуа масих перлу дибаги денган джумлах поин. Ini dilakukan untuk menetapkan tautan ke setiap tombol.

Pertama, Anda perlumbuat markup:

Буат фрагмен:

Menyimpan gambar:

Bagaimana cara membersihkan komputer Anda dari program yang tidak perlu? Instruksinya ада ди сини.

Багиан текнис

Гамбар ян судах джади харус дитрансфер ке груп. Dengan mengikuti langkah-langkah di bawah ini, tugas ini dapat dengan mudah ditangani.

Penting! Pengisian menu berbeda dengan pemuatan foto atau gambar biasa.

Семуанья берурутан:

Sekarang yang paling penting adalah, sebenarnya, untuk apa semua ini dilakukan. Тамбахканское меню фунгционалитас. Гамбар терписах харус дибери тавтан «Анда».

temukan entri yang diperlukan;
klik di atasnya dengan tombol kiri mouse;
salin url di bilah alamat.

pergi ke sumber di mana Anda ingin mengirim pengunjung;
salin alamat yang diperlukan.

Simpan perubahan dengan tombol yang sesuai di bagian bawah jendela.

Perhatian! Perubahan mungkin tidak segera muncul. Disarankan Untuk keluar ke profil utama Anda дан kemudian masuk kembali ke grup.

Carambuat menu di markup wiki grup ВКонтакте

Markup Wiki адалах бахаса khusus янь digunakan Untuk mendesain halaman web di grup jejaring sosial.

Alat ini memungkinkan Anda untuk members:

эфек;
меню ян тидак биаса;
пиринг;
elemen navigasi;
мемформат текс.

Singkatnya, разметка ini memungkinkan Andambuat situs VKontakte mini.Ini bagus, terutama untuk penjualan дан perekrutan pelanggan.

Desain ini secara intuitifmbuat pengunjung tetap tinggal, mengklik tombol. Артинья, иту менунда дан мерангсанг тиндакан — дан иницилах ян дибутухкан.

Secara visual, sistem seperti itu sangat mirip dengan tata letak HTML. Тапи Иту Тидак Мембутухкан Пелатихан Ян Лама Дан Пола Пикир Хусус.

Видео: меню dengan pencarian berdasarkan kategori

Nuansa ciptaan

Sebenarnya yang dilakukan di atas (мембаги дан мемуат гамбар) судах менджади разметка элементов.Inilah kelebihan alat ini. Konversi otomatis ke tag hanya dengan mengunggah gambar.

Namun, pentuk mengetahui masing-masing tag untuk memantumbuatnya lebih грибовидный дан индах. Misalnya, ketika kita mengisi bagian-bagian индивидуальный дари гамбар, гарис-гарис путих дапат тербентук ди антара мерека. Anda dapat menghapusnya hanya dengan menambahkan tag noborder.

Seperti ini: []

Tag utama disajikan dalam tabel di bawah ini:

Bekerja dengan gambar

[] .

Di mana opsi diganti dengan:

tidak ada batasan — menghapus bingkai di sekitar gambar;
tanpa bantalan — penghapusan spasi di antara gambar;
polos — masukkan tautan ke gambar. Disusun dalam bentuk teks, tanpa grafik;
tidak ada hubungan — penghapusan tautan ke gambar;
kotak —mbuka gambar di jendela;
NNNxYYYpx atau NNNpx — mengatur ukuran foto dalam piksel.

Табличка мембуата

Terlepas dari menu mana (tekstual atau grafis) ян анда буат, анда хампир тидак дапат мелакукання танпа менйисипкан табель. Jika tidak, Anda bisa menempelkan teks ke bidang berita дан tidak memformatnya ,mbuang banyak waktu.

Tabel dibuat menggunakan set karakter khusus, di mana masing-masing bertanggung jawab atas bagian tertentu dari tabel:

? Q = vk Стенка

«? q = vk wall»

Время запроса (0.038 секунд) — Оценка за завершение 110000 ? q = vk обои ^-0.36

14 результатов и 0 похожих запросов

Добро пожаловать! | VK

vk.com

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

vkontakte.ru/vk.com/id16481896 vk.com/id0 new.vk.com vkontakte.ru/run.the.converse www.vkontakte.ru m.vk.com/login VK (услуга) ¹⁴ Бизнес-модель подписки ^2,6 Пароль ² Активные пользователи ^1,8 Социальная сеть 21 1.4 Android (операционная система) ^1,3 Реклама ^1,3 IOS ^1,2 Онлайн и офлайн ¹ Бесплатная музыка ^0,8 Мобильное приложение ^0.7 Пользователь (компьютер) ^0,6 Электронная почта ^0,6 Социальная сеть ^0,5 Английский язык ^0,5 Русский язык ^0,5 Плейлист ^{0,4 922 0,4} Программатор ^0,3 Nintendo Switch ^0,3

MAGIC-Q X MEET TIM — С севера (автор: $ tamix)

www.youtube.com/watch?v=8bN1CfhfNZ8

C-Q X MEET TIM — From the North prod by $ tamix

Magic! ^15,3 Q (журнал) ^14,9 Тим (альбом Avicii) ^11,1 X (альбом Криса Брауна) ^2,6 From the North (альбом Raised Fist) ^2,1

1

YouTube 2 X (альбом Кайли Миноуг) ^1,8 Tempo ^1,4 Барри Вайс ¹ VK (сервис) ¹ Telecom Italia 8 Switch (автор песен) ^0,7 X (американская группа) ^0,7 Now (газета) ^0,6 Live (группа) ^0,4 Музыкальное видео ^0,3 sil ^0,2 If (песня Джанет Джексон) ^0,1 Play (альбом Moby) ^0,1

WarFace PVP AWM ШАХТА — Тест FPS на 1280 * 720

www.youtube.com/watch?v=f6civ2Mbzk0

WarFace PVP AWM — FPS 1280 720

Игрок против игрока ⁶ Шутер от первого лица ^5.7 Разрешение графического дисплея ^3,9 YouTube ^2,1 VK (сервис) ^2,1 Префиксы, связанные с Интернетом ^2,1 Видеоигра ^2,1

2 922 Интерфейс пользователя Дракон (журнал) ^1,5 Twitch.tv ^1,3 Поделиться (P2P) ^1,3 Warface ^1,2 Товар (бизнес) ^1.2 Яндекс ^1,2 Бизнес-модель подписки ^1,1 Веб-браузер ¹ Частота кадров ¹ 720p ^0,9 Nintendo Switch ^{0,922 922}

IndiaMART — Индийские производители, поставщики, экспортеры, Индия, экспортеры, производители

www.indiamart.com

IndiaMART — Индийские производители, поставщики, экспортеры, Индия, экспортеры, производители, IndiaMART.com — крупнейшая онлайн-торговая площадка Индии, которая помогает производителям, поставщикам и экспортерам торговать друг с другом на общей, надежной и прозрачной платформе. Крупнейший бесплатный онлайн-каталог предприятий и желтая страница со списком 1 945 000 индийских и международных компаний. Здесь вы найдете качественные продукты, потенциальных клиентов, производителей, поставщиков, экспортеров и международных покупателей.

m.indiamart.com www.indiamart.com/link-to-us.html m.indiamart.com www.indiamart.com/mentokhealthcare Производство ^10,2 Экспорт ⁸ Лекарства ^6,6 Индия MART ^5,3 Цепочка поставок ^{Индия ^3,7 Таблетка (аптека) ^3,3 Продукт (бизнес) ^2,3 Аюрведа ^2,1 Фармацевтическая промышленность ² Интернет-рынок ^1.9 Торговля ^1,8 Масло ^1,8 Лекарство ^1,7 Капсула (аптечная) ^1,5 Сироп ^1,5 Прозрачность и полупрозрачность Насос ^1,2 Фокус на грамматике vk
wdfu.nuovaeurodrinks.it/focus-on-grammar-vk.html В центре внимания грамматика vk On Screen B1 — это модульный курс среднего уровня для учащихся, изучающих британский английский на уровне CEF B1.Это обеспечивает гибкость подхода, что делает его подходящим для классов всех видов, включая большие или смешанные классы абличности. Экран B1 состоит из восьми модулей. Каждый модуль состоит из шести уроков плюс Language Focus and Progress …
Грамматика ^21,8 Фокус (лингвистика) ^6,4 Английский язык ^5,5 Грамматика английского языка ^2,6 Язык ⁸⁰} Система письма ² Книга ^1.9 Британский английский ^1,4 Электронная почта ^1,4 Словарь ^1,3 Переходный глагол ^1,2 Общение ^1,1 Слово ^{229 Международная система тестирования Обучение ¹ PDF ^0,9 Q ^0,9 Наречие ^0,8 Учебное пособие ^0.8 Общеевропейские компетенции владения иностранным языком ^0,8 Домены
vk.com | vkontakte.ru | new.vk.com | www.vkontakte.ru | m.vk.com | www.youtube.com | bit.ly | j.mp | goo.gl | youtube.com | www.indiamart.com | m.indiamart.com | wdfu.nuovaeurodrinks.it |
Искать в другом месте:
Google Bing Утка утка вперед Mojeek Яси Carambuat menu untuk kumpulan «ВКонтакте»: arahan dan cadangan langkah demi langkah
Reka bentuk kualitatif laman komuniti VKontakte adalah separuh kejayaan dalam mencapai matlamat yang mana kumpulan itu sedang dibuat.Sebagai statistik menunjukkan, kehadiran navigasi ketara meningkatkan lalu lintas halaman, dan juga meningkatkan jumlah pelanggan. Halaman komuniti, di mana semua maklumat disusun, memberi kesan keseriusan pentadbir kepada kes itu, serta kemahiran praktikalmereka dalam menguruskan kumpulan dan kebolehpercayaan. Artikel ini akan memberi tumpuan kepada menu Untuk kumpulan «VKontakte», carambuatnya dan menjadikannya yang paling mudah untuk menavigasi.
Меню пельбагай унтук комунити «ВКонтакте»
Sekarang terdapat dua jenis меню ВКонтакте.Sudah tentu, шаблон terdapat для мерека в Интернете, dan anda boleh melakukan segala-galanya dengan ketat mengikutremeka. Валау багайманапун, хасилня тидак акан креатиф дан асли, ян бермаксуд иа тидак акан менарик баньяк пелангган.
Джади, тердапат меню тертутуп дан тербука.
Tertutup mendapat namanya kerana pelanggan perlumbukanya secara bebas. Untuk melakukan ini, cukup klik pada pautan. Apa-apa perkataan boleh dijadikan pautan, biasanya ia «buka» atau «меню».Walaupun, ада янь cemerlang дан mencipta pautan asal.
Buka adalah jawatan yang telah ditetapkan. Di atasnya adalah pautan янь сах ке меню. Jenis ini masih agak muda, ia kelihatan tidak lama dahulu, atau sebaliknya dengan kemunculan sizesi Penetapan jawatan pada dinding halaman. Меню тербука адалах ян палинг berkesan hari ini, ia lebih menarik daripada ян тертутуп. Pilihan pertama adalah kurang produktif, kerana pengunjung ke kumpulan mungkin tidak melihat link ke sana.
Jadi, bagaimana untuk memuat menu dalam kumpulan «ВКонтакте»? Jawapannya cukup mudah.Untuk mencipta kedua-dua jenis menu Untuk kumpulan «ВКонтакте», разметка wiki digunakan. Ини адалах алат ян сангат бергуна, я мемболехкан и мембуат джадуал, график, формат дан редактировать imej, bekerja dengan pautan дан баньяк лаги. Walau bagaimanapun, sekarang semuanya lebih mudah Untuk pencipta komuniti VKontakte daripada beberapa tahun lalu. Rangkaian sosial mempunyai editor visual yang secara automatik menerjemahkan semua kandungan ke dalam markup wiki.
Меню terbuka untuk kumpulan «ВКонтакте» kini lebih Popular, dan ditutup hampir tidak pernah digunakan.Oleh itu, adalah bijak Untuk mempertimbangkan Untukmbuat jenis terbuka dengan lebih terperinci. Сетерусня, анда акан беладжар чара мембуат меню далам кумпулан «ВКонтакте» (арахан лангках деми лангках дитунджуккан ди бавах).
Перингкат Сату
Pada peringkat ini adalah perlu untuk memilih imej. Mereka akan mencipta penampilan halaman yang boleh dilihat. Гамбар более дидапати в Интернете является членом дири и редактором фотографий в программе lukisan. Pilihan kedua hanya sesuai Untuk Mareka Yang Menggambar dengan baik di komputer dan memiliki Photoshop sendiri.
Гамбар пертама адалах аватар. Тиндакан кедуа (тенгах) — тиндакан имей. Параметр Аватар местилах секуранг-курангня 200 х 330 пикселей. Имей тенгах секуранг-курангня 390 х 280 пикселей.
Перингкат Кедуа
Buka halaman kumpulan dan cari «Pengurusan Komuniti». Pautan itu terletak di bawah foto depan halaman di sebelah kanan. Менгикути паутан, кари бахаган «Бахан» далам маклумат, дан кемудиан клик «Терхад» далам перенгган иници.
Ди халаман утама, клик пада редактировать далам «Бахан».Далам бентук ян мункул, масуккан таджук, бахагян, дан кемудиан пастикан бутанг клик ди бавах унтук дизимпан. Selepas itu, kembali ke halaman menggunakan butang di sudut kanan atas.
Перингкат Тига
Салин аламат халаман. Baris pertama nombor selepas perkataan «halaman» adalah nombor komuniti, янь kedua ialah nombor halaman kumpulan. Anda perlu tahu ini, tertanya-tanya bagaimanambuat menu dalam kumpulan «ВКонтакте». Alamat mesti disisipkan di dinding bersama dengan imej tengah.Унтук мелампиркан гамбар, клик «лампиркан» дан «фото». Сетерусня, пилих дан тампал. Селепас клик хантар — я акан менербиткан сиаран.
Перингкат Эмпат
Letakkan gambar pertama di tempat foto utama komuniti. Rekod tindakan ini bersama dengan gambar akan muncul di dinding. Иа тидак ада апа-апа, джади иа перлу дикелуаркан.
Sekarang temukan masa apabila jawatan itu diterbitkan (ди бахагиан бавах джаватан, далам акшара кечил келабу). Пилих бутанг «кунчи». Kemudian клик пада F5 Untuk memuat semula halaman semasa.
Ini semua. Apabila pengguna mengklik imej tengah, Mereka akanmbuka menu kumpulan.
Bagaimana untuk memuat jadual dalam menu?
Setiap pentadbir berfikir tentang carambuat menu dalam kumpulan «ВКонтакте». Арахан янь dibentangkan ди атас болех мембанту далам меню менципта асас сахаджа. Селантня я перлу дипербайки.
Jadual ini sangat mudah dalam menavigasi menu Untuk kumpulan «ВКонтакте». Untukmbuat jadual memerlukan pengetahuan aksara tertentu.
+ локаси пусат;
менандакан ахир.
Багаймана хендак мембуат паутан?
Далам персоалан багаймана мембуат меню далам кумпулан «ВКонтакте», тердапат сату перкара пентинг менгенай паутан. Anda boleh mengaturnya dengan cara yang berbeza:
Тинггалкан ханья сату паутан. Untuk melakukan ini, амбил паутан далам курунган персеги [].
Pautan ke perkataan atau frasa. Бука курунган персеги, масуккан паутан, селепас паутан, летаккан | | дан тутуп курунган персеги.
Паутан имей. Ini boleh dilakukan dengan contoh berikut: [[photo54634620_58576 | 60px | аламат халаман]].
Советы Penciptaan Menu
Selalunya, semua orang belajar sendiri, bagaimana Untukmbuat menu dalam kumpulan «ВКонтакте». Pengetahuan datang дари pengalaman melalui percubaan дан kesilapan. Walau bagaimanapun, pemula masih boleh memberi beberapa cadangan.
Сайз имей тидак болех куранг дарипада 130 пикселей. Ини акан мембуруккан лаги пенампилан меню.
Лебар гамбар — тидак лебих дарипада 610 пикселей.
Halaman wiki tidak boleh mengandungi lebih daripada 17 tag yang tidak terkandung.
Apabila anda menetapkan penunjuk lebar, ketinggian secara automatik berubah mengikut perkadaran.
Di dalam jadual, anda bolehmbuat senarai menggunakan tag
.
Максимум 8 предметов senarai boleh diletakkan pada satu baris.
Di samping itu, terdapat program khas Untuk penggunaan markah wiki yang lebih mudah.Ини адалах апликаси пендидикан дан пембанту себенар ян акан мелакукан сегала-галанья унтук анда.
Sebagai contoh, aplikasi «FAQ Interaktif (beta)» мемболехкан anda menguji kemahiran anda dalam pengaturcaraan wiki.
Operasinya mudah: pengguna disediakan dengan menu siap sedia, dan diperlukan untuk mendaftar kod markup. Пада акхирня, хасилня дибандингкан денган ян асал.
Редактор программ Wiki тидак менгаджар атау мелатих апа сахаджа кепада пенггунанья. Dengan bantuannya, anda болех мембуат меню walaupun tanpa kemahiran pengaturcaraan awal.Редактор янь mudah digunakan menulis kod sendiri — pengguna hanya perlu mengurus.
Oleh itu, sesiapa yang merancang untuk menggunakan kumpulan Untuk mempromosikan perniagaanmerka atau hanya Untuk keseronokan больше членов меню ВКонтакте. Меню menjadikan promosi perniagaan jauh lebih efisien дан menarik pengguna ke laman kumpulan. Terima kasih kepada menu itu, komuniti kelihatan rapi dan lebih profesional daripada pesaingnya, ян тидак ада.
.}