Ngayon ang mga grupo ng VKontakte at mga pampublikong pahina ay gumagamit ng mga visual na tool sa disenyo. Salamat sa pagkakataong ito hitsura at ang disenyo ng grupo ay nagiging mas aesthetically pleasing. Ang materyal na ito ay ilalarawan nang detalyado kung paano gumawa ng isang menu sa isang pangkat ng VKontakte.

Bakit kailangan mo ng menu ng grupo?

Una sa lahat, ang menu ay kapaki-pakinabang na elemento Para sa komersyal na grupo. Sa tulong nito, ang mga gumagamit ay hindi magkakaroon ng mga problema sa pag-navigate. Ang lahat ng kinakailangang impormasyon ay ilalagay sa block na ito. SA social network VKontakte, ang pamamahala ng grupo ay idinisenyo sa paraang ang lahat ng naunang nai-publish na materyal ay nakapaloob sa feed. Ang nag-iisa posibilidad para sa pag-uuri ay upang lumikha ng mga paksa sa seksyong "Pagtalakay". Ngunit ito ay hindi rin ganap na maginhawa, dahil ang paksa ay hindi limitado sa isang post, kung saan ang lahat ng impormasyon ay nakolekta, at upang mahanap ang kinakailangang post, kailangan mong mag-scroll sa mga pahina nang mahabang panahon.

Ito ay mas maginhawa upang bumuo ng isang malinaw na istraktura kung saan ang lahat kapaki-pakinabang na impormasyon at nahahati sa hiwalay na mga pampakay na bloke. Ang screenshot na ito ay isang magandang halimbawa ng isang graphic interactive na menu, kung saan naka-post ang lahat ng kapaki-pakinabang na post sa isang hiwalay na bloke. Ito ay maginhawa at hindi nangangailangan ng user na gumawa karagdagang mga aksyon sa pahina.

Sa kabuuan, maaari nating tapusin na ang menu ay isang pangangailangan para sa isang umuunlad na komunidad. Ito ay maginhawa tulong sa nabigasyon, na nagpapahintulot sa mga user na mahanap kinakailangang impormasyon nang walang pag-scroll sa feed at mabilis na pag-access sa kinakailangang seksyon mga pangkat. Mas mainam na gumamit ng naki-click na menu para sa mga pangkat na nagbebenta ng mga produkto at serbisyo.

Sarado at bukas na menu

Naka-on sa ngayon, ang menu ng VKontakte ay maaaring nahahati sa ilang mga uri at uri, pagkatapos ay isasaalang-alang namin ang bawat isa sa kanila nang mas detalyado.

Mga uri:

• teksto (ang istraktura ay mga link ng teksto);
• graphic (gumagamit ng multimedia, aktibong mga pindutan atbp.).

Mga uri:

Gumawa ng text menu

Ang ganitong uri ng menu ay hindi nangangailangan ng anumang kaalaman o karagdagang mga tool. Ang paggawa ng isang menu ng teksto sa isang pangkat sa VK ay medyo simple para dito gagamitin namin ang pag-andar ng social network. Hindi ito gumagamit ng mga pindutan, estilo, atbp. Ang text menu ay isang listahan na binubuo ng mga anchor link.

Hakbang-hakbang na mga tagubilin:

Ang pamamaraan para sa paglikha ng isang menu ng teksto ay hindi nangangailangan ng espesyal na kaalaman at kasanayan. Samakatuwid, ang pagpipiliang ito ay pinaka-angkop para sa mga walang karanasan na gumagamit. Bago maglagay ng seksyon sa pangunahing pahina, siguraduhing subukan ito at i-optimize ito upang gumana nang maayos ang nabigasyon.

Graphic na menu

Lumipat tayo sa isa sa mga mas kumplikadong paraan ng paglikha. Upang gawin ito kakailanganin nating gamitin karagdagang mga kasangkapan– graphic Editor ng Photoshop. Susunod na ibibigay namin detalyadong paglalarawan hakbang-hakbang na proseso paglikha graphic na menu gamit ang karagdagang software.

Hakbang-hakbang na mga tagubilin:

• Una kailangan mong ilunsad ang Photoshop graphics editor;
• pagkatapos ay i-click ang "File" at " Lumikha" Ipinapahiwatig namin sumusunod na mga parameter: "Lapad" (Lapad) 610 pixels, "Taas" (Taas) 450 pixels at "Resolution" (Resolution) 100 pixels bawat pulgada;
  
• pagkatapos nito ay lilitaw ito bagong dokumento, kung saan mo gustong i-drag ang larawan sa background;
  
• kakailanganin mong i-stretch ang imahe upang masakop ang puting lugar;
• higit pa sa panel" Mga layer» i-click i-right click mouse sa ibabaw ng imahe at sa window ng konteksto piliin ang " PagsamahinNakikita» (pagsamahin ang mga nakikita);
• Parihaba» at lumikha ng mga pindutan sa pamamagitan ng paglipat ng cursor sa larawan at pagguhit ng mga hangganan ng figure;
• sa taas lugar ng trabaho, maaari kang pumili ng punan para sa pindutan, ang parameter na "Punan";
• pagkatapos nito, bumalik sa toolbar at piliin ang " Text»;
• pagkatapos ay mag-click sa pindutan upang magdagdag ng isang patlang para sa input ng teksto at maglagay ng pangalan para sa button. Sa iyong paghuhusga, maaari mong piliin ang font, ang laki at kulay nito upang gawing mas naka-istilo ang seksyon;
  
