Ang artikulong ito ay magiging isang detalyadong manual at sasabihin ko sa iyo kung paano gumawa ng isang menu para sa isang pangkat ng VKontakte. Ang isang magandang dinisenyo na menu ng pangkat ng VK ay nag-aambag sa isang tunay na pagtaas ng mga bisita at paglago ng mga benta sa site.

Kamusta mahal kong mga mambabasa. Hayaan mong sabihin ko sa iyo ngayon kung paano gumawa ng magandang menu para sa isang pangkat ng VKontakte at ganap na libre. Sa pamamagitan ng paraan, natutunan mong lumikha ng mga naturang paksa, maaari kang kumita ng kaunting pera mula dito -))). Wala ni isang komersyal na website ang gumagana nang hindi gumagawa ng sarili nitong komunidad sa mga social network, lalo na ang VK, na garantisadong makakatulong sa pagdadala ng mga bagong kliyente, gayundin sa pagsulong ng iyong negosyo.

Ngunit kung ang iyong komunidad ay hindi kaakit-akit at tulad ng iba, sino ang magnanais na manatili doon? akala ko walang tao!!! Kaya't palamutihan natin ang ating mga grupo ng de-kalidad na disenyo at alamin kung paano ito gawin nang napakabilis. Bago ka magsimulang lumikha ng mga graphics at ang aming hinaharap na menu, kailangan mong i-install ang Photoshop program sa iyong computer para sa karagdagang pagputol ng mga larawan. Marami ang magtatanong kung bakit kailangan mong mag-cut ng mga larawan. Ang punto dito ay para sa bawat link ng menu ay kailangan naming lumikha ng isang hiwalay na strip mula sa pangkalahatang banner.

Ngayon ay may ilang mga uri ng nilikha na mga menu:

• Buksan gamit ang mga aktibong item;
• Isinara bilang naka-pin na post;
• May mga indibidwal na larawan o isang karaniwang katabing larawan ng banner at menu.

Ang kakanyahan ng paglikha ng parehong mga pagpipilian ay pareho. Ang tanging pangunahing pagkakaiba ay nasa mga karagdagang elemento at uri ng talaan, at ito ay tatalakayin nang mas detalyado sa artikulong ito.

Upang gumana sa menu ay makakatulong ito sa amin markup ng wiki, na binuo sa VKontakte text editor ngayon. Naiiba ito sa karaniwan dahil gagamit ito ng mga karaniwang utos upang magpakita ng isang partikular na larawan at magpasok ng mga link sa mga kinakailangang elemento. Ang wiki markup mismo ay nagpapahintulot sa iyo na magpasok ng code upang magpakita ng mga larawan, video at iba pang elemento.

Sarado na menu ng pangkat ng VK

Sa kasong ito, makikita natin sa kaliwa ng pangunahing avatar ng pangkat ang isang hyperlink sa anyo ng inskripsyon na "menu ng grupo", kapag na-click, magbubukas ang aming menu na may mga aktibong item at larawan.

Magiging ganito ang menu:

Buksan ang menu ng grupo (naka-pin na materyal)

Ang ideya ay lumikha ng bukas na mga item sa menu na ipapakita sa paglalarawan ng grupo mismo, kung saan ito ay karaniwang ipinapakita para sa lahat ng mga kundisyon. Ang aming larawan ay ikakabit sa paglalarawan, na aming ihahanda nang maaga at i-link ito sa pahina kung saan magkakaroon kami ng mga aktibong item. Ang menu na ito ay naging napakapopular kamakailan at hinihiling sa mga customer. Ganito ang hitsura nila:

Paano gumawa ng isang magandang menu para sa isang pangkat ng VKontakte: sunud-sunod na mga tagubilin

Kaya, una sa lahat, kakailanganin naming lumikha ng pangunahing avatar ng pangkat, na ilalagay namin sa kanan, at ang stub para sa aming menu sa anyo ng isang banner.

• Para sa isang avatar na 200x332 pixels;
• Para sa pangunahing menu na banner, 395x282 pixels.

Tulad ng napansin mo, ang taas ng mga imahe ay iba at ito ay ginagawa upang ang mga imahe ay hindi bumababa sa taas at nasa parehong antas dahil ang taas ng pangalan ng komunidad at katayuan ay tumatagal ng humigit-kumulang 50 px at kami ay kailangang alisin ang halagang ito mula sa taas ng menu.

Upang gawing malinaw, kung ang taas ng pangunahing avatar ng isang grupo ay 332, pagkatapos ay ibawas namin ang 50 mula dito at makuha ang taas ng pangunahing menu na katumbas ng 282. Kung ang mga sukat ay hindi mahalaga, kung gayon ang taas ay maaaring itakda nang arbitraryo .

