Tagad Vkontakte grupas un publikas izmanto vizuālā dizaina rīkus. Pateicoties šai iespējai izskats un joslas dizains kļūst estētiskāks. Šajā materiālā tiks detalizēti aprakstīts, kā izveidot izvēlni Vkontakte grupā.

Kāpēc jums ir nepieciešama grupas ēdienkarte

Pirmkārt, ēdienkarte ir noderīgs elements komerciālām grupām. Ar tās palīdzību lietotājiem nebūs nekādu navigācijas problēmu. Visa nepieciešamā informācija tiks ievietota šajā blokā. V sociālais tīkls Vkontakte, grupu uzturēšana ir sakārtota tā, lai viss iepriekš publicētais materiāls būtu iekļauts plūsmā. Vienīgais spēja šķirot ir tēmu veidošana sadaļā "Diskusijas". Bet tas arī nav īpaši ērti, jo tēma neaprobežojas tikai ar vienu ierakstu, kurā tiek apkopota visa informācija, un, lai atrastu vajadzīgo ierakstu, ir ilgi jāpāršķirsta lapas.

Daudz ērtāk ir veidot skaidru struktūru, kur viss noderīga informācija un sadalīts atsevišķi tematiskie bloki... Šajā ekrānuzņēmumā parādīts labs grafiskas interaktīvās izvēlnes piemērs, kur visas noderīgas ziņas ir ievietotas atsevišķā blokā. Tas ir ērti un neprasa lietotājam veikt papildu darbības lapā.

Rezumējot, varam secināt, ka ēdienkarte ir nepieciešama augošai sabiedrībai. Tas ir ērti navigācijas palīglīdzeklis, kas ļauj lietotājiem bez ritināšanas lentē atrast nepieciešamo informāciju un ātri piekļūt vēlamajai grupas sadaļai. Grupām, kas pārdod preces un pakalpojumus, vēlams izmantot noklikšķināmu izvēlni.

Slēgta un atvērta izvēlne

Ieslēgts Šis brīdis, Vkontakte izvēlni var iedalīt vairākos veidos un veidos, tad mēs apsvērsim katru no tiem sīkāk.

Veidi:

• teksts (struktūra ir teksta saites);
• grafiskā (tiek izmantota multivide, aktīvās pogas utt.).

Skatījumi:

Izveidojiet teksta izvēlni

Šāda veida izvēlne neprasa nekādas zināšanas vai papildu rīkus. Darīt teksta izvēlne grupā VK tas ir diezgan vienkārši, šim nolūkam mēs izmantosim sociālā tīkla funkcionalitāti. Tas neizmanto pogas, stilus utt. Teksta izvēlne ir enkura saišu saraksts.

Soli pa solim instrukcija:

Teksta izvēlnes izveides procedūrai nav nepieciešamas īpašas zināšanas un prasmes. Tāpēc šī opcija ir vispiemērotākā nepieredzējušiem lietotājiem. Pirms sadaļas ievietošanas uz mājas lapa, obligāti pārbaudiet un optimizējiet to lai navigācija darbotos nevainojami.

Grafiskā izvēlne

Pāriesim pie viena no sarežģītākajiem veidošanas veidiem. Lai to izdarītu, mums ir jāizmanto papildu rīki - grafiskais redaktors Photoshop. Tālāk mēs dosim Detalizēts apraksts soli pa solim grafiskās izvēlnes izveides process, izmantojot papildu programmatūru.

Soli pa solim instrukcija:

• vispirms ir jāpalaiž Photoshop grafiskais redaktors;
• pēc tam noklikšķiniet uz "Fails" un " Izveidot". Norādiet šādus parametrus: "Platums" (Wight) 610 pikseļi, "Augstums" (Augstums) 450 pikseļi un "Izšķirtspēja" (Izšķirtspēja) 100 pikseļi collā;
  
• pēc tam tas parādīsies jauns dokuments kur vēlaties vilkt fona attēlu;
  