• sa gitnang teksto mula sa larawan, piliin ang layer na may teksto at ang nais na imahe, pagpindot sa "Ctrl" na key, at salit-salit na pag-click sa mga alignment button sa tuktok na panel mga kasangkapan;
• pagkatapos nito kailangan nating i-cut ang nagresultang imahe;
• sa toolbar piliin ang " Pag-crop"(I-crop) at "Pagputol";
• Piliin ang bawat pindutan at buksan ang "File", "I-export", "I-save para sa Web". Itakda ang naka-save na format ng file sa "PNG24";
  

Kinukumpleto nito ang gawain sa graphic editor. Balik tayo sa text editor social network, kung saan na-configure namin ang text menu sa nakaraang seksyon.

Mga tagubilin para sa pagtatrabaho sa VKontakte graphic menu:

Ang nilikha na menu ay naka-pin bilang regular na pagpasok. Sa pamamagitan ng pag-click sa Pin button.

Mga Pangunahing Kaalaman sa Wiki Markup

Susunod, titingnan natin ang mga pangunahing kaalaman sa paggamit ng Wiki markup sa pagbuo ng menu para sa isang grupo sa isang social network. Ang VKontakte wiki markup ay isang wika na ginagamit para mag-format ng text sa mga website at nagbibigay-daan sa mas madaling pag-access sa mga feature HTML na wika. Susunod, tingnan natin ang mga pangunahing utos na magagamit para magamit sa social network.

Disenyo ng menu gamit ang multimedia

Ang text command para sa mga media file ay may susunod na view: "[​]. Tingnan natin nang maigi: “mediaXXXX_YYYY” (ang file mismo), “options” ( ibinigay na mga parameter), "link" (ay isang pop-up na text na ipapakita kapag nag-hover ka ng cursor sa isang bagay).

Mga pagpipilian para sa multimedia ay ipinapakita sa screenshot:

Mga pagpipilian para sa video ganito ang hitsura:

Mga Pamagat (H1, H2, H3)

Upang magdagdag ng pamagat, dapat mong ilagay ang mga sumusunod na palatandaang “==” sa simula at dulo ng teksto. Ang isang halimbawa ay ipinapakita sa screenshot:

Pag-format ng teksto

Para sa pag-format ng teksto, nag-aalok ang VKontakte ng mga sumusunod na pagpipilian: matapang na uri, italics, right-align, left-align, middle-align, bulleted list, heading, superscript, subscript, underline, at strikethrough. Higit pa detalyadong mga setting ay ipinakita sa screenshot.

Mga quotes

Upang maakit ang atensyon ng madla, maaari kang gumamit ng mga quote; ang tag para sa parameter na ito ay ganito ang hitsura: "".

Halimbawa ng paggamit sa VKontakte text editor:

Mga listahan

Maaaring gamitin ng mga user ang parehong bullet at numbered na listahan. Ang isang numerong listahan ay ipinahiwatig ng isang "#" na sinusundan ng isang "*".

Halimbawa may bilang listahan:

Halimbawa may label listahan:

Paano mag-indent

Ang lahat dito ay medyo simple, dati gamit ang tamang salita kinakailangang idagdag ang “:” sign. Kung mas maraming character ang inilalagay, mas malaki ang indentation.

Mga panloob na link

Ang mga panloob na link ay mga transition sa iba pang mga elemento ng social network: profile ng user, third-party na komunidad, chat, larawan, video, artikulo, atbp. Dagdag panloob na link isinasagawa gamit ang tag na “[]. Tingnan natin nang maigi: "link" ay isang link, "teksto" ay ang ipinapakitang teksto.

Halimbawa:

Paano lumikha ng isang talahanayan

Gamit ang wiki markup, maaaring lumikha ang mga user bagay sa mesa , ang mga sumusunod na utos ay ginagamit para dito:

Pagdaragdag ng isang spoiler

Maaaring itago ng elementong ito ang impormasyong ihahayag sa pamamagitan ng naaangkop na pag-click sa espesyal na pindutan. Ang pagpipiliang ito para sa pag-post ng impormasyon ay perpekto para sa seksyon ng pangkat na "Mga Panuntunan", "Mga Madalas Itanong", atbp.

Upang lumikha ng isang bagay, gamitin ang sumusunod na konstruksyon:

((Tagatago|Teksto ng Pamagat ))

Paano magtanggal ng menu

Ang pag-alis ay nangyayari tulad ng sumusunod:

Pag-alis sa pamamagitan ng pag-format ng pahina:

Lalo silang ginagamit upang magsagawa ng negosyo, magbenta ng mga kalakal o serbisyo. Mahusay na tool, na pinapasimple ang gawain sa grupo - ito ay isang menu na ginawa gamit ang wiki markup.

SA kani-kanina lang ang bilang ng mga pampublikong gumagamit ng listahan ng wiki ay tumaas nang malaki. Pagkatapos ng lahat, ito mahusay na paraan bigyan ang grupo ng isang mas kaaya-aya at aesthetic na hitsura, at tinutulungan din ang mga kalahok na mag-navigate sa lahat ng mga seksyon nang mas madali.

Sa artikulong ito sasabihin namin sa iyo kung paano gumawa ng isang pahina ng VKontakte wiki para sa isang grupo, kung paano gumawa ng isang menu sa isang pangkat ng VK, kung anong mga uri ang mayroon, kung paano ito likhain at marami pa.