Ang susunod na hakbang pagkatapos ng paglikha ng isang komunidad ay ang pagse-set up ng mga materyales, at dito kailangan nating pagbawalan ang mga kalahok na lumikha ng karagdagang mga pahina at mga bloke, ngunit sumulat lamang sa dingding. Upang gawin ito, kakailanganin mong pumunta sa seksyon sa ilalim ng avatar ng pangkat na tinatawag na "pamamahala ng komunidad" kung saan kailangan naming gawin ang aming mga materyales na "paghihigpitan" tulad ng ipinapakita sa ibaba.

Ngayon simulan natin ang paglikha ng pangkalahatang komposisyon. Maaari kang, siyempre, magpasok lamang ng isang larawan sa halip na isang avatar at sa paglalarawan, ngunit huwag tayong maging mga baguhan at ipapakita sa iyo kung paano ito gawin nang propesyonal, upang ito ay isang ganap na larawan, na nagiging isa't isa.

Gumawa tayo ng bagong canvas sa Photoshop na may mga sukat na 600x350 pixels, na gagamitin namin bilang stencil sa pamamagitan ng pag-cut out ng mga openings dito para sa aming mga larawan. Upang gumana, kailangan nating i-convert ang mga sukat ng lahat ng mga elemento at pinuno sa mga pixel at ito ay ginagawa sa sumusunod na landas: "I-edit-install-main" at dito itinakda namin ang mga pixel.

Ang susunod na hakbang sa paglikha ng isang bukas na menu ay ang paggawa ng mga cutout para sa banner at avatar, na pagkatapos ay matatanggap namin para sa pag-download. Upang gawin ito, pumunta sa seksyon ng kaliwang vertical na menu at piliin ang pagputol.

Gamit ang kaliwang pindutan ng mouse, na parang pumipili ka ng isang lugar, kailangan mong pumili ng mga bloke ng mga sukat na kailangan namin at pagkatapos ng bawat pagpili, pindutin ang pindutang "Tanggalin" at piliin 50% kulay abo. Ang ganitong mga aksyon ay hahantong sa mga bloke na nasa kinakailangang laki at naka-highlight sa isang kulay na naiiba sa pangunahing background.

Dapat itong magmukhang ganito:

Ngayon pipiliin na lang namin ang pambura at gamitin ang function na "magic eraser" para mag-click sa bawat grey block at kumuha ng stencil na may mga ginupit. Ang susunod na hakbang ay piliin ang aming pangunahing larawan at ilagay ito sa ilalim ng background at kumuha ng mga handa na larawan kung saan maaari kang sumulat ng teksto na may pangalan ng menu o iba pang mga elemento ng advertising.

Mahusay. Pagkatapos mong mailagay ang isang larawan ng aming disenyo, kailangan lang naming piliin ang "i-save para sa Web" at bilang isang resulta makakakuha kami ng 2 sa aming mga larawan. Ngayon ay bumalik kami sa aming grupo at maaaring punan ang pangunahing avatar (vertical). Gagamitin namin ang banner para sa menu sa ibang pagkakataon kapag nagtatrabaho sa wiki markup code.

Gawin natin ang menu mismo, na may mga aktibong item na magre-redirect sa user sa mga kinakailangang seksyon ng isang third-party na site o sa mga album at catalog sa mismong grupo. Gagamit kami ng bagong imahe para sa iba't -))).

Kaya, bumalik tayo sa Photoshop at gumawa ng bagong canvas na may sukat na 400x300 pixels. Pagkatapos ay piliin sa seksyong: file-place at pumili ng larawan para sa background ng menu.

Inilalagay namin ang mga pindutan ng aming menu sa hinaharap sa larawan at pinutol ang larawan tulad ng ginawa namin sa itaas sa pamamagitan ng pagpili ng mga kinakailangang bloke. Pagkatapos nito ay pipiliin din namin ang "i-save para sa web" at kumuha ng isang folder na may aming mga hiwa. Sa aking kaso, nakakuha ako ng 4 na larawan sa isang hiwalay na folder.

Ngayon ay kailangan nating i-upload ang mga larawang na-download mula sa Photoshop sa isang hiwalay na album at itago ang mga ito mula sa prying eyes. Pagkatapos mag-load, ang bawat larawan ay makakatanggap ng bago nitong pangalan at natatanging id.

Pakitandaan na dapat mayroon kang:

• Binubuksan ang mga materyales sa "restricted" mode;
• Kasama ang mga talakayan;
• Ang folder na may mga larawan ay bukas sa lahat.

Ngayon ang natitira na lang ay i-configure ang aming page kung saan ipapakita ang menu. Upang gawin ito, pumunta sa pangunahing pahina ng komunidad at pumili ng mga sariwang materyales at i-edit at tawagan ang "OUR MENU".