• tad jums ir jāizstiepj attēls, lai pārklātu balto laukumu;
• tālāk panelī " Slāņi"Ar peles labo pogu noklikšķiniet uz attēla un atlasiet" ApvienotRedzams»(Apvienojums redzams);
• Taisnstūris»Un izveidojiet pogas, virzot kursoru virs attēla un zīmējot formas robežas;
• darba zonas augšpusē varat izvēlēties pogas aizpildījumu, parametru "Aizpildīt";
• pēc tam vēlreiz dodieties uz rīkjoslu un atlasiet " Teksts»;
• pēc tam noklikšķiniet uz pogas, lai pievienotu teksta ievades lauku, un ievadiet pogas nosaukumu. Pēc saviem ieskatiem varat izvēlēties fontu, tā izmēru un krāsu, lai sadaļa izskatītos stilīgāka;
  
• uz centrālais teksts no attēla atlasiet slāni ar tekstu un vajadzīgo attēlu, turot nospiestu taustiņu "Ctrl" un pārmaiņus nospiediet līdzināšanas pogas augšējais panelis instrumenti;
• pēc tam mums ir jāizgriež iegūtais attēls;
• rīkjoslā atlasiet " Apgriešana"(Apgriešana) un" Griešana ";
• atlasiet katru pogu un atveriet failu, eksportēšanu, saglabāšanu tīmeklī. Iestatiet saglabātā faila formātu uz "PNG24";
  

Tas pabeidz darbu grafiskajā redaktorā. Mēs atgriežamies pie sociālā tīkla teksta redaktora, kur mēs iestatījām teksta izvēlni, iepriekšējā sadaļā.

Norādījumi darbam ar Vkontakte grafisko izvēlni:

Izveidotā izvēlne ir piesprausta kā parasts ieraksts. Noklikšķinot uz pogas Piespraust.

Wiki iezīmēšanas pamati

Tālāk mēs apskatīsim Wiki marķējuma izmantošanas pamatus, veidojot izvēlnes grupai sociālajā tīklā. Vkontakte wiki iezīmēšana ir valoda, kas tiek izmantota teksta formatēšanai vietnēs un atvieglo piekļuvi funkcijām HTML valoda... Tālāk mēs apsvērsim pamata komandas, kas ir pieejamas lietošanai sociālajā tīklā.

Ēdienkartes dekorēšana ar multimediju

Teksta komanda multivides failiem izskatās šādi: "[]. Apskatīsim tuvāk: "mediaXXXX_YYYY" (pats fails), "options" ( iestatīt parametrus), "Saite" (ir uznirstošais paraksts, kas tiks parādīts, virzot kursoru virs objekta).

Iespējas multividei parādīts ekrānuzņēmumā:

Iespējas video izskatās šādi:

Virsraksti (H1, H2, H3)

Lai pievienotu virsrakstu, teksta sākumā un beigās jāievieto šādas zīmes "==". Piemēram, skatiet ekrānuzņēmumu:

Teksta dekorēšana

Teksta noformēšanai Vkontakte piedāvā šādus parametrus: treknraksts, slīpraksts, līdzinājums pa labi un pa kreisi, līdzinājums pa vidu, saraksts ar aizzīmēm, virsraksti, augšindekss un apakšindekss, pasvītrojums un pārsvītrojums. Detalizētāki iestatījumi ir parādīti ekrānuzņēmumā.

Citāti

Lai piesaistītu auditorijas uzmanību, varat izmantot pēdiņas, šī parametra atzīme izskatās šādi: "".

Lietošanas piemērs in teksta redaktors Sazinoties ar:

Saraksti

Lietotāji var izmantot gan aizzīmju, gan numurētus sarakstus. Numurēts saraksts ir apzīmēts ar "#" zīmi, kas apzīmēts ar "*".

Piemērs numurēti saraksts:

Piemērs atzīmēts saraksts:

Kā izveidot atkāpi

Šeit viss ir pavisam vienkārši, pirms vēlamā vārda jāpievieno zīme ":". Jo vairāk rakstzīmju ir ievietots, jo lielāka būs atkāpe.

Iekšējās saites

Iekšējās saites atspoguļo pārejas uz citiem sociālā tīkla elementiem: lietotāja profilu, trešās puses kopienu, tērzēšanu, fotoattēlu, video, rakstu utt. Iekšējās saites pievienošana tiek veikta, izmantojot tagu "[]. Apskatīsim tuvāk: "saite" ir saite, "teksts" ir parādītais teksts.