Ang paglikha ng isang naki-click na pahina ng wiki ay posible dahil sa katotohanan na ang VK text editor ay may kakayahang gumamit ng wiki markup. Pinapayagan ka nitong gamitin mga espesyal na koponan magpasok ng mga larawan, mga link sa kanila, mga video at iba pang mga elemento.

Nagbibigay-daan sa iyo ang listahan na lumikha ng mga direktang link sa bawat kategorya ng produkto/serbisyo o sa iba't ibang seksyon/talakayan ng komunidad (halimbawa, portfolio, kung paano mag-order, tungkol sa kumpanya, atbp.). Mahahanap ng sinumang user ang kinakailangang impormasyon sa pamamagitan ng pagpindot lamang ng 1 button.

Ang solusyon na ito ay isang navigator para sa mga ordinaryong bisita at nagsisilbing isang maganda at naka-istilong disenyo komunidad. Ito ay isang interactive na tool, gamit kung saan, masisiyahan ang mga tao.

Sa kasamaang palad, ang mga developer ng VK ay hindi pa nakakalikha ng kakayahang mag-post ng isang listahan ng wiki sa pangunahing pahina ng wiki ng publiko (sa ngayon ay magagamit lamang ito sa isang bagong tab). Samakatuwid, ang mga tao ay napipilitang maging sopistikado at lumikha ng hiwalay na mga post na humahantong sa isang pahina ng menu.

Mga pangunahing utos at tampok ng menu ng wiki

Napakalawak ng functionality ng wiki page. Sa tulong nito, maaari mong gawing kasiya-siya ang iyong menu, madaling basahin at balangkas.

Sa kasamaang palad, hindi namin ganap na maiangkop ang lahat ng mga koponan sa aming materyal, kaya kakaunti lang ang pag-uusapan namin.

Paggawa ng menu gamit ang mga media file

Ginagawa ito gamit ang mga espesyal na pindutan.

SA form ng teksto media file ay: [​].

Kung saan ang media XXXX_YYYY ay ang media file mismo, ang mga opsyon ay iba't ibang mga setting(para sa mga larawan at video), link–inskripsyon na ipapakita kapag nag-hover ka ng cursor sa larawan/video.

Para sa mga pagpipilian sa larawan mayroong:

Para sa video:

Gumagawa kami ng mga heading ng iba't ibang antas gamit ang == signs

Magdagdag ng "==" sign sa simula at dulo ng pamagat. Tingnan ang screenshot para sa isang halimbawa:

Paggawa gamit ang teksto ng pamagat upang magdisenyo ng menu ng pangkat ng VKontakte

Maaari mo ring gamitin ang mga sumusunod na opsyon sa text: italic, bold o gray, strikethrough o underline, superscript o subscript. Posible ring i-align ang text sa gitna o kanan. Nasa ibaba ang isang talahanayan na may mga utos:

Gumamit ng mga quote upang maakit ang atensyon

Ang paggamit ng tag ay magbibigay-daan sa iyo na maganda ang disenyo ng quote ng isang tao.

Ang mga listahan ay maaaring may numero o bullet.

Para sa isang listahang may numero, gamitin ang simbolo na "#" bago ang bawat bagong item.

Para sa bullet na listahan katulad ng nauna, tanging may “*” sign.

Paggawa gamit ang mga indentasyon

Para mag-indent, magdagdag ng “:” sign bago ang salita. Depende sa bilang ng mga character, tataas o bababa ang indentation.

Mga panloob na link sa menu ng grupo

Ito ay mga link sa mga panloob na mapagkukunang panlipunan. VKontakte network (link sa tao, komunidad, talakayan, aplikasyon, pahina, video at larawan). Ang mga ito ay idinaragdag gamit ang sumusunod na konstruksyon: [].

Mga panlabas na link sa paglikha ng isang menu ng VKontakte.

Ang Wiki markup ay lumilikha ng isang menu ng talahanayan

Gamit ang wiki page at markup, maaari ka ring gumawa ng table. Tingnan ang screenshot:

Informative spoiler

Sa tulong nito, maaari mong itago o ibunyag ang impormasyon sa isang click. Tamang-tama kung kailangan mong lumikha ng isang seksyon na may "Mga Madalas Itanong".

Ang isang spoiler ay nilikha gamit ang disenyo:

((Hider|Pangalan ng Spoiler
Text
}}

At magiging ganito ang hitsura:

Kaya, ang mga koponan ay makakatulong sa paggawa ng isang kumpletong listahan kasama ang lahat ng mga elemento ng disenyo.

Mga uri ng menu: ano sila?

Ang mga pahina ng Wiki sa VKontakte ay maaaring hatiin ayon sa iba't ibang pamantayan:

• Teksto (teksto lamang);
• Graphic (gamit ang mga larawan ng mga button, background, atbp.).

Sa pamamagitan ng pagpapakita (depende sa larawang ginamit):

• Z sakop (ang istraktura mismo ay hindi nakikita);

• Buksan (lahat ng mga item ay makikita nang sabay-sabay);

• May katabi o karaniwang banner (maaaring bukas o sarado).

Anuman ang uri na pipiliin mo, gumagana ang lahat sa parehong prinsipyo.

Gayundin, huwag matakot na pagsamahin ang mga ganitong uri. Halimbawa, maaari ka munang gumawa ng isang graphic na bahagi na may mga pindutan (background, estilo, disenyo), at pagkatapos ay dagdagan ito ng iba't ibang impormasyon sa teksto(halimbawa, "Mga madalas itanong", gamit ang mga spoiler).