Susunod, kailangan naming ipasok ang mga larawan na natanggap namin noong nag-cut sa Photoshop. Ang ilang mga tao ay gumagamit ng mga markup code, ngunit upang hindi ito labis na isipin, iminumungkahi ko na piliin mo lamang ang pagpasok ng isang larawan sa pamamagitan ng pag-click sa icon ng camera at mag-upload ng isa-isa.

Nagtatrabaho sa isang text editor, kung pagkatapos ng pag-load ng mga larawan, nag-click kami sa icon sa anyo ng mga bracket sa kanang sulok sa itaas, dapat naming makita ang code na ito:

Payo: Ang isang mahalagang punto pagkatapos mag-load ng mga imahe ay alisin ang padding. Ito ay malulutas sa pamamagitan ng paglalagay ng "nopadding" bago ang mga laki ng larawan.

Para sa paglilinaw, nakasulat sa ibaba kung ano ang nanggaling kung saan, ngunit kung isasaalang-alang na ang lahat ay awtomatikong maipasok at hindi na kailangang maging matalino, at buksan habang sinusulat ng ilan ang bawat larawan at kinuha ang id, pagkatapos ay i-download at i-save lamang namin.

[]
kung saan ang xxxxx ay ang id ng iyong larawan
yyyy - lapad sa mga pixel (maximum na 388)

Dapat itong magmukhang ganito:

Ngayon ang aming mga larawan ay nakolekta sa isang hiwalay na banner. At para magdagdag ng link sa bawat item, i-click lang ang larawang hindi pinagana ang markup at sa seksyong link i-paste ang kinopyang url.

At ngayon dumating kami sa pinakamahalaga at pangwakas na punto sa paglikha ng aming menu ng VKontakte. Ngayon ay kailangan naming i-save ang aming pahina na may mga larawan at kopyahin ang address nito. Sa aking kaso, ganito ang hitsura:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Tandaan, sa simula ng artikulo gumawa kami ng stub menu, na magiging pagpapatuloy ng aming pangunahing avatar, at gumawa kami ng stencil para dito. Ito talaga ang kailangan natin ngayon.

Pumunta sa pangunahing pahina at gawin ang sumusunod:

Hakbang #1.

I-paste namin ang address ng page sa text field para sa isang bagong post sa dingding, pagkatapos nito ay mako-convert ito sa isang link.

Hakbang #2.

Nag-attach kami ng larawan ng aming placeholder ng menu sa post at i-click ang ipadala.

Hakbang #3.

Ngayon, pagkatapos i-publish ang post, mag-click sa oras ng paglikha sa ibabang kaliwang bahagi ng post at piliin ang "PIN".

Magaling!!! Tapusin na natin dito. Ngayon alam mo na kung paano lumikha ng mga cool na menu at maaari kang kumita ng magandang pera mula dito. Ipinapayo ko sa iyo na gawin ang lahat sa sumusunod na pagkakasunud-sunod:

• Nakabuo kami ng isang istraktura at nag-order ng disenyo ng mga imahe ng menu;
• Binabago namin ang laki at pinutol namin ang lahat ng mga imahe;
• Ipasok ang mga larawan sa mga album;
• Ine-edit namin ang lahat ng mga hiwa sa editor at ini-publish ang mga ito sa mga pangunahing pahina ng grupo.

Bilang resulta ng aming trabaho, makukuha namin ang menu na ito.

Ngunit ang menu mismo, kapag na-click, ay lalabas na may mga aktibong link. Ito ay nagkakahalaga ng paglalaro sa mga laki at pagsasaayos ng mga ito upang magkasya sa iyong screen, ngunit huwag kalimutan ang tungkol sa pagpapakita sa mga mobile device.

MAHALAGA: Matapos baguhin ang disenyo ng VK noong 2016, ang mga bagong pagbabago ay ginawa kapag lumilikha ng mga larawan at mga kinakailangan para sa mga larawan kung saan.

I-download ang template ng menu ng grupo ng VK + lahat ng pinagmumulan ng aralin

Umaasa ako na ang materyal ay kapaki-pakinabang, at madali mong naiintindihan kung paano gumawa ng isang magandang menu para sa isang pangkat ng VKontakte. Mag-subscribe sa mga update sa blog at makita ka sa lalong madaling panahon sa mga bagong post. Kung mayroon kang anumang mga katanungan, isulat ang mga ito sa mga komento, at tiyak na tutulungan kita.

Nag-attach ako ng isang video upang palakasin ang iyong nabasa -))).

Hello mga kaibigan. Lahat gumagalaw, lahat nagbabago. Ang social network na Vkontakte ay hindi rin tumitigil. Kaya ang aking publikasyon tungkol sa paglikha ng isang solong bloke sa VKontakte Avatar+Menu ay naging hindi nauugnay ngayon. Ngayon, kapag lumilikha ng isang grupo, ang News block, na kinakailangan para sa naturang menu, ay nawawala lang.