Piemērs:

Kā izveidot tabulu

Izmantojot wiki marķējumu, lietotāji var izveidot galda objekts, šim nolūkam tiek izmantotas šādas komandas:

Pievienojiet spoileri

Šis elements var paslēpt informāciju, kas tiks atklāta, noklikšķinot uz atbilstošās pogas. īpaša poga... Šī informācijas ievietošanas iespēja ir lieliski piemērota grupu sadaļai "Noteikumi", "Bieži uzdotie jautājumi" utt.

Lai izveidotu objektu, tiek izmantota šāda konstrukcija:

((Slēpējs | Virsraksta teksts))

Kā noņemt izvēlni

Izņemšana notiek šādi:

Dzēšana, izmantojot lapas formatējumu:

Lai padarītu kopienas kopējo izskatu estētiski pievilcīgāku un ērtāku darbu ar to, labākais risinājums izveidos grupas izvēlni. Tātad jūs varat ievietot visus svarīgos elementus vienā glītā sarakstā, iestatīt katrai saitei savu ikonu vai attēlu, ātri un ātri informēt apmeklētājus par jebkurām izmaiņām. Izvēlnē var būt iekļauti šādi elementi: dažādas saites uz ārējām vietnēm, norādes diskusijām, albumi, mūzika un citas sadaļas Vkontakte vietnē, attēli un tikai jūsu grupas struktūra. Izpildiet tālāk sniegtos norādījumus, mēģiniet izveidot savu izvēlni Vkontakte kopienai.

Kā izveidot vienkāršu izvēlni Vkontakte grupā

Ja vēlaties, lai katra izvēlnes rinda ved uz noteiktu diskusiju tēmu, vispirms ir jāizveido tieši šīs diskusijas un jāpiešķir tām nosaukumi. To atstāšana aizvērtu vai atvērtu komentāriem ir ļoti privāta lieta, jo šī opcija neietekmē lapas rādīšanu izvēlnē.

Mēģiniet izveidot vienkāršu izvēlni, kas atspoguļos jūsu grupas struktūru un satur visas svarīgākās sadaļas.

• Ņemiet vērā, ka izvēlnes grupā un kopienā parādīsies nedaudz atšķirīgi. Tāpēc, ja vēlaties pārsūtīt grupu uz kopienu, noklikšķiniet uz trīs punktu ikonas blakus grupas nosaukumam un atlasiet rindiņu "Konvertēt uz lapu". Lūdzu, ņemiet vērā, ka jūs nevarēsit pārvērst kopienu atpakaļ par grupu.

• Tagad tajā pašā izvēlnē dodieties uz saiti "Kopienas pārvaldība".
  Jūs redzēsit bloku ar visiem jūsu grupas iestatījumiem, šeit varat mainīt nosaukumu, Kontaktinformācija, privātums, pārvaldīt dalībniekus. Dodieties uz kategoriju "Sadaļas".

• Rindā “Materiāli” iestatiet vērtību “Atspējots” vai “Ierobežots”, lai grupas dalībnieki nevarētu nejauši sabojāt jūsu reģistrācijai nepieciešamos failus. Atcerieties saglabāt savu atlasi.

• Dodieties uz grupu un dodieties uz logu "Svaigas ziņas", no kuras izveidosit izvēlni.

• Noklikšķiniet uz "Rediģēt".

• Pirmkārt, jānomaina nosaukums “Svaigas ziņas” uz “Izvēlne” vai kāds cits nosaukums, kas dalībniekiem liek saprast, ka šeit viņi var ātri noklikšķināt uz nepieciešamajām saitēm.
  Pārslēdziet ziņas rediģēšanas režīmu uz “rediģēt Wiki marķējumu”, izmantojot mazo bultiņu labajā stūrī.

Tagad izveidojiet struktūru:

• Svarīgi, lai grupā būtu diskusijas, materiāli vai albumi, kuru nosaukumu izmantosi izvēlnē.
• Uzrakstiet uz līnijas visus galveno sadaļu nosaukumus, divreiz ievietojot tos kvadrātiekavās.
• Lai teksts izskatītos kā saraksts, rindkopu priekšā ievietojiet zvaigznītes.