Paano gumawa ng text menu

Hindi gaanong sikat at mas simple ay listahan ng teksto sa pahina ng wiki. Hindi ito naglalaman ng anumang mga imahe o mga pindutan. Ito ay isang listahan lamang ng mga anchor link.

Nasa ibaba ang hakbang-hakbang na mga tagubilin kung paano gumawa ng isang listahan ng teksto para sa isang pangkat ng VK:

1. Una kailangan mong mag-set up ng isang komunidad. Upang gawin ito, pumunta sa "Pamamahala ng Komunidad" at piliin ang seksyong "Mga Seksyon". Hanapin ang linyang "Mga Materyales", piliin ang "Restricted" at i-save ang mga setting.

1. Susunod sa home page Ang "pinakabagong balita" ay lalabas sa publiko. Pumunta sa kanila at i-click ang "I-edit".

1. Ilagay ang pangalan.
2. Nasa ibaba ang VK text editor. Dito tayo gagawa ng ating listahan.
3. Gamitin ang sumusunod na konstruksyon:

Gawin ang lahat ng kinakailangang hakbang. Bawat bagong item Sa bagong linya. Dito maaari mong gamitin ang iba't ibang mga utos na napag-usapan namin sa itaas.

Halimbawa, magsusulat kami ng simple at maliit na konstruksyon:

1. I-click ang i-save.

Dito ay gumamit kami ng mga palatandaang “==” upang i-highlight ang pamagat at mga palatandaang “*” upang i-highlight ang mga sub-sugnay. Bilang resulta, nakuha namin ang mga sumusunod:

Kaya, matapos makumpleto ang ilang hakbang, nakatanggap kami ng isang ganap na nauunawaan na menu ng wiki, kung saan ang bawat item ay magbibigay-daan sa iyo upang mabilis na pumunta sa nais na pahina.

Maaari kang magdagdag ng kahit anong gusto mo, basta't sapat ang iyong imahinasyon at mga kakayahan sa wiki markup.

Paano lumikha ng isang graphical na menu