Sa kabutihang palad, ang Vkontakte ay may kakayahang lumikha ng mga pahina ng wiki. Gamit ang naturang pahina ng wiki, maaari tayong lumikha ng menu ng komunidad, at pagkatapos ay i-pin ang menu na ito sa tuktok ng grupo.

Kaya, gawin natin ito sa pagkakasunud-sunod.

Paano lumikha ng isang pahina ng wiki?

1. Gumawa ng link na tulad nito sa address bar ng iyong browser:

• xxx– id ng iyong grupo o pampublikong pahina;
• Page_title– anumang salita na ginagamit mo upang pangalanan ang iyong pahina.

Paano malalaman ang iyong community ID? Kung ang id ay hindi nakapaloob sa link, halimbawa, https://vk.com/make_community, maaari itong malaman tulad ng sumusunod. Mag-click sa pamagat ng pader ng grupo, kung saan nakasulat ang bilang ng mga publikasyon.

Ang iyong community wall ay magbubukas nang hiwalay. Magkakaroon ng mga numero sa address bar. Ito ang iyong community id.

2. Sundin ang link na iyong ginawa at i-click ang "Punan ng nilalaman."

3. Punan ang iyong pahina ng nilalaman. Halimbawa, kailangan namin ng isang graphical na menu sa anyo ng magkahiwalay na mga pindutan. Una, nilikha namin ang buong imahe.

Pagkatapos ay pinutol namin ito sa mga indibidwal na pindutan. Sa partikular na kaso na ito, dapat tayong magkaroon ng apat na mga imahe ng pindutan.

Bumalik kami sa aming pahina at, gamit ang built-in na editor, i-load ang aming mga imahe ng button.

Pagkatapos i-load ang lahat ng mga imahe dapat itong magmukhang ganito:

Sa pamamagitan ng pag-click sa alinman sa mga larawan, maaari mong tukuyin ang isang link sa pahina kung saan hahantong ang menu item na ito. Ito ay maaaring alinman sa iyong pahina ng komunidad o isang pahina sa isang panlabas na website o online na tindahan.

Lumilikha kami ng isang menu.

Dapat kang makakuha ng isang post na tulad nito sa dingding ng iyong pangkat ng VKontakte:

Paano i-pin ang isang menu?

Ang kailangan lang nating gawin ay i-pin ang menu sa tuktok ng grupo. Upang gawin ito, mag-click sa teksto sa harap ng larawan sa post. Sa window na bubukas, i-click ang "Pin" sa kanang ibaba.

Lahat. Ngayon dapat tayong makakuha ng ganito:

Kung gusto mong gawing isang buo ang menu at avatar, pumili lamang ng isang larawan upang ito ay isang lohikal na pagpapatuloy ng avatar ng iyong grupo.

Sa lahat ng mga komunidad ng VKontakte kung saan maaaring maiayos ang impormasyon, inirerekumenda ko ang paglikha ng isang menu. Tiyak na mapapabuti nito ang karanasan ng gumagamit para sa iyong komunidad. Ipinakita namin sa iyo kung paano i-secure ang menu ng VKontakte gamit ang isang partikular na halimbawa. Ito ay nananatiling batiin ka ng good luck sa pag-unlad at pagsulong ng iyong mga komunidad!

Ang pangkat ng VKontakte, na maganda sa disenyo, madaling i-navigate at puno ng kapaki-pakinabang na materyal, ay palaging nagdudulot ng paggalang at isang mahusay na pagnanais na "maglakad" sa mga pahina nito, basahin ang materyal nang mas maingat, gusto at kahit na i-repost.

Samakatuwid, para sa mga tagalikha ng komunidad sa unang yugto ng disenyo at nilalaman nito, palaging lumilitaw ang tanong: anong solusyon sa disenyo ang magiging tama para sa kanyang grupo, anong "mga pindutan" ang bubuo ng menu, at kung anong nilalaman ang mga pahina ng mini- mapupuno ang site? Pagkatapos ng lahat, ang lahat ng ito, na pinagsama, ay magpapahintulot sa pangkat ng VKontakte na maging mas kaakit-akit, naiintindihan, nagtatrabaho at masigla. At ngayon sasabihin ko sa iyo kung paano lumikha ng isang magandang menu ng VKontakte at kung ano ang dapat pansinin.

Paghahanda upang lumikha ng isang menu ng VKontakte

Upang makagawa ng isang menu, kailangan mo munang magpasya sa nilalaman at hitsura nito. Kailangan mong malaman kung anong mga seksyon ang bubuo ng iyong menu. Ito ang una. At pangalawa, anong larawan ang gagamitin mo sa disenyo nito at ihanda ito.