Šajā ekrānuzņēmumā varam pieņemt, ka grupai ir materiāls ar nosaukumu “Section 1”, diskusija “Section 2” un albums “Section 3”. Noklikšķiniet uz "Priekšskatīt" vai "Saglabāt izmaiņas".

• Jūsu sadaļa tiks mainīta uz “Izvēlne”, un tajā būs aktīvas saites uz galvenajām grupas kategorijām, kas glīti sakārtotas sarakstā.

Kā ievietot saites Vkontakte grupas izvēlnē

Lai paātrinātu piekļuvi oficiālajai vietnei vai sadaļām tieši grupā, labāk ir ievietot aktīvās saites.

• Atgriezieties pie izvēlnes sadaļas rediģēšanas. Nokopējiet vajadzīgo saiti un vienkārši ielīmējiet to logā Wiki iezīmēšanas režīmā. Pēc saglabāšanas tas kļūs aktīvs.

• Šādi izskatās visas saites, kuras varat ievietot grupas izvēlnē.

Kā izveidot VKontakte izvēlni ar attēliem

Ja vēlaties, lai izvēlne sastāvētu no skaistām ikonām, kas ved uz noteiktu sadaļu, vienkārši izpildiet tālāk sniegtos norādījumus.

• Sākumā izveidojiet īpašu albumu, kurā būs tikai grupas dizaina tehniskās bildes.

• Augšupielādējiet attēlus uz jpeg formātā ne vairāk kā 500 x 500 pikseļi.

• Kopējiet augšupielādētā attēla URL.

• Tagad nokopējiet saiti uz diskusiju, saturu vai citu ārēju vietni.

• [[Saite uz attēlu jūsu albumā | izmērs pikseļos; nopadding | Saite uz diskusiju vai vietni]]

Piemērs ir parādīts ekrānuzņēmumā.
Noklikšķiniet uz "Saglabāt lapu".

• Tagad jūsu izvēlnē parādīsies glīta saite. Varat iestatīt pikseļu vērtību pēc saviem ieskatiem.
  Lai pievienotu vairākus attēlus, vienkārši ievadiet jaunas saites jaunā rindā.

Daudzi pieprasījumi no maniem neatlaidīgajiem lasītājiem un vienkārši zinātkārajiem lietotājiem ir devuši savu ietekmi. Beidzot izveidoju nodarbību, kurā iemācīsimies izveidot dinamisku Vkontakte izvēlni ar nospiestu pogu efektu! Pēc analoģijas ar parastajām interneta vietnēm, kad apmeklētā saite ir īpaši atzīmēta (nospiesta poga, pasvītrojums utt.) - mēs izveidosim to pašu Vkontakte struktūru, izmantojot izveidotās lapas un grafisko dizainu. Sākumā mēs Photoshop veidosim grafiskās veidnes - izveidosim izvēlnes galveni un divu veidu pogas. Pēc tam mēs izveidosim vairākas Vkontakte lapas atbilstoši mūsu izvēlnes vienumiem. Un visbeidzot, veiksim viltīgu triku, kas patiesībā radīs ilūziju par klikšķi uz saites. Nodarbība ir diezgan sarežģīta un piemērota tiem, kuri jūtas pārliecināti par Vkontakte funkcionalitāti. Es veiksu visas manipulācijas, izmantojot piemēru. jūsu Vkontakte grupa kur šis efekts tiek realizēts tiešraidē. Tātad sāksim!

1. darbība. Programmā Photoshop izveidojiet izvēlnes galveni
Izveidojiet 600 pikseļu platu dokumentu programmā Photoshop. Augstums var būt atšķirīgs, pēc jūsu ieskatiem. Galvenē var ievietot jebkura veida fotoattēlus, kolāžas, informācijas baneri un citus grafiskus attēlus. Šajā gadījumā es izmantoju šo reklāmas baneris izmērs 600x172 pikseļi.

