Нов дизайн на груповото меню на VKontakte. Как да направите графично меню във VKontakte

Както знаете, когато човек чете или попада на определен уеб ресурс, той или тя обръща внимание на дизайна и интерфейса през първите 8 секунди. В същото време той гарантира добрата или лоша използваемост (лекота на използване). Меню в група в социалната мрежа VKontakte, за което ще говорим днес и ще разгледаме принципа на изграждането му с помощта на пример, ви позволява не само да представяте цветно информация и да се „разграничите“ от конкурентите си към по-добро, но също така да се идентифицират точно онези елементи и да се направят промени в тях с акценти, които са необходими.

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

Да започваме. Като начало трябва да се отбележи, че ако искате сами да направите менюто от нулата, тогава ще ви трябва цялата следната информация. Ако вече имате дизайн, можете да пропуснете част от статията и да преминете директно към нейното разположение и wiki маркиране.

Дизайн на менюто

Позволява ви да завършите основата за бъдещ проект. За да завършите тази част от работата, познаването на програма като Adobe Photoshop е добре дошло. Ето как изглежда шаблонът за размер, в който ще реализираме бъдещото красиво меню.

Ширината на аватара е 200 пиксела, височината е 500. Изображението на главното меню е 510*308. В резултат на това ще получим толкова красиво „меню“ в края.

Моля, имайте предвид, че в зависимост от информацията, написана след името на групата, височината на снимката вдясно (аватар) може да се промени и съответно всичко, което се намира наблизо, може да се измести!

Този източник на PSD оформление беше внедрен като пример. Изтегли .

Няма да се фокусираме върху това как е направен шаблонът, веднага ще започнем да го подготвяме за поставяне в нова или съществуваща група. Отворете файла във Photoshop.

Първо запазете аватара. Един от начините за бързо запазване, ако всичко във файла е структурирано и има малко елементи (както в нашия случай). Изключете видимостта на слоевете, които не ни трябват.

Отидете в секцията „Изображение“ и изберете операцията „Изрязване“.

На изхода получаваме:

Ако полученото изображение е голямо, можете да използвате инструмента „Запазване за уеб“. Командата също се намира в секцията "Файл".

Извършваме подобна операция с изображението, което ще се покаже при първоначалното показване на менюто. В нашия случай оставяме видими папката „отворено меню“ и „фона на менюто“ в папката „меню с кола“. Резултатът е:

Сега трябва да запазите и изрежете второто ниво на менюто. За да направите това, оставете „фона на менюто“ видим в папката „меню с кола“ и добавете „Меню от второ ниво“ към него.

След това ще използваме инструмента „Рязане“, който можете да намерите в менюто вляво.

„Нарязваме“ нашата картина на подходящи части. В нашия случай те ще бъдат три.

Това завършва подготвителната част. Да преминем към основната сцена.

Wiki маркиране на готовото меню във VKontakte.

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

След това не забравяйте да изпълните следната последователност от действия. Отидете на „Управление на общността“ и в елемента „Секции“ срещу бутона „Материали“ изберете „Ограничено“.

Това трябва да се направи, така че потребителите и членовете на групата да не могат да променят и/или редактират допълнителни елементи, включително менюта.

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

Отидете в секцията „Последни новини“, изберете „Редактиране“ и отидете в менюто на редактора.

За да ускорите процеса, използвайте клавиша „Камера“ и щракнете върху „Избор от снимки на общността“.

След като добавите, върнете се в менюто на редактора и натиснете „<>“, в който ще извършим допълнителна редакция. Също така незабавно преименуваме раздела и вместо „Последни новини“ пишем в нашия случай „ГРУПОВО МЕНЮ“.

Общата структура на всяка нарязана част изглежда така в маркирането - [], където:

id – идентификатор (номер) на качената от вас снимка;

X и Y – хоризонтален и вертикален размер на изображението в пиксели;

Разглеждайки шаблона, ние редактираме нашата wiki маркировка и периодично отиваме в секцията „Преглед“, която визуално показва промените, които сме направили.

Всички изображения трябва да бъдат затворени с етикет наведнъж (а не, както е по подразбиране, всяко изображение)

…, което автоматично позиционира всички части на менюто в центъра на страницата!