Upang gawin ito, kumuha ng isang regular na sheet ng papel at iguhit (isulat) ang layout ng iyong menu dito. Ibig sabihin, ang mga pangalan ng iyong "mga pindutan" na hahantong sa mga pahinang puno ng ilang uri ng nilalaman. Ang pagkakaroon ng sketch na ito sa harap ng iyong mga mata, magiging mas madali para sa iyo na lumipat patungo sa iyong nilalayon na layunin.
Sa huling artikulo sa aralin sa video, malinaw kong ipinakita kung paano lumikha ng isang menu ng teksto. At sa artikulong ito sasabihin ko sa iyo at muling ipapakita sa iyo gamit ang aking sariling halimbawa. Kaya simulan na natin. Ang aking pangkat ng pagsubok ay tinatawag na "Kalusugan".

Ang aking menu ay binubuo ng tatlong mga pindutan:

1. Mga lihim ng kalusugan (pumunta sa page na may mga rekomendasyon at tip sa kalusugan)
2. Malusog na leeg (pumunta sa pahina kung saan magkakaroon ng paglalarawan at link sa isang bayad na kurso sa paggamot para sa paggamot ng osteochondrosis ng leeg)
3. Malusog na likod (pumunta sa pahina kung saan magkakaroon ng paglalarawan at isang link sa isang libreng kurso sa paggamot para sa paggamot sa likod).

Paglikha ng Menu

• Upang gumawa ng menu, pumunta sa "Pamamahala ng Komunidad" sa tab na "Impormasyon", hanapin ang "Mga Materyales", itakda ito sa "Limitado" at i-save.
  
• Susunod, bumalik kami sa pangunahing pahina ng pangkat at sa tuktok nakita namin ang inskripsyon na "Pinakabagong balita", pumunta sa seksyong ito sa pamamagitan ng "I-edit".
  
  
• Sa window na bubukas, baguhin ang inskripsyon na "Pinakabagong balita" sa "Menu", halimbawa. Sa walang laman na patlang ipinapasok namin ang mga pangalan ng aming mga pahina - mga pindutan dapat naming isara ang mga salita na may double square bracket na walang mga puwang. Ang bawat pamagat ay nasa isang bagong linya.
  
  
• Sa ibaba ng page, mag-click sa “Preview” at tingnan ang mga pangalan ng “buttons” na naging clickable.
• Kaagad sa seksyong "Page Access", ayusin ang mga setting. Maaaring tingnan ng lahat ng user ang page, ang mga administrator lang ang makakapag-edit, kung hindi, mapupuno sila ng spam. I-save ang iyong mga pagbabago.
  
  
• Bumalik kami sa pangunahing pahina ng pangkat, mag-click sa "Menu" at makita ang mga naki-click na pangalan ng pahina. Mag-click sa "I-edit" sa gilid.
  
  
• Ang aming susunod na hakbang ay upang malaman ang mga address ng aming mga pahina - "mga pindutan". Mag-click sa "Healthy Back" sa menu at sa "Healthy Back" na pahina ay mag-click sa "Edit"
  
  
• Susunod, sa window ng browser nakikita namin ang address na ito at kinuha mula dito kung ano lamang ang naka-highlight sa asul. Dapat ganito ang hitsura ng aming address ng page na "Healthy Back": page-116040065_52123446, at hindi ganito: https://vk.com/page-116040065_52123446?act=edit

  

• Binubuksan namin ang lahat ng tatlong pahina sa pamamagitan ng "edit" at kinopya ang tatlong address sa aming text notepad. Sa aking kaso, ganito ang hitsura:
  pahina-116040065_52123446
  pahina-116040065_52123461
  pahina-116040065_52123485
• Susunod, kailangan namin ang mga address ng aming mga larawan, na magsisilbing mga pindutan. Upang gawin ito, i-upload ang mga inihandang larawan sa album ng iyong personal na account at sa mga setting isara ito mula sa pagtingin upang walang sinuman maliban sa iyo ang makakakita sa mga ginupit na larawang ito. Kung i-upload mo ang mga ito sa album ng grupo, makikita ng lahat ang mga ito, na sa palagay ko ay hindi lubos na kasiya-siya.
• Kapag na-upload mo ang lahat ng mga larawan sa album, na unang nakaisip ng isang pangalan para dito at na-edit ito para sa privacy, pagkatapos ay i-click ang lahat ng mga larawan nang isa-isa at muling isulat ang mga address ng mga larawang ito.
  
  
• Upang gawin ito, tingnan ang address bar ng browser. Kinopya namin ang bahagi na kailangan namin at i-paste ito sa aming gumaganang text notepad. Ang mga address ng mga larawan ay dapat magmukhang ganito:
  
  
  Sa aking kaso, ang address ng nangungunang larawan ay ganito:
  larawan189052615_337249677