2. darbība. Programmā Photoshop izveidojiet navigācijas joslu
Tagad mums ir jāizveido navigācijas josla. Šajā piemērā kā pogas esmu izmantojis tikai tekstu. Bet pēc saviem ieskatiem varat izveidot krāsainas pogas un rakstīt uz tām tekstu. Mēs to darām – programmā Photoshop izveidojam taisnstūri 600x56 pikseļi un tālāk šajā gadījumā piepildiet to ar baltu. Tad mēs ierakstām izvēlnes vienumus rindā - kaut kur 5-6 vienumi, ne vairāk. Liels daudzums punkti izskatīsies saspiesti.

3. darbība. Programmā Photoshop izveidojiet navigācijas joslu nospiestā stāvoklī
Tagad mums ir jāizveido aktīvas saites, it kā uz tām būtu noklikšķināts. Es izmantoju parasto pasvītrojumu, taču varat izmantot citu teksta vai fona krāsu, lai atzīmētu apmeklēto saiti.

Solis 4. Izgrieziet gatavos attēlus
Šajā posmā mums ir jāizgriež attēli no 2. un 3. soļa. Mums vajadzētu iegūt divus piecu pogu komplektus - vienu bez pasvītrojuma, otru ar pasvītrojumu. Katra atsevišķa vienuma pogām (ar un bez pasvītrojuma) jābūt vienāda izmēra... Zemāk esošajā attēlā redzams viss mūsu grafiskais dizains – desmit pogas un viena izvēlnes virsraksts.

5. darbība. Izveidojiet Vkontakte izvēlnes lapu
Tagad dodieties uz VKontakte. Mūsu uzdevums ir izveidot atsevišķu lapu ar nosaukumu "Izvēlne". Lai to izdarītu, mēs izmantosim šādu kodu
http://vk.com/pages?oid=-XXX&p=Lapas_nosaukums
kur XXX vietā mēs aizstāsim savas grupas id, bet teksta "Lapas nosaukums" vietā rakstīsim Menu. Tagad mums ir jānoskaidro grupas ID. Kā to izdarīt? Mēs ejam uz grupas galveno lapu un apskatām savus ierakstus pie sienas - tieši zem bloka "Pievienot ziņu" būs rakstīts "Visi ieraksti" - noklikšķiniet uz šīs saites.

6. darbība. Nosakiet grupas ID un rediģējiet kodu
Dodieties uz lapu un skatiet šāda veida URL https://vk.com/wall-78320145?own=1, kur skaitļi 78320145 šajā piemērā ir grupas ID. Mēs aizstājam savus datus avota kodā un iegūstam šādu ierakstu:
http://vk.com/pages?oid=-78320145&p=Menu(ar saviem numuriem!). Mēs ielīmējam šo rindiņu pārlūkprogrammas adreses joslā un nospiediet taustiņu Enter. Tā mēs izveidojām jauna lapa Vkontakte un sākotnēji tas izskatās šādi.

7. darbība. Izveidojiet Vkontakte pārējās navigācijas lapas
Tāpat mēs izveidojam vēl četras navigācijas lapas: Cenas, Kā pasūtīt, Darba uzdevumi un Jautājumi. Tas ir, vēl četras reizes mēs kopējam atbilstošo kodu pārlūkprogrammas adreses joslā (ar jūsu ID numuriem piemērā zem maniem numuriem):

http://vk.com/pages?oid=-78320145&p=Prices

http://vk.com/pages?oid=-78320145&p=How_order

http://vk.com/pages?oid=-78320145&p=Noteikumi

http://vk.com/pages?oid=-78320145&p=Questions
Lūdzu, ņemiet vērā, ka divu vārdu lapas nosaukumā (Kā pasūtīt) atstarpe starp vārdiem tiek aizstāta ar pasvītrojumu How_to order. Tagad mums ir piecas gatavas lapas katram izvēlnes vienumam. Mēs neizveidojām Portfeļa lapu, jo tā atrodas lapā Izvēlne

8. darbība. Augšupielādējiet fotoattēlus izvēlnes pirmajā lapā
Par izveidoto, vēl tukša lapa(skatiet 6. darbību) Noklikšķiniet uz izvēlnes uz saites Rediģēt vai uz saites Aizpildīt ar saturu. Pēc tam mēs redzam rediģēšanas paneli. Šeit mums jānoklikšķina uz kameras ikonas ar funkciju Augšupielādēt fotoattēlu. Svarīgs! Pārliecinieties, vai jums ir wiki iezīmēšanas režīms. Režīmu pārslēgšanu kontrolē ikona lapas labajā malā.