Тъй като вече оставихме тага, който центрира изображението сам, за да се отървем от „неприятните“ разстояния между части от цялостното изображение, трябва да вмъкнем тага „nopadding“, както следва: []

Това се случва накрая.

Сега трябва да щракнете върху раздела „ГРУПОВО МЕНЮ“, след това върху „редактиране“.

важно! За да копирате необходимия адрес, в нашата версия щракнете върху „ГРУПОВО МЕНЮ“ и копирайте „правилната връзка“ от там.

Отидете на главната страница и щракнете върху „Добавяне на запис“. Не забравяйте веднага да смените автора на поста!

Кликнете върху „елипси“ вдясно от записа и щракнете върху раздела „Пин“.

След това обновете страницата и се насладете на получения резултат, който изглежда така:

Когато щракнете върху "Отвори менюто".

Както можете да видите, създаването на меню в социалната мрежа VKontakte е доста лесно и просто. Достатъчно е да имате леки познания за използване на Photoshop и wiki маркиране. Колкото по-добър и разбираем е дизайнът, толкова по-охотно и по-често потенциалният потребител ще идва и ще се връща във вашата група.

Ако искате наистина уникален и зашеметяващ групов дизайн в съответствие с корпоративния стил и съпътстващите го елементи, тогава се свържете с професионален дизайнер или можете сами да тествате обхвата на вашите таланти. Успех във всичките ви начинания!

Здравейте приятели!

Искате ли да направите групата VKontakte възможно най-привлекателна за вашите абонати? Не знаете откъде да започнете? Ако вече имате висококачествено съдържание, насочете вниманието си към дизайна на общността. Не говоря за просто избиране на аватар. Създаването на меню в група VKontakte е една от основните точки, които трябва да се вземат предвид при проектирането. Именно тази точка ще разгледаме днес.

Какво е менюто VKontakte и за какво е?

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

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

Ако вашата общност е създадена под формата на онлайн магазин, тогава подходът трябва да е съвсем различен. Удобството при търсене на стоки или услуги, разбира се, трябва да присъства, но също така да се фокусира върху промоции, нови продукти, условия за доставка, както и вашите контакти.

Така че не забравяйте да имате предвид темата на общността, когато създавате менюто си.

Методи за създаване на менюта за групи VKontakte

Първата стъпка е да решите как да създадете менюто си: автоматично или ръчно. Ако сте избрали бърз и прост метод, но в същото време с високо качество, представям на вашето внимание услуга за създаване на меню за общности на VK WikiMaker, вие бързо и лесно ще го разберете, правейки вашата група по-удобна. Ако искате да поемете пълен контрол върху създаването на менюто, ето инструкции стъпка по стъпка.

Как да направите атрактивен дизайн?

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