Upang lumikha ng isang graphic na menu, kailangan mong magkaroon ng hindi bababa sa mga pangunahing kasanayan sa pagtatrabaho sa mga graphic editor (tulad ng Photoshop, GIMP, iba't ibang mga aplikasyon atbp.). Kung wala ka ng mga ito, maaari ka naming payuhan na gumamit ng tulong ng mga propesyonal o mapagkukunan gamit ang handa na mga template(basahin ang higit pa sa ibaba).

Dito ay pag-uusapan natin kung paano lumikha ng isang menu ng pahina ng wiki sa iyong sarili. Nasa ibaba ang mga sunud-sunod na tagubilin:

1. Sundin ang mga hakbang 1-3 mula sa mga naunang tagubilin.
2. Ito ay kinakailangan upang lumikha ng mga blangkong larawan na may mga pindutan. Makipag-usap nang detalyado tungkol sa trabaho sa mga graphic editor hindi namin gagawin, dahil maraming mga aralin sa pagtatrabaho sa Photoshop at iba pang mga programa sa Internet.
   Kukunin namin ang mga sumusunod na larawan.

Ang lahat ng tatlong larawan ay bahagi ng isang malaking larawan. Samakatuwid, kapag lumikha kami ng nabigasyon, ang mga larawang ito ay magmumukhang isang buong larawan na may mga pindutan na matatagpuan dito.

1. Mag-upload ng mga larawan sa VKontakte text editor.

1. Sa pamamagitan ng pag-click sa bawat larawan, maaari kang pumili ng mga opsyon at magbigay ng link.

1. Sa kanan ay may switch sa pagitan ng visual at text editing modes.

1. Sa text form, ganito ang hitsura ng aming mga larawan:

1. Binago namin ang inskripsyon na "noborder" sa "nopadding" upang alisin ang distansya sa pagitan ng mga larawan at isara ang mga ito. At pagkatapos ng "|" sign magdagdag ng link.

1. I-click ang "I-save ang Pahina".

Bilang resulta, nakuha namin ang menu na ito:

Sa kaunting pagsisikap at talino, maaari kang lumikha ng orihinal na disenyo na babagay sa pangkalahatang disenyo ng grupo.

Paano i-secure

Upang maipakita ang nilikhang menu ng wiki sa pangunahing pahina ng komunidad, dapat mong kumpletuhin ang mga sumusunod na hakbang:

1. Gumawa ng bagong post.
2. Kopyahin ang iyong link sa menu. Upang gawin ito, pumunta sa pag-edit muli at kopyahin ang URL mula sa address bar browser.

Magdagdag muna ng larawan, tingnan ang larawan sa ibaba.

Ngayon i-publish at i-pin ang post.

Dito kailangan mong magtrabaho nang husto sa imahe. Pagkatapos ng lahat, ito ay palaging makikita sa pangkalahatang disenyo ng publiko at sabihin sa mga gumagamit na sa pamamagitan ng pag-click, dadalhin sila sa menu.

Paano tanggalin

Ang pag-alis ng menu ng wiki ay hindi isang mahirap na gawain. Pumunta lang sa seksyong "Pamamahala ng Komunidad", "Mga Seksyon" at i-off ang mga materyales.

Mahalagang tandaan na kung gumamit ka ng naka-pin na post, mananatili ito. Samakatuwid, kakailanganin din itong tanggalin (o hindi bababa sa alisin mula sa mga naka-pin).

Handa nang mga template

Nais din naming ipakita sa iyong pansin ang mga serbisyo na tutulong sa iyong mag-download ng mga yari na template o lumikha ng mga bago sa ilang pag-click lamang.

• Ang You-ps.ru ay isang serbisyo na may mga yari na template ng menu ng wiki at iba pang mga elemento ng disenyo ng komunidad na handa na.

• Ang Vkmenu.com ay isang online na tagabuo. Binibigyang-daan ka nitong madali at mabilis na lumikha ng mga naka-istilong menu.

Gayundin sa handa na mga solusyon Kabilang dito ang pagkuha ng isang propesyonal. Sa kasong ito, hindi mo rin kailangang gawin ang lahat ng iyong sarili, ngunit kailangan mong magbayad.

Bottom line

Tiningnan namin kung ano ang menu ng wiki sa mga komunidad ng VKontakte. Natutunan namin kung paano ito likhain at gamitin ang iba't ibang mga utos.

Naniniwala kami na ang menu ay hindi pa ganap na pinahahalagahan. Para sa malaking dami Para sa mga tao, ang "wiki markup" na ito ay isang bagay na sobrang kumplikado at nakakatakot. Ayaw pa nilang kunin. Ngunit sa katotohanan, tulad ng nakikita natin, ang lahat ay medyo simple.

Huwag matakot na mag-eksperimento at maging orihinal!

At muli, natutuwa akong tanggapin ka!

Sa artikulong ngayon ay eksklusibo tayong mag-uusap tungkol sa pangkat ng VKontakte, bagaman sa karamihan, mas gusto kong magtrabaho kasama mga pampublikong pahina. Ngunit nang sa huling artikulo ay hinawakan ko ang halimbawa ng aking publiko, marami ang may mga katanungan, partikular tungkol sa menu para sa grupo.

Paano lumikha ng isang menu sa isang pangkat ng VKontakte

Narito ang nakuha ko.

Ginawa ko ang menu bilang halimbawa lamang. Upang maunawaan ito para sa mga grupo, isaalang-alang nang mas detalyado ang lahat ng mga subtleties para sa iyo.

Kaya. Narito ang mga pangunahing hakbang:

• Isipin ang pangunahing menu
• Pumili ng larawan
• Photoshop (walang kahit saan na walang Photoshop, gaya ng dati 🙂)
• Pagputol ng imahe
• Pag-upload ng larawan sa album ng isang contact

Upang i-activate pinakabagong mga post (para sa iyong hinaharap na menu), kailangan mong pumunta sa pamamahala ng komunidad at i-on ang item - "Mga Materyales"

Pagkatapos maisama ang mga materyales, lalabas ang item na "Pinakabagong Balita" sa tuktok ng pangkat, kung saan kakailanganin mong lumikha ng isang menu. Katulad ng anumang pahina ng contact, makikita natin ang ating sarili sa isang editor kung saan maaari tayong manu-manong mag-upload ng mga larawan o mga button ng menu, o sa pamamagitan ng wiki markup (button sa kanang sulok sa itaas).

Tulad ng iyong nahulaan, ang pinakamadaling paraan ay ang unang gumuhit ng kinakailangang larawan sa Photoshop at ilagay ang mga pindutan dito nang maaga sa hinaharap, sila ay magiging mga link.

Sa aking halimbawa, gumamit ako ng background ng isang babae at naglagay ako ng 3 button sa kaliwa niya. Ang bawat pindutan ay may sariling pangalan.

Ang aking menu ay binubuo ng mga sumusunod na item:

Para sa pagpapatupad tapos na imahe sa contact, kailangan muna itong putulin. Upang gawin ito, ginagamit namin ang tool na "Pagputol" sa Photoshop. Sa tingin ko ay walang magiging kahirapan dito. Simple lang ang lahat doon... Kung sakali, kumuha ako ng litrato :)

Pumili kasangkapang ito at simulan ang pagputol. Nakakuha ako ng 4 na bahagi. (ang pinakasimpleng bagay na naisip ko :), kahit na maaari mong hiwain ito sa mga piraso)

Lahat kinakailangang gawain Nakumpleto ang paglikha ng menu. Ngayon ay maaari mong simulan ang paglikha ng isang menu ng VKontakte. Upang gawin ito, i-upload ang mga larawan sa contact nang paisa-isa. Narito ang natapos namin:

Ngayon mag-click sa bawat pindutan (o bahagi ng larawan) at italaga ang kinakailangang address (link). Upang alisin dagdag na espasyo kailangan mong gamitin ang "nopadding" na tag (sa Wiki markup menu)

Ang tag na "nopadding" ay nag-aalis ng mga puwang sa pagitan ng mga larawan, ibig sabihin, nakakatulong itong "pagsamahin" ang mga ito nang malapit sa isa't isa.

Bilang resulta ng pagdaragdag ng tag, ang resulta ay ang sumusunod:

Tila malinaw ang lahat at walang kumplikado. At kung bigla kang magpasya na likhain ito sa iyong sarili, pagkatapos ay gawin ito, malamang na mas mapaganda mo ito... Sa aking halimbawa, hindi ito naging kasing cool gaya ng gusto ko, ngunit tiningnan ko ang nagtatrabaho bahagi para sa iyo. Tiyak, kung gumugugol ka ng mas maraming oras, at bumaling pa sa mga freelancer, maaari kang lumikha ng isang napaka-cool na menu.