9. darbība. Rezultāts pēc attēlu ielādes
Mēs ielādējam savus attēlus, kurus izveidojām 1. un 2. solī. Pēc ielādes mēs redzam kodu, kā attēlā zemāk, un pati izvēlne izskatās šādi. Pēc katras koda maiņas neaizmirstiet noklikšķināt uz Saglabāt lapu un pēc tam noklikšķiniet uz priekšskatījuma, lai skatītu rezultātu.

10. darbība. Attēla koda rediģēšana
Tagad mūsu uzdevums ir aizstāt visus noborder rekvizītus ar nopadding īpašumu. Un pirmajai bildei nolieciet īstos izmērus, jo Vkontakt to ielādējot samazināja attēlu līdz 400 pikseļiem. Pēc visām izmaiņām mums vajadzētu iegūt šādu kodu un šādu izvēlni.

11. solis. Bilžu saišu ievietošana
Tagad mums jāpievieno saites katram attēlam. Saite ir jāievieto pēc nopadding | atstarpes vietā pirms noslēdzošajām iekavām. Pirmajam attēlam (izvēlnes galvene no 1. darbības) varat norādīt saiti uz grupas galveno lapu, vai arī varat izmantot rekvizītu nolink (ielikt pēc; pēc nopadding bez atstarpēm). Otrajam attēlam ievietojiet formāta lapas adresi lapa-78320145_49821289... Tas ir, attēla pilns URL https://vk.com/page-78320145_49821289, varat izlaist pirmo daļu ar domēnu. Bet saitēm uz ārējām vietnēm URL saites ir jānorāda pilnībā.

12. darbība. Kopējiet kodu uz pārējām navigācijas lapām
Tas ir viss vienkāršs solis, nokopējam pēdējo kodu no iepriekšējā soļa un ielīmējam uz pārējām izveidotajām lapām - Cenas, Kā pasūtīt, Darba uzdevums un Jautājumi. Mēs atrodamies lapā, noklikšķiniet uz Rediģēt vai Aizpildīt ar saturu (esam wiki iezīmēšanas režīmā), ielīmējiet kodu un noklikšķiniet uz Saglabāt. Un tad arī tālāk nākamā lapaspuse... Tas ir, tagad mums ir piecas lapas, no kurām katra izvēlne izskatās tieši tāda pati. Bet no otras puses jau var pārvietoties pa izvēlni - noklikšķinot uz saites piemēram Cenas, mēs pāriesim uz lapu Cenas utt.

13. solis. Nospiestās pogas efekta radīšana
Tagad mums ir jāmaina viens attēls katrā no piecām lapām (pogu bez pasvītrošanas nomainīsim pret pogu ar pasvītrojumu). Piemēram, izvēlnes pirmajā lapā mēs ielādējam jaunu attēlu un pēc tam kodā aizstājam vecā attēla adresi ar jaunu (pasvītrots ar sarkanu). Pēc tam dodieties uz lapu Cenas, ielādējiet bildi ar pasvītrotajām Cenas un nomainiet to kodā uz jaunās bildes adresi. Pēc tam dodamies uz lapām Kā pasūtīt, Darba uzdevumi un Jautājumi un veicam to pašu darbību tādā pašā veidā.

Fināls.
Rezultātā mēs ieguvām navigācijas efektu, kad noklikšķināt uz izvēlnes saites, un tā kļūst aktīva. Bet, tā kā grafiskais dizains visās lapās ir gandrīz vienāds, izņemot aktīvo saiti, tiek radīta navigācijas ilūzija, lai gan patiesībā tiek veikta pāreja uz citu lapu.

Šādi veidota ēdienkarte nav pielāgota mobilās ierīces... Kad ekrāna izmērs samazinās, attēli sāk slīdēt viens zem otra. Lai izdarītu adaptīvs dizains, jums ir jāizmanto tabulas grūtiem pantiem. Bet tas ir cits stāsts un progresīvāka tehnika. Līdz tam apskatiet dažādas grafiskās izvēlnes veidošanas iespējas.