Първо, трябва да инсталирате Photoshop, ако преди това не сте инсталирали тази програма на вашия компютър.
Отворете Photoshop и създайте два шаблонни файла за аватара и за менюто. Задайте необходимите размери. Например за аватар - 200x500 пиксела, а за меню - 389x600 пиксела. Запълнете ги с един цвят, така че да се виждат ясно и запишете двата създадени отделни файла.
Заредете шаблона в групата на мястото на аватара, като изберете цялата област.
Зареждането на менюто е малко по-сложно. За да направите това, ще трябва да активирате съдържание в „Управление на общността“. След това ще стане достъпна възможността за добавяне на меню. Отидете в раздела, който се появява под описанието на групата „Последни новини“, щракнете върху бутона в лентата с инструменти под формата на камера и качете файла от вашия компютър. Се случи?
Веднага след изтеглянето ще ви бъде достъпна връзка, която ще трябва да бъде малко променена. След думата "noborder" въведете знака ";" и думата "nopadding". Тази функция ще предотврати падането на менюто ви, когато добавяте новини към общността.
Правим Prnt Scrn на главната страница на вашата група. За какво? Да разбираш грешките си. Факт е, че сега това е чернова - всичко не е гладко и не толкова красиво. Вашата цел е долните граници на менюто и аватара да съвпадат перфектно. Тогава може да се чудите: „Защо не ви дам точните измервания?“ Но факт е, че всеки админ използва различно количество текст в описанието на групата, което променя височината на менюто, а ширината на менюто е въпрос на вкус и както знаем за всеки е различно.
Влизаме във Photoshop и създаваме нов файл, вмъквайки екранна снимка там.
Сега, работейки с този файл, ние избираме областта на аватара с помощта на „правоъгълна селекция“ - можете да я използвате, за да изберете конкретна област възможно най-точно. След това щракнете с десния бутон и изберете „изрязване до нов слой“.
Ние работим по същото нещо с изображението на менюто, само когато го избираме, трябва да отрежем това, което е ненужно в долната част. Уверете се, че долната част на менюто и аватарът съвпадат напълно.
Сега, като държите натиснат бутона Ctrl, изберете двата слоя, които създадохме. Щракнете с десния бутон върху тях и изберете функцията „Обединяване на слоеве“. Два от нашите шаблони, перфектно съчетани един с друг, се появяват пред нас на една страница.
Следващата стъпка е да качите снимката на корицата. Показва се върху нашите шаблони. Сега, в инструментите за слоеве вдясно, щракнете върху файла на корицата, докато държите натиснат клавиша Alt. След тази процедура корицата ще се вижда само върху шаблоните и ще стане невидима извън техните граници. Но това няма да ви попречи да преместите корицата и да изберете желаната видима част от нея.
Сега важната точка при създаването на менюто са бутоните. Вече трябва да знаете точните имена на бъдещите бутони. Например „Здраве“, „Деца“, „Нашите контакти“. За да улесним задачата, създаваме първия бутон, следващите просто дублираме и променяме текста.
Добавяме лого към аватара или устно обръщение, или и двете. Това ще добави жизненост, както и отличителна черта на вашата група.
Запазете споделения файл като картина на вашия компютър. Какво следва?
Отворете файла, който току-що създадохме във Photoshop. След това създаваме нов празен файл с точните размери на нашия аватар, вмъкваме в него изображението, което създадохме с логото и бутоните. Избираме областта, от която се нуждаем за аватара, и я настройваме перфектно към избраните размери. След това запазваме нашето творение.
Същото правим и с менюто. Но тук отново има едно допълнение. Първо, трябва да знаете височината на менюто, тъй като не съответства на черновата версия. С помощта на линийка измерваме височината до един пиксел (най-добре е да го измерите няколко пъти, за да не направите грешка). Създайте нов файл със старата ширина и нова височина, коригирайте изображението според размера и щракнете върху бутона „Запазване“.
Заредете нов аватар, изберете цялата област и изберете миниатюра.
Качете менюто чрез бутона „Последни новини“. Изтриваме предишната връзка, качваме нова снимка и добавяме „;nopadding“.
Сега нека изложим оформлението на нашето меню. Използваме инструмента „Рязане“ или „Нож“ на Photoshop. В различните версии на Photoshop се нарича различно. Начертаваме линия под всеки бутон, за да създадем отделни правоъгълници, върху които потребителят може да задържи курсора на мишката, за да навигира до конкретни връзки в бъдеще.
Отиваме да редактираме менюто чрез „Последни новини“ и зареждаме всеки от нашите изрезки от менюто на свой ред. При разглеждане ще се покажат празнини между нашите снимки. За да се отървете от тях, трябва да добавите думата "nopadding" към всяка връзка.
Сега, така че връзките ви да са активни и да можете да вмъкнете необходимата информация, след това напишете върху връзките на снимките в менюто за редактиране - името на един от вашите бутони - например Доставка. Но тази дума трябва да бъде написана ясно според установените правила; трябва да изглежда така [[Доставка]]. След това запазете страницата, следвайте тази връзка и я попълнете с необходимото съдържание.
Последната стъпка, за да работи всичко, е да вмъкнете копие от връзката към страницата за доставка в връзката към бутона, например - page-123456_456789, тоест информацията между думите „vk.com/“ до „?“. Това е всичко, сега проектирайте всеки бутон по същия начин и вашето меню успешно ще привлече вашата целева аудитория.

Абонирайте се за актуализации на блогове и споделяйте информация с приятели. Създайте повече красота в живота си!