Nakita ko ang maraming tao na gumagawa ng pagpapatuloy ng pangunahing avatar. Ito ay lumalabas bilang isang buong imahe. Mukhang maganda. Ngunit upang lumikha ng isang bagay na tulad nito, kailangan mong magkaroon ng mas mahusay na pag-unawa sa Photoshop :)

Napansin ko rin na maraming tao ang interesado sa tanong - paano gawing bukas ang menu ng grupo, ibig sabihin, sa buksan ang menu Ang mga pangkat ng VKontakte ay unang naroroon nang pumasok sa grupo.

Sagot: Ang pagkakataong ito Sa pagkakaalam ko, tinanggal ito ng mga administrator ng Vkontakte. Noong nakaraan, mayroong isang hiwalay na pindutan upang ayusin ang menu - bukas. Pagkatapos ang function na ito ay inalis, at ngayon ang mga menu ay kailangang buksan nang hiwalay.

Bagaman, may nakita akong ilan na nakabukas bilang default... at may nagsabi pa na mayroong ilang code na nakayanan ang problemang ito. Ngunit hindi ko inirerekumenda ang paggamit nito. Sa paghusga sa mga talakayan sa maraming mga forum, hindi ito tinatanggap ng mga admin!

Iyon lang para sa araw na ito. See you in touch!

Hello mga kaibigan!

Nais mo bang gawing kaakit-akit ang pangkat ng VKontakte hangga't maaari para sa iyong mga tagasuskribi? Hindi alam kung saan magsisimula? Kung mayroon ka nang mataas na kalidad na nilalaman, pagkatapos ay ituon ang iyong pansin sa disenyo ng komunidad. hindi ko pinag-uusapan simpleng pagpili avatar. Ang paglikha ng isang menu sa isang pangkat ng VKontakte ay isa sa mga pangunahing punto na kailangang isaalang-alang kapag nagdidisenyo. Ito ang puntong ito na ating isasaalang-alang ngayon.

Ano ang menu ng VKontakte at para saan ito?

Ang menu ay ang mukha ng grupo. Ang unang bagay na makikita ng sinumang bisita sa iyong komunidad ay ang menu. Samakatuwid, ang iyong gawain ay pag-isipan ito bilang maginhawa at kaakit-akit hangga't maaari. Una, dapat kang magpasya kung ano ang eksaktong nais mong ihatid sa iyong mga subscriber. Depende ito sa misyon ng komunidad mismo. Pagkatapos ng lahat, may ganap na magkakaibang mga layunin para sa paglikha ng isang grupo: pang-edukasyon, nakakaaliw, o ang layunin ng pagbebenta ng isang produkto/serbisyo. Mula doon, magpasya kung anong impormasyon ang pinakamahalaga sa iyong mga subscriber sa hinaharap.

Halimbawa, kung nakatuon ka sa pag-aaliw sa mga user o pagpapaalam sa kanila tungkol sa isang bagay, marahil ay tumuon sa kadalian ng paghahanap ng impormasyong kailangan nila. Nalalapat ito sa mga pangkat kung saan maaaring hatiin ang content sa magkakahiwalay na paksa, halimbawa, kalusugan, fashion, atbp.

Kung ang iyong komunidad ay ginawa sa anyo ng isang online na tindahan, kung gayon ang diskarte ay dapat na ganap na naiiba. Siyempre, ang kaginhawaan sa paghahanap ng mga produkto o serbisyo ay dapat naroroon, ngunit tumuon din sa mga promosyon, mga bagong produkto, kundisyon ng paghahatid, pati na rin ang iyong mga contact.

Kaya siguraduhing tandaan ang tema ng komunidad kapag gumagawa ng iyong menu.

Mga pamamaraan para sa paglikha ng mga menu para sa mga grupo ng VKontakte

Ang unang hakbang ay ang magpasya kung paano likhain ang iyong menu: awtomatiko o manu-mano. Kung pinili mo ang isang mabilis at simpleng pamamaraan, ngunit sa parehong oras ng mataas na kalidad, ipinakita ko sa iyong pansin ang isang serbisyo para sa paglikha ng isang menu para sa mga komunidad ng VK WikiMaker, madali at mabilis mong malalaman ito, na ginagawang mas maginhawa ang iyong grupo. Kung gusto mong ganap na kontrolin ang paglikha ng menu, narito ang mga sunud-sunod na tagubilin.

Paano gumawa ng isang kaakit-akit na disenyo?

Gusto kong pagsamahin ang paglikha ng dalawa mahahalagang elemento mga pangkat: menu at avatar. Dahil hindi ipinapayong likhain ang mga ito nang hiwalay, dahil dapat makita ng user ang pagkakatugma ng dalawang ito mga graphic na elemento.

1. Una kailangan mong i-install Programa ng Photoshop, kung hindi mo pa na-install ang program na ito sa iyong computer.
2. Buksan ang Photoshop at lumikha ng dalawang template file para sa avatar at para sa menu. Nag set kami mga kinakailangang sukat. Halimbawa, para sa isang avatar - 200x500 pixels, at isang menu - 389x600 pixels. Punan ang mga ito ng isang kulay upang malinaw na makita at i-save ang dalawang nilikha hiwalay na file.
3. I-load ang template sa grupo bilang kapalit ng avatar, piliin ang buong lugar.
4. Ang paglo-load ng menu ay medyo mas kumplikado. Para magawa ito, kakailanganin mong i-enable ang content sa “Community Management.” Pagkatapos nito, magiging available ang kakayahang magdagdag ng menu. Pumunta sa tab na lilitaw sa ilalim ng paglalarawan ng pangkat na "Pinakabagong Balita" at mag-click sa pindutan sa toolbar sa anyo ng isang camera at i-upload ang file mula sa iyong computer. gumana ba?
   