Un tā, es saņēmu šo cepuri (vāciņu)

Tagad ielādējiet iegūto attēlu kā grupas vāku.
Tas tiek darīts šādi:

Mēs ejam uz Biroju

Kopienas vāks → Lejupielādēt. Un izvēlieties mūsu attēlu.

Kā izveidot ēdienkarti VK grupā

Izvēlne VK tiek veikta, izmantojot wiki iezīmēšanu (šī ir īpaša programmēšanas valoda, kas izveidota VKontakte).

Izvēlnei ir jāizveido wiki lapa. Tas tiek darīts šādi:

Kopējiet un ielīmējiet šo kodu adreses joslā (ar saviem datiem)

Http://vk.com/pages?oid=-123456789 & p = IZVĒLNE

Kur 123456789 ir jūsu grupas sērijas numurs (ID).

To var iegūt adreses joslā.

un MENU ir lapas nosaukums.

Rezultātā jums būs tāda jauna lapa kā šī.

Jauna wiki lapa ar nosaukumu MENU

Noklikšķiniet uz "Aizpildīt ar saturu". Un mēs nonākam pie lapas redaktora.

Lapas redaktoram ir divi režīmi:
- Vizuālais režīms
- Wiki iezīmēšanas režīms

Ja trīsstūra iekavas ieskauj zils kvadrāts, wiki iezīmēšanas režīms ir iespējots.

Ja iekavas ir zilas bez apmales, atrodaties vizuālajā redaktorā.

Mums ir nepieciešams wiki iezīmēšanas redaktors. Šeit mēs ierakstīsim VK izvēlnes kodu.

Bet pirms koda rakstīšanas apskatiet adreses joslu.
Kopējiet visas rakstzīmes pirms jautājuma zīmes (?) Vai jūsu izvēlnes adrese.
Pierakstīt!

Izvēlne VK grupai

No sākuma jums tas jādara (grafiskajā redaktorā).

Izvēlnes izmērs ir šāds:
- maksimālais platums 600 pikseļi (tas ir ērtākais veids)
- augstums, kā tas iet.

Es izveidoju šādu ēdienkarti:

Tagad Photoshop (ar griešanas rīku) es sagriežu izvēlni vienādās daļās.

Es atlasu visas daļas un saglabāju tās Png-24 formātā.

Rezultātā es saņēmu 12 daļas.

Wiki marķējums nav paredzēts pareizai rādīšanai mobilajās lietotnēs. Tāpēc vienmēr sagrieziet ēdienkarti vienādās daļās vai izveidojiet ēdienkarti vienā kolonnā. Tad jūsu izvēlne izskatīsies vienādi datorā un lietojumprogrammās.

Tagad visi iegūtie gabali jāielādē grupas albumā.

Šim nolūkam es veidoju atsevišķu albumu ar nosaukumu "Tehniskais". Tur es pārsūtu gan iemiesojumu, gan vāciņa attēlu.

Atgriežamies izveidotajā MENU lapā. Ja esat aizmirsis, tas ir šajā adresē http://vk.com/pages?oid=-123456789&p=MENU
Neaizmirstiet aizstāt 123456789 ar savas grupas numuru.

Lai atkārtoti ieietu rediģēšanas režīmā - augšējā stūrī jānoklikšķina uz zīmuļa ikonas.

Noklikšķiniet, lai rediģētu

Tagad mums ir jāizveido tabula no mūsu sagriešanas, kurā attēli būs saišu pogas, un tās vietas, kur nav pogas, nebūs noklikšķināmas.

Tabula VK sākas šādi: (|
un beidzas šādi: |)

Vienmēr izveidojiet izvēlni par tabulu, lai pogas nelēktu, kad skatāties grupu caur aplikāciju

Kopumā mēs rakstām šādi (bet ar savām vērtībām):