Сега групите и публичните страници на VKontakte използват инструменти за визуален дизайн. Благодарение на тази функция външният вид и дизайнът на групата стават по-естетически приятни. Този материал ще опише подробно как да направите меню в група VKontakte.

Защо ви е необходимо групово меню?

На първо място, менюто е полезен елемент за търговски групи. С негова помощ потребителите няма да имат проблеми с навигацията. Цялата необходима информация ще бъде поставена в този блок. В социалната мрежа VKontakte управлението на групата е структурирано по такъв начин, че всички публикувани преди това материали се съдържат в емисията. Единствения възможност за сортиранее да създавате теми в секцията „Дискусия“. Но това също не е съвсем удобно, тъй като темата не е ограничена до една публикация, където се събира цялата информация, и за да намерите необходимата публикация, трябва да превъртате страниците дълго време.

Много по-удобно е да се изгради ясна структура, където цялата полезна информация ще бъде събрана и разделена отделни тематични блокове. Тази екранна снимка е добър пример за графично интерактивно меню, където всички полезни публикации са поставени в отделен блок. Това е удобно и не изисква от потребителя да извършва допълнителни действия на страницата.

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

Затворено и отворено меню

В момента менюто на VKontakte може да бъде разделено на няколко вида и типа, след което ще разгледаме всеки от тях по-подробно.

Видове:

текст (структурата е текстови връзки);
графика (използва мултимедия, активни бутони и др.).

Видове:

Създайте текстово меню

Този тип меню не изисква познания или допълнителни инструменти. Създаването на текстово меню в група във VK е доста просто, за това ще използваме функционалността на социалната мрежа. Не използва бутони, стилове и т.н. Текстовото меню е списък, който се състои от връзки за котва.

Инструкция стъпка по стъпка:

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

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

Нека да преминем към един от по-сложните методи за създаване. За да направим това, ще трябва да използваме допълнителни инструменти - графичния редактор Photoshop. След това ще дадем подробно описание на стъпка по стъпка процеса на създаване на графично меню с помощта на допълнителен софтуер.

Инструкция стъпка по стъпка:

Първо трябва да стартирате графичния редактор на Photoshop;
след това щракнете върху „Файл“ и „ Създавайте" Посочваме следните параметри: „Ширина“ (Wight) 610 пиксела, „Височина“ (Height) 450 пиксела и „Разделителна способност“ (Resolution) 100 пиксела на инч;
След това ще се появи нов документ, където трябва да плъзнете фоновото изображение;
след това ще трябва да разтегнете изображението, за да покриете бялата област;
по-нататък в панела " Слоеве"Щракнете с десния бутон върху изображението и в контекстния прозорец изберете " ОбединяванеВидими» (сливане на видимите);
Правоъгълник» и създайте бутони, като преместите курсора върху картината и очертаете границите на фигурата;
в горната част на работната зона можете да изберете запълване за бутона, параметъра „Попълване“;
след това се върнете в лентата с инструменти и изберете „ Текст»;
след това щракнете върху бутона, за да добавите поле за въвеждане на текст и въведете име за бутона. По ваша преценка можете да изберете шрифта, неговия размер и цвят, за да изглежда секцията по-стилно;
да се централен текстот снимката изберете слоя с текста и желаното изображение, като задържите клавиша „Ctrl“ и последователно щракнете върху бутоните за подравняване в горната лента с инструменти;
след това трябва да изрежем полученото изображение;
от лентата с инструменти изберете " Изрязване"(Изрязване) и "Рязане";
Изберете всеки бутон и отворете „Файл“, „Експортиране“, „Запазване за уеб“. Задайте запаметения файлов формат на “PNG24”;

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

Инструкции за работа с графичното меню на VKontakte:

Създаденото меню се закрепва като обикновен запис. Като щракнете върху бутона Pin.

Основи на маркирането на Wiki

След това ще разгледаме основите на използването на Wiki маркиране при разработването на меню за група в социална мрежа. VKontakte wiki markup е език, който се използва за форматиране на текст в уебсайтове и позволява по-лесен достъп до възможностите на езика HTML. След това нека разгледаме основните команди, които са достъпни за използване в социалната мрежа.

Дизайн на менюто с помощта на мултимедия