• Pumunta kami sa menu sa pamamagitan ng "Pag-edit", ilipat pababa ang menu ng teksto at sa tuktok isulat namin ang mga address ng aming mga pahina - mga pindutan. Ito ay magiging ganito, isang halimbawa ng aking pahina:
  []
  Para sa kalinawan, tingnan ang larawan:
  
  
  Isinaad ko sa mga numero kung ano ang pananagutan nito at kung ano ang ibig sabihin nito:
  1 – ito ang address ng aming larawan;
  2 – ito ang lapad ng imahe, na nangangahulugang ang lapad ng aming menu, ang figure na ito ay maaaring baguhin, ngunit ang perpektong sukat ay 388 pixels. Ang figure na ito ay dapat na pareho sa lahat ng tatlong linya;
  3 - ang tekstong ito « noborder;nopadding » ay responsable para sa pagtiyak na walang mga puwang sa pagitan ng mga larawan, upang ang menu ay isang tuloy-tuloy na larawan;
  4 – ito ang address ng aming menu page
  Upang hindi magkamali, maaari mong kopyahin ang aking sample at ilagay ang mga address ng iyong mga larawan at pahina doon.
• Aalisin namin (burahin) ang mas mababang menu ng text sa ilalim ng numero 5 at mag-click sa "Preview" sa ibaba. Nakita namin ang aming magandang menu - i-save ang pahina.
  
  
• Pumunta sa pangunahing pahina ng pangkat, i-update ito at mag-click sa "Menu". Lahat! Ang aming menu ay handa na! Sa pamamagitan ng pag-click sa mga inskripsiyon, dadalhin tayo sa mga pahina. Sila ay walang laman sa ngayon, ngunit ang lahat ay may oras.
  
  

Kapaki-pakinabang na impormasyon sa paksa ng pangkat ng VKontakte:

Manatiling nakikipag-ugnayan at mag-subscribe sa pinakabagong balita.
Good luck at tagumpay!

Maraming mga tao ang interesado sa kung paano gumawa ng isang menu sa pangkat ng VKontakte. Mayroon nang malaking bilang ng mga komunidad na maganda ang disenyo kung saan gusto kong kumuha ng halimbawa. Magagawa ito sa loob ng ilang oras. Ang pangunahing bagay ay upang bumuo ng isang naka-istilong disenyo, at ang natitira ay isang bagay ng pamamaraan.

Ano ang kailangan para dito?

Paano gumawa ng isang menu sa isang pangkat ng VKontakte? Sa Photoshop kailangan mong lumikha ng dalawang larawan na dati ay isa. Ang una ay para sa avatar, ang pangalawa ay ang menu mismo, ang imaheng ito ay hindi dapat i-cut sa maraming bahagi. "Sa Contact" sa pahinang inilaan para sa menu, kailangan mong magpasok ng code na may mga link sa mga bahagi ng larawan at mga seksyon. At kung kailangan ang isang bukas na uri, kakailanganin mo ng pangatlong larawan, na naka-pin sa tuktok ng komunidad.

Upang lumikha ng isang magandang menu kakailanganin mo ang mga kasanayan sa Photoshop. Ang mga mahihirap sa pagguhit ay pinapayuhan na pumili ng magagandang larawan. Para sa mga eksperto sa programang ito, ang mga tagubilin ay ibinigay sa ibaba. Ang proseso ay nahahati sa ilang yugto.

Unang yugto

Paano gumawa ng isang menu sa pangkat ng VKontakte? Una kailangan mong lumikha ng isang bagong dokumento na may sukat na 700 by 800 pixels. Tiyaking puti ang background. Sa tuktok na layer kailangan mong gupitin ang dalawang windows 200 by 710 para sa avatar at 382 by 442 para sa menu. Magagawa ito gamit ang isang rectangle selection o isang command na tinatawag gamit ang "Del" key.

Depende sa iyong imahinasyon, maaari mong ayusin ang taas ayon sa gusto mo, ngunit mas mahusay na iwanan ang lapad nang pareho. Ang isang paglalarawan ay dapat ilagay sa ilalim ng ilalim na layer. Ang pagtuon sa isa sa mga gilid, ang mga parihaba ay dapat na pinagsama.

Kinakailangan na maglagay ng mga inskripsiyon at mga pindutan sa mga kinakailangang lugar ng imahe gamit ang mga elemento ng Photoshop.

Ang parihaba na lumilitaw sa kanan (laki ng 200 by 710) ay maaaring kopyahin at i-upload sa isang hiwalay na file. Isa itong ready-made na avatar para sa grupo. Ngunit ang kaliwang bahagi ng larawan ay nangangailangan ng karagdagang pagputol.

Ang bilang ng mga item sa menu ay pinapayagan mula sa dalawang bahagi. Pero siguro tatlo o apat. Titingnan natin ang isang halimbawa para sa dalawa.

Ang taas ng bawat hiniwang elemento ay dapat na hindi bababa sa 50 pixels.

Paano mag-cut ng isang larawan para sa isang menu?

Upang gawin ito, kailangan mong buksan ang imahe sa isang hiwalay na file. Kakailanganin mo ang tool na "Pagputol". Ito ay matatagpuan sa panel ng programa sa anyo ng isang kutsilyo.