5. Kaagad pagkatapos mag-download, isang link ang magiging available sa iyo, na kailangang baguhin nang kaunti. Pagkatapos ng salitang "noborder" ipasok ang sign ";" at ang salitang "nopadding". Pipigilan ng tampok na ito ang iyong menu mula sa pag-drop down kapag nagdaragdag ng mga balita sa komunidad.
6. Ginagawa namin ang Prnt Scrn ng pangunahing pahina ng iyong grupo. Para saan? Upang maunawaan ang iyong mga pagkakamali. Ang katotohanan ay ngayon ito ay isang draft na bersyon - lahat ay hindi makinis at hindi masyadong maganda. Ang iyong layunin ay mas mababang mga limitasyon perpektong tumugma ang menu at avatar. Pagkatapos ay maaari kang magtaka, "Bakit hindi ko ibigay sa iyo ang eksaktong mga sukat?" Ngunit ang katotohanan ay ang bawat admin ay gumagamit iba't ibang dami teksto sa paglalarawan ng grupo, na nagbabago sa taas ng menu, at ang lapad ng menu ay isang bagay ng panlasa at, tulad ng alam natin, ito ay naiiba para sa lahat.
7. Pumasok kami sa Photoshop at lumikha bagong file, naglalagay ng screenshot doon.
8. Ngayon, nagtatrabaho sa file na ito, piliin ang lugar ng avatar gamit ang isang "rectangular selection" - maaari mo itong gamitin upang pumili nang tumpak hangga't maaari tiyak na lugar. Susunod, i-right-click at piliin ang “cut to bagong layer».
   
9. Nagtatrabaho kami sa parehong bagay sa imahe ng menu, kapag pinili ito, kailangan naming putulin kung ano ang hindi kailangan sa ibaba. Tiyaking ganap na magkatugma ang ibaba ng menu at ang avatar.
10. Ngayon, habang pinipigilan ang Ctrl button, piliin ang dalawang layer na ginawa namin. Mag-right-click sa mga ito at piliin ang function na "Pagsamahin ang Mga Layer". Dalawa sa aming mga template, perpektong tumugma sa isa't isa, ay lumalabas sa harap namin sa isang pahina.
11. Ang susunod na hakbang ay ang pag-upload ng cover photo. Lumilitaw ito sa itaas ng aming mga template. Ngayon sa mga tool sa layer sa kanan, mag-click sa cover file, habang pinipigilan Alt key. Pagkatapos ng pamamaraang ito, ang takip ay makikita lamang sa mga template at magiging invisible sa kabila ng kanilang mga hangganan. Ngunit hindi ka nito pipigilan sa paglipat ng takip at pagpili ng nais na nakikitang bahagi nito.
12. Ngayon mahalagang punto paglikha ng isang menu - mga pindutan. Sa ngayon dapat ay alam mo na ang eksaktong mga pangalan ng mga pindutan sa hinaharap. Halimbawa, "Kalusugan", "Mga Bata", "Aming mga contact". Upang gawing mas madali ang gawain, ginagawa namin ang unang pindutan, ang mga susunod ay duplicate lang namin at binabago ang teksto.
13. Nagdaragdag kami ng logo sa avatar o isang pandiwang apela, o pareho. Magdaragdag ito ng kasiglahan sa iyong grupo, gayundin natatanging katangian.
    
14. I-save nakabahaging file bilang isang larawan sa iyong computer. Ano ang susunod?
15. Buksan ang file na ginawa namin sa Photoshop. Susunod na gumawa kami ng bago walang laman na file na may eksaktong sukat ng aming avatar, ipinapasok namin dito ang larawang ginawa namin kasama ang logo at mga pindutan. Pinipili namin ang lugar na kailangan namin para sa avatar at perpektong ayusin ito sa mga napiling sukat. Pagkatapos ay i-save namin ang aming paglikha.
16. Ginagawa namin ang parehong sa menu. Ngunit muli, mayroong isang karagdagan dito. Una, kailangan mong malaman ang taas ng menu, dahil hindi ito tumutugma sa draft na bersyon. Gamit ang isang ruler, sinusukat namin ang taas sa isang pixel (pinakamahusay na sukatin ito nang maraming beses upang hindi magkamali). Lumikha ng isang bagong file na may lumang lapad at bagong taas, ayusin ang imahe sa laki at i-click ang pindutang "I-save".
    
17. Mag-load ng bagong avatar, piliin ang buong lugar at pumili ng thumbnail.
18. I-upload ang menu sa pamamagitan ng button na “Pinakabagong Balita”. Tinatanggal namin ang nakaraang link, nag-upload ng bagong larawan at nagdagdag ng ";nopadding".
19. Ngayon, ilatag natin ang layout ng menu. Ginagamit namin ang tool na "Cutting" o "Knife" ng Photoshop. SA iba't ibang bersyon Ang Photoshop ay tinatawag sa iba't ibang pangalan. Gumuhit kami ng linya sa ilalim ng bawat button upang lumikha ng magkakahiwalay na mga parihaba na maaaring i-hover ng user upang mag-navigate sa mga partikular na link sa hinaharap.
20. Pumunta kami upang i-edit ang menu sa pamamagitan ng "Pinakabagong Balita" at i-load ang bawat isa sa aming mga clipping ng menu nang sabay-sabay. Kapag tinitingnan, ipapakita ang mga gaps sa pagitan ng aming mga larawan. Upang maalis ang mga ito, kailangan mong idagdag ang salitang "nopadding" sa bawat link.
    