Текстовата команда за мултимедийни файлове е както следва: „[]. Нека го разгледаме по-подробно: “mediaXXXX_YYYY” (самият файл), “опции” (посочени параметри), “връзка” (е изскачащ текст, който ще се покаже, когато задържите курсора върху обект).

Настроики за мултимедияса показани на екранната снимка:

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

Заглавия (H1, H2, H3)

За да добавите заглавие, трябва да поставите следните знаци “==” в началото и в края на текста. Вижте екранната снимка за пример:

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

За форматиране на текст VKontakte предлага следните опции: получер, курсив, дясно и ляво подравняване, средно подравняване, списък с водещи символи, заглавия, горен индекс, долен индекс, подчертаване и зачертаване. По-подробни настройки са представени на екранната снимка.

Цитати

За да привлечете вниманието на аудиторията, можете да използвате кавички, етикетът за този параметър изглежда така: „“.

Пример за използване в текстовия редактор на VKontakte:

Списъци

Потребителите могат да използват както маркирани, така и номерирани списъци. Номерираният списък се обозначава с "#", последван от "*".

Пример номериранисписък:

Пример етикетиранисписък:

Как да направите отстъп

Всичко тук е съвсем просто, трябва да добавите знак ":" преди желаната дума. Колкото повече символи са поставени, толкова по-голям ще бъде отстъпът.

Вътрешни връзки

Вътрешните връзки са преходи към други елементи на социалната мрежа: потребителски профил, общност на трета страна, чат, снимка, видео, статия и др. Добавянето на вътрешна връзка става с помощта на тага „[]. Нека разгледаме по-отблизо: „връзка“ е връзка, „текст“ е показаният текст.

Пример:

Как да създадете таблица

Използвайки wiki маркиране, потребителите могат да създават обект таблица, за това се използват следните команди:

Добавяне на спойлер

Този елемент може да скрие информация, която ще бъде разкрита чрез подходящо щракване върху специален бутон. Тази опция за публикуване на информация е идеална за секцията на групата „Правила“, „Често задавани въпроси“ и др.

За да създадете обект, използвайте следната конструкция:

((Hider|Title Text ))

Как да изтриете меню

Премахването става както следва:

Премахване чрез форматиране на страница:

За да бъде вашата група популярна сред потребителите, трябва редовно да добавяте нови публикации, да качвате снимки, видеоклипове и др. И за да могат хората да навигират по-лесно, като отидат на страницата на групата, по-добре е да създадете меню, което да показва основните точки.

Например имате собствена компания, която предлага определен продукт или услуга. Има и сайт в интернет. Тогава групата VKontakte за тази компания ще помогне за привличането на нови клиенти и увеличаването на продажбите. Менюто може да включва следните елементи: Прозорци, Врати, Порти, Системи за сигурност, Допълнителни материали, Промоции и отстъпки. Ние правим връзки по такъв начин, че кликвайки върху един от артикулите, човек отива в съответния раздел на сайта.

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

Има много примери за създаване на навигация в група. Е, сега нека да преминем към практиката.

Създаване на меню

Необходими настройки в групата

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

На страницата си VKontakte в лявата колона щракнете върху „Групи“ и изберете вашата група от списъка. След това под вашия аватар щракнете върху трите вертикални точки и изберете „Управление на общността“ от списъка.

Сега в менюто вдясно отидете в раздела „Секции“ и в полетата „Дискусии“ и „Материали“ изберете „Отворено“ или „Ограничено“. Кликнете върху „Запазване“.

Подготовка на изображения за менюта и аватари във Photoshop

След като сте проверили и променили настройките в групата, можете да започнете да създавате изображения за аватара и менюто. Тук може да има няколко опции:

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

Може да бъде направено на отделно изображение или обикновен фон, аватарът няма да бъде свързан с него, например върху него може да бъде изобразено логото на компанията.

Ще разгледаме подробно първия вариант. Нашият аватар и навигация ще се състоят от едно изображение, което трябва да бъде правилно нарязано на части.

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

Сега, като използвате Slice Tool, трябва да изрежете листа на няколко области. Изберете зоната вдясно с инструмента и щракнете двукратно върху нея, за да отворите прозорец с меню. Задайте ширината на 200 и височината на 500. Това ще бъде аватарът на нашата група.