(| noborder; nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Tā vietā foto-176307581_456239020 un tamlīdzīgi - mēs tos aizstājam ar mūsu attēlu numuriem.

Jūs varat tos uzzināt šādi:

1. Iet uz grupas "Tehniskais" albumu
2. Tiek atvērts pirmais ēdienkartes fotoattēls
3. Adreses joslā nokopējiet daļu ar šī attēla numuru (ir daudz skaitļu, pirms vajadzīgā ir rakstīts foto-)

Un tā mēs to darām ar katru mūsu VKontakte grupas izvēlnes attēlu.

SVARĪGS ATJAUNINĀJUMS: Šis raksts ir novecojis, jo ir īpašs pakalpojums MenuMake, kas ļauj automātiski izveidot izvēlni grupai. Manuālā pieeja vairs nav nepieciešama. Tomēr šo rakstu atstāju vēsturei.

Grupas VKontakte ir vieta, kur to lietotāji ir visvairāk koncentrēti. Tas ir dzejnieks, kuru daudzi cenšas sakārtot labāk, lai piesaistītu to maksimālo skaitu. O Grafiskais dizains radītājam vislabāk ir domāt pirms tiešā, vienlaikus ar nākotnes attīstību.

Ir svarīgi saprast, ka grupas dizains ir tās seja, kas Jauns lietotājs redz uzreiz, tiklīdz ienācis lapā, tikai pēc tam sāk iepazīties ar saturu. Šis priekšlikums faktiski atspoguļo visu tā nozīmi. Turklāt grafiskā izvēlne ir arī grupas funkcionalitāte, jo tā ļauj pēc iespējas īsākā laikā atrast nepieciešamo informāciju.

Parunāsim par ideoloģiju

Pirms sākat zīmēt un maketēt, ir svarīgi padomāt, par ko būtu jārunā jūsu ēdienkartei? Lai to saprastu, ir vērts izlemt arī par grupas galveno mērķi – izklaidēt, informēt vai pārdot. No tā lielā mērā ir atkarīgs nākotnes izvēlnes izskats un funkcionalitāte.

Ēdienkarte apmeklētāju piesaistīšanai

Ja plānojat publicēt izklaidējošu, informatīvu, izglītojošu saturu, jāizveido izvēlne, kurā būs redzamas galvenās tēmas. Piemēram, tās var būt sadaļas: jaunākās publikācijas, populārākās, par modi, veselīgu pārtiku, bērniem utt. Tas kalpos lojalitātes vairošanai, jo lietotājiem būs ērti orientēties satura masā.

Pārdošanas izvēlne

Gluži pretēji, ja lapas mērķis ir pārdot, izvēlnei vajadzētu palīdzēt lietotājiem orientēties plašajā produktu klāstā. Vislabāk tajā ievietot sadaļas, kas novirza apmeklētāju uz direktoriju vai konkrētu tā daļu, runā par piegādi, kontaktiem, uzņēmumu, akcijām un vienmēr uz kontaktu lapu.

Pirmais posms – strādājam Photoshop

Viņi sāk veidot izvēlnes kontaktam nevis sociālajā tīklā, bet gan ar grafisko redaktoru palīdzību. Šim nolūkam vislabāk ir izmantot Photoshop, neskatoties uz to, ka tam pietiek ar minimālām zināšanām. Tāpēc mēs atveram programmu un izveidojam izvēlnes veidni. Jaunā dokumenta lielums ir tieši atkarīgs no nepieciešamo sadaļu skaita.

Tālāk jums ir nepieciešams fons. Tas varētu vienkārši būt Balts fons, krāsa vai konkrēts attēls. Lejupielādējiet no interneta un ievietojiet veidnē. Pēc tam uz fona attēla uzrakstiet plānotos izvēlnes vienumus. Šīs etiķetes vēlāk kļūs par saitēm, kas novirza lietotāju uz noteiktu sadaļu.

Bet, lai šī bilde tiktu pārveidota un viegli ievietota saitēs, tā ir jāizgriež. Tas tiek darīts tajā pašā Photoshop, izmantojot "griešanas" rīku.

Bet, lai to izdarītu gludi un skaisti, ir svarīgi izmantot palīglīnijas, kuras aktivizē īsinājumtaustiņš CTRL + R. Parādās zilas līnijas, kuras varat vilkt, lai iestatītu sadaļas robežas. Tālāk noklikšķiniet uz rīka "Griešana" un augšējā izvēlnē atlasiet "fragmenti gar vadotnēm", kā rezultātā attēls ir skaidri sadalīts vairākās atsevišķās izvēlnes sadaļās.