21. Ngayon, upang ang iyong mga link ay aktibo at maaari mong ipasok ang impormasyong kailangan mo, pagkatapos ay isulat sa mga link ng mga larawan sa menu ng pag-edit - ang pangalan ng isa sa iyong mga pindutan - halimbawa, Paghahatid. Ngunit ang salitang ito ay dapat na nakasulat nang malinaw itinatag na mga tuntunin, dapat ganito [[Delivery]]. Susunod, i-save ang pahina, sundan ang link na ito at punan ito ang tamang nilalaman.
22. Ang huling aksyon Upang gumana ang lahat, kailangan mong magpasok ng isang kopya ng link sa pahina ng Paghahatid sa link ng pindutan, halimbawa - page-123456_456789, iyon ay, ang impormasyon sa pagitan ng mga salitang "vk.com/" hanggang "?". Iyon lang, ngayon idisenyo ang bawat pindutan sa parehong paraan at ang iyong menu ay matagumpay na maakit ang iyong target na madla.

Mag-subscribe sa mga update sa blog at magbahagi ng impormasyon sa mga kaibigan. Lumikha ng higit pang kagandahan sa iyong buhay!

Kaya, upang lumikha ng isang bukas na menu, kailangan namin ng isang imahe na gaganap sa papel ng isang bukas na menu. Ang mga larawang idinagdag namin sa artikulo tungkol sa paglikha ng isang graphic na menu ay hindi gagana, dahil kailangan mo ng isang imahe ng pinalawak na menu, at hindi bawat item nang paisa-isa. Bilang karagdagan, maaari mong gamitin ang ganap na anumang larawan na magsasaad na itinatago nito ang menu ng grupo. Halimbawa, isang larawan na may caption na: “Group Menu.” O kaya naman.

Pagkatapos naming mapili ang imahe na aming gagamitin. Bukod dito, ang laki ng imahe ay maaaring halos anuman, na maaaring i-upload sa isang photo album. (UPD: Ito ay hindi ganap tumpak na impormasyon. Higit pang mga detalye tungkol sa mga laki ay matatagpuan sa mga komento sa ibaba. Upang gawin ito, i-click lamang ang link: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

Pumunta tayo sa pangkat ng VKontakte. At i-right-click upang buksan ang menu, kung nagawa na ito, sa isang bagong tab.

Pagkatapos nito, sa pahina ng menu, kailangan mong mag-click sa link na "I-edit".

Ngunit hindi mo kailangang baguhin ang code. I-click lamang ang link na "Bumalik sa pahina". Ito ay kinakailangan upang makatanggap ng isang link sa pahina ng menu.

Ngayon na tayo ay bumalik sa pahina ng menu. Sa address bar makikita namin ang isang link sa pahinang ito, nang walang iba't ibang mga karagdagan sa address. Sa madaling salita, isang malinis na link. Iyan ang kailangan natin.

Iniwan naming bukas ang pahinang ito at bumalik sa pangkat ng VKontakte. Dito kailangan nating lumikha ng isang talaan kung saan nagdaragdag tayo ng isang imahe na gaganap sa papel ng isang bukas na . Upang gawin ito, piliin ang "ilakip ang larawan" sa ibaba. At pumili ng isang imahe mula sa album o i-upload ito mula sa iyong computer.

Kapag naidagdag na ang isang larawan sa isang post, hindi pa namin ito nai-publish.

At bumalik kami sa pahina ng menu at kopyahin ang address ng pahina ng menu ng grupo ng VKontakte mula sa address bar. At i-paste ang kinopyang menu address sa entry na hindi pa namin nai-save. Ang resulta ay dapat magmukhang ganito:

Pagkatapos naming idagdag ang link, lumabas sa ibaba ang pangalan ng page at ang address nito. Kapag lumabas na ang page sa ibaba, maaari naming alisin ang link na kakalagay lang namin sa post. Pagkatapos nito, mag-click sa pindutang "Isumite". Kaya, nai-publish namin ang aming post sa wall ng grupo.

Ngayon mag-click sa petsa ng balita.

Pagkatapos nito, isara ang entry at i-update ang pahina ng pangkat ng VKontakte. Ngayon sa pinakatuktok, kung ang lahat ay tapos na nang tama, magkakaroon ka ng isang imahe ng menu na gumaganap ng papel ng isang bukas na menu ng VKontakte. Kasabay nito, ang mga link sa menu ay hindi aktibo. At isang link sa post na ito ay aktibo.

Ngayon, kapag ang gumagamit ay nasa aming grupo, makikita niya ang isang imitasyon ng menu. At pagkatapos ng pag-click sa bukas na menu ng pangkat ng VKontakte, lilitaw ito sa menu mismo, na gagana ayon sa nararapat.

Sa kasamaang palad, wala akong alam na iba pang paraan para makagawa ng bukas na menu ng contact. Ngunit gayon pa man, ang pagpipiliang ito ay mas mahusay kaysa sa isang link lamang upang buksan ang buong menu.

Umaasa ako na ang artikulong ito ay makakatulong sa iyo na malaman kung paano gumawa ng isang bukas na menu ng VKontakte. At iyon lang para sa akin.

Makikita mo kung ano ang hitsura ng open group menu sa aking grupo.