Използвайки същия инструмент, изберете друга област вляво от предишната. За него ширината е 50, височината е 500. Това е разстоянието между бъдещите точки и аватара, няма да ни трябва тази част от изображението.

Изберете зоната горе вляво. За него ширината е 510, височината е 182. Тази област на нашето изображение съответства в групата на областта, в която са написани името на групата, състоянието и са показани някои раздели. Тоест и ние не се нуждаем от него.

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

За да стане напълно ясно. Изрязваме празен лист. След това добавете избраното изображение към него. След като го запазим, ще имаме толкова малки изображения на формата, от която се нуждаем, колкото изрежем. По-нататък на страницата в групата ще вмъкнем определени части от изображението на правилните места.

След това отворете изображението във Photoshop, което сте избрали за вашия аватар и меню. С помощта на инструмента за преместване плъзнете изображението върху предварително изрязания лист. Можете да преместите картината, така че желаната област да се вижда.

Например размерът на изображението ми е по-голям от този, който избрахме за белия лист. Затова го преместих така, че палмите да се виждат малко и да няма толкова много небе горе.

След като добавите изображението, вземете инструмента Slice Tool отново и изрежете областта долу вляво, която сме оставили за точки, на желания брой парчета. Колкото точки искате да направите, толкова части ще има.

Сега вземаме текстовия инструмент и пишем елементи от менюто във всяка част.

Това е. Всичко е готово. Вдясно е нашият аватар, долу вляво са точките за навигация. Другите две части на изображението няма да са необходими.

На този етап можете да добавите лого на компанията в зоната отдясно (аватар) или да напишете името й красиво.

Запазете заснетото изображение: Файл – Запазване за уеб и устройства или използвайте клавишната комбинация Alt+Shift+Ctrl+S.

Ето какво получих: папката „меню“ на работния плот. Съдържа избрани изображения, нарязани на парчета с необходимия размер. Най-големият е аватарът, има много малки еднакви - елементи от менюто и два ненужни - изтрийте ги от папката.

Сега трябва да качите направените изображения, които съответстват на точките, на вашата страница VKontakte. Изберете „Снимки“ и създайте нов албум, нарекох го „за груповото меню“. Направете албума частен, така че само вие да можете да го преглеждате – „Редактиране на албума“. Добавете изображения към албума, които съответстват на вашите елементи от менюто.

След това се върнете на главната страница на групата и изберете аватар - „Качване на снимка“. Това е едно от онези изображения, които току-що направихме във Photoshop.

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

Създаване на меню с помощта на wiki маркиране

Нека започнем да създаваме самото меню. Отидете в групата и отидете на раздела „Последни новини“. След това щракнете върху бутона „Редактиране“.

Можете да преименувате името на самия раздел. Ще напиша „МЕНЮ“ така. Сега тук трябва да добавите изображения, които съответстват на точките. За да направите това, щракнете върху иконата на камерата.

Щракнете върху едно от изображенията, които току-що сте добавили към вашия профил.

След това ще се появи на страницата за редактиране.

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

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

Тук премахнете всички ненужни етикети като

и премахнете интервалите между всички редове. Сега погледнете горната екранна снимка - имаме интервали между добавените изображения. За да ги премахнете, напишете nopadding преди размера на изображението и поставете „;“.

След размера на изображението и стойностите на вертикалния стик, вмъкнете връзка към страницата, където човекът ще отиде, като щракнете върху съответния елемент от менюто. Както вече писах, връзката може да бъде към някоя страница на VKontakte или към ресурс на трета страна в Интернет.

Ето как ще изглежда кодът, след като добавите „nopadding;“ и връзка.

Резултатът трябва да е следният: името на раздела (МЕНЮ) е променено, интервалите между редовете са премахнати, интервалите между изображенията са премахнати (nopadding;), добавени са връзки. Кликнете върху „Запазване на страницата“ и се върнете към главната страница в групата.

Това завършва процеса на създаване на навигация за групата VKontakte. Направих го така. Изображението на аватара и менюто са едно цяло. Отивайки в раздела „МЕНЮ“, потребителят може да избере това, което го интересува и да последва връзката, която предоставих.

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