Mag-right-click sa larawan at piliin ang "Split fragment" mula sa drop-down na listahan.

Magbubukas ang isang window kung saan kailangan mong magtakda ng mga parameter ng pagputol. Inirerekomenda na lagyan ng tsek ang kahon sa tabi ng "Split horizontally by" at piliin ang bilang ng mga pantay na fragment.

Pagkatapos ng mga hakbang na ito, may lalabas na grid sa screen na naghahati sa larawan sa mga seksyon.

Ang mga pinutol na file ay mabibilang.

Pangalawang yugto

Ito ay isang aralin kung paano gumawa ng isang menu para sa isang pangkat ng VKontakte. Dapat i-upload ang lahat ng mga ginupit na larawan sa album ng grupo.

Kakailanganin mo ng pahina ng "Pinakabagong Balita". Magaganap ang trabaho kasama siya sa malapit na hinaharap.

Maipapayo na piliin ang wiki markup mode sa editor sa kanan at ipasok ang sumusunod na code doon:

Ang bawat imahe ng menu ay sasakupin ang isang hiwalay na linya, na binuo ayon sa prinsipyo ng diagram sa itaas. Inirerekomenda na lumikha ng mga entry na ito nang maaga sa isang notepad at pagkatapos lamang na i-upload ang mga ito sa kinakailangang field na "In Contact". Gagawin nitong mas madali at hindi ka pipilitin ng system na gawing muli ito.

Ang resulta ay magiging katulad ng:

Paano makukuha ang numero ng larawan?

Upang gawin ito, mag-right-click sa larawan. Matapos itong magbukas sa isang bagong window, lalabas ang code nito sa address bar ng browser. Dapat itong kopyahin kasama ng salitang "larawan".

Kapag na-save ang lahat ng mga pagbabago, maaari mong suriin ang pagpapatakbo ng menu. Sa grupo, kasunod ng kaukulang link, ang pinakahihintay na larawan ay ipinahayag.

Upang pagsamahin ang isang avatar sa kanya, kailangan mong mag-eksperimento nang kaunti sa paglalarawan. Tinatayang, ayon sa tinukoy na mga sukat ay dapat mayroong 12 linya.

Ito ay isa sa mga pagpipilian para sa paggawa ng isang menu sa pangkat ng VKontakte. Dalawa lang sila. Ang isa pang paraan ay bukas. Maaari silang pagsamahin.

Paano gumawa ng isang bukas na menu?

Sa bagong window, kailangan mong mag-right-click sa nilikha na menu at mag-click sa link na "I-edit". Sa tab na "Bumalik sa pahina" sa browser bar maaari kang makakuha ng link sa menu. Kailangan itong kopyahin.

Pagkatapos, kailangan mong gumawa ng regular na post sa grupo. Kakailanganin mo ng isa pang pampakay na larawan na may inskripsyon na "Menu". Upang gawin ito kailangan mong mag-upload ng larawan. Ang post ay magsisilbing bukas na menu sa itaas ng page. Sa mensahe sa loob nito kailangan mong ipasok ang natanggap na link, na dapat na agad na tanggalin pagkatapos lumitaw ang pahina na may menu sa ibaba. Ang post ay hindi dapat maglaman ng mga hindi kinakailangang link, ito ay magiging pangit.

Paano gumawa ng isang menu sa pangkat ng VKontakte? Ngayon ay kailangan mong mag-right-click sa petsa ng balita. Dapat itong buksan sa isang bagong window. Doon ay makikita mo ang isang bagong inskripsiyon na "Pin". Iyon talaga ang kailangan niya.

Pagkatapos, maaari mong humanga ang magandang menu sa grupo. Upang pagsamahin ang mga larawan, kailangan mong magsanay sa kanilang mga sukat.

yun lang. Ang paglikha ng isang menu sa VKontakte ay hindi ganoon kahirap. Kung susundin mo ang mga tagubiling inilarawan sa itaas, magagawa ito ng sinuman.

Pagbati mahal na mga kaibigan. Sa post ngayon gusto kong pag-usapan kung paano lumikha ng isang menu para sa isang pangkat ng VKontakte. Ang paggawa nito ay hindi kasing hirap na tila sa unang tingin, at kung mayroon kang hindi bababa sa pangunahing kaalaman sa Photoshop o Paint, tiyak na magtatagumpay ka. Kaya simulan na natin.

Gamit ang tamang istraktura, ang menu ay maaaring tumaas ang bilang ng mga benta o ang daloy ng mga customer para sa iyong negosyo, ito ay depende sa kung ano ang pokus ng grupo. Bilang halimbawa, isaalang-alang ang disenyo ng isang online na tindahan ng damit:

Ang istraktura ay nabuo nang napakalinaw, sa halos ilang pag-click ay mahahanap ng user ang lahat ng kailangan niya: mga numero ng telepono, address, impormasyon ng order, katalogo ng produkto, atbp. Sa palagay ko, nakakatulong ang disenyong ito na mapataas ang mga benta nang hindi bababa sa 2 beses.

Sa bersyong ito, ang menu ay isang katalogo ng mga produkto na nahahati sa mga seksyon, na ginagawang napakaginhawa ng paghahanap para sa mga ito. Ang avatar ng komunidad ay naglalaman ng mga numero ng contact ng ilang mga operator, na magbibigay-daan sa mga customer na mabilis na makipag-ugnayan sa nagbebenta.

Narito ang isang halimbawa ng isang masamang solusyon:

Ang catalog ay idinisenyo sa anyo ng mga ordinaryong link na humahantong sa isang hindi kilalang destinasyon. Sumang-ayon na walang partikular na pagnanais na tumawid sa kanila sa kabaligtaran, gusto mong umalis sa grupo.

Sa mga halimbawang ito, tiningnan namin ang mga opsyon sa disenyo para sa mga online na tindahan, ngunit maaari kang gumamit ng katulad sa ibang mga paksa. Ang formula ay simple: malinaw na istraktura + graphic na disenyo = pagdagsa ng mga customer at tumaas na benta.

Ngayon tingnan natin ang lahat ng ito mula sa teknikal na pananaw.

Paglikha ng isang menu para sa isang pangkat ng VKontakte

Una sa lahat, gumawa tayo ng isang graphic na layout ng hinaharap na menu. Para sa layuning ito, gagamitin namin ang Photoshop (para sa isang simpleng larawan, ang karaniwang Paint ay magiging maayos). Buksan ang programa at lumikha ng isang bagong dokumento:

Gagawa ako ng larawan na may sukat na 500x500 pixels, gayunpaman, depende sa bilang at lokasyon ng mga seksyon, maaaring iba ang laki ng larawan.

Ngayon i-download ang larawang gusto mong gamitin bilang iyong background at i-drag ito sa iyong canvas. Kung ikaw ay bihasa sa programa, maaari mong iguhit ang background sa iyong sarili.

Pagkatapos ay isulat ang mga paunang idinisenyong seksyon, mga pindutan at numero ng telepono sa larawan sa background. Gagawin namin ang mga ito sa mga link sa ibang pagkakataon:

Upang makagawa ng mga pagbawas nang tumpak hangga't maaari, kailangan mong gumamit ng mga pantulong na linya sa pamamagitan ng pagpindot sa CTRL+R. I-hover ang iyong mouse sa tuktok na linya at i-drag ito sa larawan nang katulad nito:

Ang huling hakbang ay ang pagputol ng mga bagay. Upang gawin ito, mag-click sa button na “Slices From Guides” sa itaas na toolbar:

Ise-save namin ang framework para sa mga web device. Itakda ang format ng larawan sa JPG, piliin ang pinakamataas na kalidad at i-save, halimbawa, sa iyong desktop:

Lumitaw ang isang folder sa desktop na may frame ng hinaharap na menu, na kailangan naming ilipat sa grupo.

Pagpapakita ng menu gamit ang Wiki markup

Sa iyong grupo, pumunta sa "pamamahala ng komunidad" at tingnan kung nakakonekta ang seksyong "mga materyales." Kung ang partisyon ay hindi pinagana, pagkatapos ay ikonekta ito:

Pagkatapos nito, lalabas ang tab na "pinakabagong balita" sa grupo. Mag-click sa pindutang "i-edit", ililipat ka sa isang text editor:

Sa halip na ang karaniwang pamagat, isulat ang iyong sarili, at i-on din ang wiki markup mode sa pamamagitan ng pag-click sa icon na brilyante:

Ngayon buksan ang grupo sa isang bagong tab at i-upload ang inihandang frame sa photo album, at i-paste ang sumusunod na code sa isang text editor, kasing dami ng bilang ng mga bahagi na nahahati ang frame sa:

[ [ photo133337_133701019|370px;nopadding;|pahina- 13333337 _13333337] ]

Sa halip na ang value na “photo133337_133701019” kailangan mong maglagay ng link sa larawan

Sa halip na ang value na “page-13333337_13333337” kailangan mong maglagay ng link sa gustong pahina o seksyon ng pangkat

Sa halip na 370px, maaari kang pumili ng sarili mong mga dimensyon, at ang parameter ng nopadding ay nagbibigay-daan sa iyo upang magpakita ng ganap na larawan kung wala ito, ang aming menu ay ipapakita sa mga hiwa.

Sa pamamagitan ng pag-click sa button na "Tingnan", makikita mo kung ano ang magiging hitsura ng menu sa grupo. Kung nababagay sa iyo ang lahat, pagkatapos ay i-click ang "I-save ang mga resulta" at tamasahin ang gawaing ginawa.