За да направите цялостния външен вид на общността по-естетичен и да направите работата с нея по-удобна, най-доброто решение би било да създадете групово меню. По този начин можете да поставите всички важни елементи в един чист списък, да зададете всяка връзка със собствена икона или изображение и да уведомявате посетителите за всички промени бързо и ясно. Менюто може да включва следните елементи: различни връзки към външни сайтове, дискусионни балони, албуми, музика и други раздели в рамките на сайта VKontakte, изображения и просто структурата на вашата група. Следвайки инструкциите по-долу, опитайте да създадете свое собствено меню за общността на VKontakte.

Как да създадете просто меню в група VKontakte

Ако искате всеки ред от менюто да води до определена дискусионна тема, първо трябва да създадете същите тези дискусии и да им дадете имена. Оставянето им затворени или отворени за коментари е чисто личен въпрос, тъй като тази опция не засяга показването на страницата в менюто.

Опитайте се да направите просто меню, което да представя структурата на вашата група и да съдържа всички най-важни раздели.

Имайте предвид, че менютата ще изглеждат малко по-различно в групи и общности. Следователно, ако искате да прехвърлите група в общност, щракнете върху иконата с три точки до името на групата и изберете реда „Прехвърляне към страница“. Моля, обърнете внимание, че няма да можете да превърнете общността обратно в група.

Сега отидете на връзката „Управление на общността“ в същото меню.
Ще видите блок с всички настройки за вашата група, тук можете да промените името, информацията за контакт, поверителността и да управлявате участниците. Отидете в категорията „Секции“.

В реда „Материали“ задайте стойността на „Деактивирано“ или „Ограничено“, така че членовете на групата да не могат случайно да повредят вашите файлове, които са необходими за регистрация. Не забравяйте да запазите избора си.

Отидете в групата и отидете на прозореца „Последни новини“, тук ще създадете менюто.

Кликнете върху „Редактиране“.

На първо място, трябва да промените името „Последни новини“ на „Меню“ или нещо друго, което ще изясни на участниците, че тук те могат бързо да следват необходимите връзки.
Превключете режима за редактиране на запис на „редактиране на Wiki маркиране“, като използвате малката стрелка в десния ъгъл.

Сега създайте структурата:

Важно е да имате дискусии, материали или албуми в групата, чието име ще използвате в менюто.
Напишете всички имена на основните секции на един ред, като ги оградите два пъти в квадратни скоби.
За да изглежда текстът като списък, поставете звездички пред елементите.

От тази екранна снимка можем да предположим, че групата има материал, наречен „Раздел 1“, дискусия „Раздел 2“ и албум „Раздел 3“. Щракнете върху „Визуализация“ или „Запазване на промените“.

Вашият раздел ще се промени на „Меню“ и ще съдържа активни връзки към основните категории на групата, спретнато подредени в списък.

Как да вмъкнете връзки в груповото меню на VKontakte

За да ускорите достъпа до вашия официален уебсайт или секции директно в групата, по-добре е да поставите активни връзки.

Върнете се към редактиране на раздела на менюто. Копирайте желаната връзка и просто я поставете в прозореца в режим на маркиране на Wiki. След запазване ще стане активен.

Ето как изглеждат всички връзки, които можете да вмъкнете в менюто на вашата група.

Как да създадете меню VKontakte с изображения

Ако искате менюто да се състои от красиви икони, които водят до определен раздел, просто следвайте инструкциите по-долу.

За да започнете, създайте специален албум, в който ще се съхраняват само технически снимки за групов дизайн.

Качете изображения във формат jpeg, не по-големи от 500 пиксела на 500.

Копирайте URL адреса на каченото изображение.

Сега копирайте връзката към дискусията, материала или друг външен сайт.

[[Връзка към изображение във вашия албум | размер в пиксели; nopadding | Връзка към дискусия или уебсайт]]

Пример е показан на екранната снимка.
Кликнете върху „Запазване на страницата“.

Сега в менюто ви ще се появи чиста връзка. Можете да зададете стойността на пикселите, както сметнете за добре.
За да добавите няколко изображения, просто въведете нови връзки на нов ред.