Այժմ խմբերը եւ հրատարակում են Vkontakte- ն օգտագործել տեսողական դիզայնի գործիքներ: Այս հնարավորության շնորհիվ արտաքին տեսք Եվ խմբի ձեւավորումը դառնում է ավելի գեղագիտական: Այս նյութում մանրամասն նկարագրվելու է, թե ինչպես ընտրել ընտրացանկ VKontakte խմբում:

Ինչու է ձեզ հարկավոր խմբային մենյու

Առաջին հերթին, ցանկը Օգտակար տարր Առեւտրային խմբերի համար: Դրանով օգտվողները նավարկության հետ կապված խնդիրներ չեն ունենա: Այս բլոկում տեղադրվելու են բոլոր անհրաժեշտ տեղեկատվությունը: Մեջ սոցիալական ցանց Vkontakte, խմբերի պահպանումը կազմակերպվում է այնպես, որ ամբողջությամբ հրապարակված ամբողջ նյութը պարունակվի ժապավենի մեջ: Միայնակ Տեսակավորման հնարավորությունը Այն «Քննարկումներ» բաժնում թեմաների ստեղծումն է: Բայց դա նույնպես հարմար չէ, քանի որ թեման չի սահմանափակվում միայն մեկ գրառմամբ, որտեղ հավաքվում է բոլոր տեղեկությունները, եւ անհրաժեշտ գրառումը գտնելու համար հարկավոր է երկար ժամանակ ոլորել էջերը:

Շատ ավելի հարմար է կառուցել հստակ կառույց, որտեղ բոլորը հավաքվելու են Օգտակար տեղեկատվություն եւ բաժանված է Առանձնացված թեմատիկ բլոկներ, Այս սքրինշոթում, գրաֆիկական ինտերակտիվ մենյուի լավ օրինակ, որտեղ բոլոր օգտակար գրառումները տեղադրվում են առանձին բլոկում: Դա հարմար է եւ չի պահանջում, որ օգտագործողը էջում լրացուցիչ գործողություններ կատարի:

Եզրակացություն կարելի է եզրակացնել, որ ընտրացանկը զարգացող համայնքի կարիքն է: Սա հարմար է Նավիգացիոն գործիքորը օգտվողներին հնարավորություն է տալիս գտնել անհրաժեշտ տեղեկատվությունը ոչ ավելի արագ ժապավեն եւ արագ մուտք ունենալ խմբի ցանկալի հատվածը: Նախընտրելի է օգտագործել կտտացվող ընտրացանկը ապրանքների եւ ծառայությունների վաճառքի խմբերի համար:

Փակ եւ բաց մենյու

Վրա այս պահինVkontakte- ի ընտրացանկը կարելի է բաժանել մի քանի տեսակի եւ տեսակների, այնուհետեւ հաշվի առեք դրանցից յուրաքանչյուրը:

Տեսակները:

• Տեքստ (կառուցվածքը տեքստային հղումներ է);
• Գրաֆիկական (մուլտիմեդիա, ակտիվ կոճակներ եւ այլն):

Դիտումներ:

Ստեղծեք տեքստային ընտրացանկ

Menu անկի այս տեսակը չի պահանջում որեւէ գիտելիքներ եւ լրացուցիչ գործիքներ: Անել Տեքստի ցանկ VC- ի խմբում այն \u200b\u200bբավականին պարզ է, դրա համար մենք կօգտագործենք սոցիալական ցանցի գործառույթը: Այն չի օգտագործում կոճակներ, ոճեր եւ այլն: Տեքստի ցանկը ցուցակ է, որը բաղկացած է խարիսխի հղումներից:

Քայլ առ քայլ հրահանգներ.

Տեքստի ընտրացանկի ստեղծման կարգը չի պահանջում հատուկ գիտելիքներ եւ հմտություններ: Հետեւաբար, այս տարբերակը առավել հարմար է անփորձ օգտագործողների համար: Հիմնական էջին բաժին կազմելուց առաջ համոզվեք Փորձեք այն եւ օպտիմիզացրեքԱյսպիսով, այդ նավարկումը աշխատեց առանց ձախողումների:

Գրաֆիկական ընտրացանկ

Գնացեք ստեղծելու ավելի բարդ եղանակներից մեկը: Դա անելու համար հարկավոր է օգտագործել լրացուցիչ գործիքներ `Photoshop Graphic Editor: Հաջորդը մենք հայրիկ ենք Մանրամասն նկարագրություն Գրաֆիկական ընտրացանկ ստեղծելու քայլ առ քայլ գործընթաց `օգտագործելով լրացուցիչ ծրագրակազմ:

Քայլ առ քայլ հրահանգներ.

• Սկսելու համար հարկավոր է սկսել Photoshop Graphic Editor- ը;
• Հաջորդը, կտտացրեք «Ֆայլը» եւ « ՍտեղծելԹեժ Մենք նշում ենք հետեւյալ պարամետրերը.
  
• Դրանից հետո հայտնվում է Նոր փաստաթուղթորտեղ ուզում եք քաշել ֆոնի պատկերը.
  
• Այնուհետեւ անհրաժեշտ կլինի երկարացնել պատկերը սպիտակ տարածքը փակելու համար.
• Հաջորդը վահանակում » Շերտեր»Մենք կտտացնում ենք մկնիկի աջ կոճակը պատկերի եւ համատեքստի պատուհանի մեջ, ընտրեք» Միաձուլվել:Տեսանելի"(Տեսանելիորեն համատեղել);
• Ուղղանկյունի«Եվ ստեղծեք կոճակներ, կուրսորը նկարը տեղափոխելով եւ գործչի սահմանները ծախսելով.
• Աշխատանքային տարածքի վերեւում դուք կարող եք ընտրել լրացնել կոճակը, «Լրացրեք» պարամետրը.
• Դրանից հետո մենք վերադառնում ենք գործիքագոտու եւ ընտրում » Տեքստ»;
• Այնուհետեւ կտտացրեք կոճակը `տեքստի մուտքային դաշտը ավելացնելու եւ կոճակի անունը տեղավորելու համար: Ձեր հայեցողությամբ դուք կարող եք ընտրել տառատեսակը, դրա չափը եւ գույնը, որպեսզի բաժանումը ավելի նորաձեւ է թվում.
  
• դեպի Կենտրոնի տեքստ Նկարում ընտրեք շերտը տեքստի եւ ցանկալի պատկերի հետ `սեղմելով« CTRL »ստեղնը եւ այլընտրանքով սեղմեք հավասարեցման կոճակները Լավագույն վահանակ գործիքներ;
• Դրանից հետո մենք պետք է կատարենք արդյունքում ստացված պատկերի կտրող պատկերը.
• Գործիքադարակում ընտրեք » Ծալք«(Բերքը) եւ« կտրում »;
• Մենք կարեւորում ենք յուրաքանչյուր կոճակը եւ բացենք «File», «Export» - ը, «Խնայեք վեբ»: Տեղադրեք պահպանված PNG24 ֆայլի ձեւաչափը.
  

Դրա մասին, գրաֆիկայի խմբագրում աշխատելը ամբողջությամբ ավարտված է: Մենք վերադառնում ենք սոցիալական ցանցի տեքստի խմբագիր, որտեղ նախորդ բաժնում ստեղծում ենք տեքստային ընտրացանկ:

Գրաֆիկական ընտրացանկի հետ աշխատելու հրահանգներ VKONTAKTE.

Ստեղծված ընտրացանկը ամրագրված է որպես կանոնավոր մուտք: Սեղմելով կոճակը ապահովելու համար:

Wiki Markup- ի հիմունքները

Հաջորդը հաշվի առեք Wiki Markup- ի օգտագործման հիմունքները սոցիալական ցանցում խմբի ընտրացանկի մշակման մեջ: Vikkontakte Wikas- ը լեզու է, որն օգտագործվում է կայքերում տեքստը ձեւավորելու եւ թույլ է տալիս պարզեցնել հնարավորությունների հասանելիությունը: hTML լեզու, Հաջորդը հաշվի առեք հիմնական հրամանը, որոնք մատչելի են սոցիալական ցանցում օգտագործման համար:

Menu անկի ձեւավորում, օգտագործելով մուլտիմեդիա

Մուլտիմեդիա ֆայլերի տեքստի հրամանը ունի հետեւյալ ձեւը. «[]: Մենք կվերլուծենք ավելին. «MediaXXXX_YYYYY» (ֆայլը), «Ընտրանքներ» ( Սահմանել պարամետրերը), «Հղում» (թռուցիկ մակագրություն է, որը կցուցադրվի կուրսորը օբյեկտի վրա սավառնելիս):

Ընտրանքներ (ընտրանքներ) Մուլտիմեդիայի համար Ներկայացված է էկրանի նկարում.

Պարամետրեր Տեսանյութի համար Կարծես սա.

Վերնագրեր (H1, H2, H3)

Վերնագիր ավելացնելու համար անհրաժեշտ է տեքստի սկզբում եւ վերջում դնել հետեւյալ նշանները "\u003d\u003d": Մենք նայում ենք սքրինշոթի օրինակին.

Մենք զարդարում ենք տեքստը

Տեքստը պատրաստելու համար VKontakte- ն առաջարկում է հետեւյալ պարամետրերը. համարձակ տառատեսակ, italics, աջ եւ ձախ եզրին հավասարեցրեք, մեջտեղում հավասարեցված, Ցուցակում, վերնագրեր, վերին եւ ստորին ինդեքս, ընդգծում եւ անտեսում: Ավելի մանրամասն պարամետրերը ներկայացված են սքրինշոթում:

Մեջբերում

Ներկաների ուշադրությունը գրավելու համար կարող եք օգտագործել մեջբերումներ, այս պարամետրի պիտակը այսպիսին է. "" "

Բ. Տեքստի խմբագիր Կապի հետ.

Ցուցակները

Օգտագործողները կարող են օգտագործել ինչպես պիտակավորված, այնպես էլ համարակալված ցուցակները: Թվարկված ցուցակը նշվում է «#» նշանով, որը նշված է «*»:

Օրինակ Բազմաթիվ List:

Օրինակ նշանավոր List:

Ինչպես պատրաստել կետեր

Այստեղ ամեն ինչ բավականաչափ պարզ է, նախքան ցանկալի բառը, որը դուք պետք է նշանը ավելացնեք »: Որքան ավելի շատ նշաններ կներկայացվեն, այնքան ավելի շատ կներկայացվի:

Ներքին հղումներ

Ներքին հղումները անցում են սոցիալական ցանցի այլ տարրերի. Օգտագործողի պրոֆիլ, երրորդ կողմի համայնք, զրուց, լուսանկար, վիդեո, հոդված եւ այլն: Ներքին հղում ավելացնելն իրականացվում է պիտակի միջոցով »[]: Մենք ավելի մանրամասն նկարագրելու ենք. «LINK» - ը հղում է, «տեքստ» - սա ցուցադրված տեքստն է:

Օրինակ:

Ինչպես ստեղծել սեղան

Wiki Markup- ի միջոցով օգտվողները կարող են ստեղծել Սեղանի օբյեկտԴրա համար օգտագործվում են հետեւյալ հրամաններ.

Ավելացնել spoiler

Այս ապրանքը կարող է թաքցնել տեղեկատվությունը, որը կբացահայտվի համապատասխան մամուլի միջոցով Հատուկ կոճակ, Տեղեկատվություն տեղադրելու այս տարբերակը կատարյալ է «Կանոններ» խմբի «Հաճախակի տրվող հարցեր» բաժնում, եւ այլն:

Օբյեկտի ստեղծման համար օգտագործվում է հետեւյալ դիզայնը.

((Hider | տեքստի անվանումը))

Ինչպես ջնջել ընտրացանկը

Հեռացումը տեղի է ունենում հետեւյալ կերպ.

Delete նջել էջի ձեւաչափման միջոցով.

Համայնքի ընդհանուր տեսանկյունից հասկանալու համար, եւ դրա հետ աշխատելը ավելի հարմարավետ է, լավագույն լուծումը կլինի խմբի ընտրացանկի ստեղծումը: Այսպիսով, դուք կարող եք կատարել բոլոր կարեւոր տարրերը մեկ կոկիկ ցուցակում, յուրաքանչյուր հղման համար սահմանեք ձեր սեփական պատկերակը կամ պատկերը, այցելուներին տեղեկացրեք ցանկացած փոփոխության մասին եւ նետեք: Menu անկը կարող է ներառել նման տարրեր. Տարբեր հղումներ դեպի արտաքին կայքեր, թյունինգ, քննարկման, ալբոմների, երաժշտության եւ այլ բաժինների, ձեր խմբի կառուցվածքում: Ստորեւ հրահանգներին հետեւելով, փորձեք ստեղծել ձեր սեփական ընտրացանկը vkontakte համայնքի համար:

Ինչպես ստեղծել պարզ ընտրացանկ VKontakte Group- ում

Եթե \u200b\u200bցանկանում եք, որ ցանկի յուրաքանչյուր տող տանի որոշակի քննարկումներ թեմաներ, առաջին հերթին, դուք պետք է ստեղծեք այս քննարկումները եւ նրանց անուններ տվեք: Թողեք դրանք փակ կամ բաց մեկնաբանությունների համար `զուտ անձնական գործ, քանի որ այս տարբերակը չի ազդում ընտրացանկում էջի ցուցադրման վրա:

Փորձեք կատարել ամենապարզ ընտրացանկը, որը կներկայացնի ձեր խմբի կառուցվածքը եւ կտեղավորի բոլոր կարեւորագույն բաժինները:

• Մի մոռացեք, որ խմբում եւ համայնքում ընտրացանկի ցուցադրումը տեղի կունենա փոքր-ինչ այլ կերպ: Հետեւաբար, եթե ցանկանում եք խումբը թարգմանել համայնք, կտտացրեք խմբի անվան հաջորդ երեք կետի պատկերակը եւ ընտրեք «Թարգմանեք էջը» տողը: Խնդրում ենք նկատի ունենալ, որ համայնքը մի խումբ վերածելը չի \u200b\u200bաշխատի:

• Այժմ անցեք «Համայնքների կառավարում» հղմանը նույն ցանկում:
  Դուք կտեսնեք բլոկ ձեր խմբի բոլոր պարամետրերով, այստեղ կարող եք փոխել անունը, Կոնտակտային տվյալներ, Գաղտնիություն, կառավարել մասնակիցներին: Գնացեք «Բաժիններ» կատեգորիայի:

• «Նյութերի» շարքում «անջատված» կամ «սահմանափակ» արժեքը դրեք, որպեսզի խմբի մասնակիցները անխուսափելիորեն վնասեն ձեր ֆայլերին, որոնք անհրաժեշտ են նախագծման համար: Մի մոռացեք պահպանել ձեր ընտրությունը:

• Գնացեք խմբին եւ գնացեք «Թարմ լուր» պատուհանի մոտ, դա դրանից է, որ կստեղծեք ընտրացանկ:

• Կտտացրեք «Խմբագրել»:

• Նախեւառաջ պետք է փոխել «թարմ լուր» անունը «մենյուի» կամ որեւէ այլի վրա, որը կարող է հստակ հասկանալ մասնակիցներին, որ նրանք կարող են արագորեն անցնել ճիշտ հղումներին:
  Միացրեք խմբագրման ռեժիմը `աջ անկյունում գտնվող փոքրիկ սլաքի« խմբագրելու համար »:

Այժմ ստեղծեք կառույց.

• Կարեւոր է, որ դուք ունեք քննարկումներ, նյութեր կամ ալբոմներ այն խմբում, որի անունը կօգտագործեք ընտրացանկում:
• Մուտքագրեք լարերի հիմնական հատվածների բոլոր անունները, դրանք երկու անգամ կազմելով քառակուսի փակագծերում:
• Տեքստը ցուցակի տեսքով պատրաստելու համար աստղերը դրեք մինչեւ կետերը:

Այս սքրինշոթում կարելի է ենթադրել, որ խմբում կա «Բաժին 1» անունով նյութեր, «Բաժին 2» եւ «Բաժին 3» ալբոմը: Կտտացրեք «Նախադիտումը» կամ «պահպանեք փոփոխությունները»:

• Ձեր միջնապատը կփոխվի «ընտրացանկի», եւ ակտիվ կապեր կլինեն խմբերի հիմնական կատեգորիաների, ցանկում կոկիկ զարդարված:

Ինչպես տեղադրել հղումները vkontakte խմբի ընտրացանկում

Ձեր պաշտոնական կայքէջից մուտք ունենալու կամ խմբի ներսում մուտք գործելու համար ավելի լավ է ակտիվ հղումներ մտցնել:

• Վերադարձեք ընտրացանկի բաժանումը խմբագրելու համար: Պատճենեք ցանկալի հղումը եւ պարզապես տեղադրեք նշանը պատուհանի մեջ ռեժիմով: Խնայողությունից հետո այն կդառնա ակտիվ:

• Ահա թե ինչպես են նման բոլոր հղումները, որոնք կարող եք տեղադրել ձեր խմբի ընտրացանկում:

Ինչպես ստեղծել ընտրացանկ VKontakte պատկերներով

Եթե \u200b\u200bցանկանում եք, որ ցանկը բաղկացած լինի գեղեցիկ սրբապատկերներից, որոնք հանգեցնում են որոշակի բաժնի, պարզ հետեւեք հետեւյալ հրահանգներին:

• Սկզբի համար ստեղծեք հատուկ ալբոմ, որում միայն տեխնիկական նկարները կուտակվեն խմբային ձեւավորման համար:

• Բեռնեք պատկերներ B. jPEG ձեւաչափ 500-ով ոչ ավելի, քան 500 պիքսել:

• Պատճենեք ներբեռնված պատկերի հասցեն:

• Այժմ պատճենեք հղումը քննարկման, նյութի կամ այլ արտաքին կայքի:

• [Հղում դեպի պատկերը ձեր ալբոմում | Չափը պիքսելներում; nopadding | Հղում քննարկման կամ կայքի]]

Օրինակ է ցուցադրվում էկրանի նկարում:
Կտտացրեք «Պահել էջը»:

• Այժմ կոկիկ կապը կհայտնվի ձեր ընտրացանկում: Կարող եք տեղադրել պիքսելային արժեք, որը անհրաժեշտ համարում եք:
  Բազմաթիվ պատկերներ ավելացնելու համար պարզապես նոր տողից մուտքագրեք նոր հղումները:

Իմ համառ ընթերցողների եւ արդար հետաքրքրասեր օգտագործողների համար բազմաթիվ պահանջներ բարձրացրել են իրենց գործողությունները: Վերջապես ես ստեղծեցի մի դաս, որում մենք կսովորենք անել vkontakte- ի դինամիկ ընտրացանկը սեղմված կոճակների ազդեցությամբ: Անալով պայմանական ինտերնետային կայքերով, երբ թողարկված հղումը նշվում է հատուկ ձեւով (սեղմելով կոճակը, ներքեւում) - մենք կստեղծենք նույն vkontakte դիզայնը, օգտագործելով ստեղծված էջերը եւ գրաֆիկական դիզայնը: Սկսելու համար մենք պատրաստում ենք գրաֆիկական բացեր Photoshop - Ստեղծեք ընտրացանկի գլխարկ եւ երկու տեսակ կոճակներ: Այնուհետեւ մենք կստեղծենք մի քանի vkontakte էջեր, ըստ մեր ընտրացանկի իրերի: Վերջապես, մենք բարդ ընդունելություն կկատարենք, որը, ըստ էության, մեզ կստեղծի անցումային պատրանք հղումով: Դասը բավականին բարդ է եւ հարմար է նրանց համար, ովքեր վստահորեն զգում են Vkontakte- ի ֆունկցիոնալության մեջ: Բոլոր մանիպուլյացիաները, որոնք ես կտամ օրինակի վրա vKontakte's Group որտեղ այս էֆեկտն իրականացվում է կենդանի: Այսպիսով, բիզնեսի համար:

Քայլ 1. Ստեղծեք ընտրացանկի գլխարկ Photoshop- ում
Ստեղծեք 600 պիքսելի փաստաթուղթ Photoshop- ում: Բարձրությունը կարող է տարբեր լինել, ձեր հայեցողությամբ: Դուք կարող եք գլխով դնել ցանկացած լուսանկար, կոլաժ, տեղեկատվական դրոշ եւ գրաֆիկական այլ նկարներ: Այս Sucea- ում ես օգտագործեցի 600x172 պիքսելների այդպիսի գովազդային դրոշ:

Քայլ 2. Ստեղծեք նավարկության տող Photoshop- ում
Այժմ մենք պետք է ստեղծենք նավիգացիայի շարք: Այս օրինակում ես օգտագործում էի միայն տեքստը որպես կոճակներ: Բայց ձեր հայեցողությամբ կարող եք ստեղծել գունային կոճակներ եւ գրել դրանց վրա տեքստ: Մենք դա անում ենք. Ստեղծեք 600x56 պիքսելների ուղղանկյուն ֆոտոշոփում եւ ներսում Այս դեպքը Անցնել այն սպիտակով: Այնուհետեւ լարով մենք գրում ենք ընտրացանկի իրերը `ինչ-որ տեղ մոտ 5-6 միավոր, ոչ ավելին: Մեծ քանակություն Միավորները կփակվեն ծափահարված:

Քայլ 3. Ստեղծեք նավարկության տող Photoshop- ում
Այժմ մենք պետք է ստեղծենք ակտիվ հղումներ, ասես սեղմված լինեին: Ես օգտագործեցի սովորական ներքեւիորսը, բայց այցելված հղումը նշելու համար կարող եք օգտագործել տեքստի կամ ֆոնի մեկ այլ գույն:

Քայլ 4. Կտրեք պատրաստի նկարները
Այս փուլում մենք պետք է նկարներ կտրենք 2-րդ քայլից եւ քայլից 3. Մենք պետք է ունենանք հինգ կոճակների երկու հավաքածու `մեկ կոճակ առանց ներքեւի կոճակ, ներքեւի մեկ կոճակ: Յուրաքանչյուր առանձին կետի (ներքեւի եւ առանց ներքեւի մասի) կոճակները պետք է լինեն նույն չափի: Ստորեւ նկարում ներկայացված են մեր բոլոր գրաֆիկական դիզայնը `տասը կոճակ եւ մեկ ընտրացանկի գլխարկ:

Քայլ 5. Ստեղծեք vkontakte ընտրացանկի էջը
Հիմա գնացեք vkontakte: Մեր խնդիրն է ստեղծել առանձին էջ, որը կոչվում է «Menu անկ»: Դա անելու համար մենք կօգտագործենք նման ծածկագիր:
http://vk.com/pages?oid\u003d-xxx&p\u003d_naviting_strant
Եթե \u200b\u200bXXX- ի փոխարեն մենք կփոխարինի մեր խմբի ID- ն, եւ «Էջի անունը» տեքստի փոխարեն մենք կգրենք ընտրացանկը: Այժմ դուք պետք է պարզեք խմբի ID- ն: Ինչպես դա անել: Մենք գնում ենք խմբի հիմնական էջը եւ նայում ենք մեր պատի գրառումներին. «Ավելացնել գրառում» բլոկի ներքո գրելու է «Բոլոր գրառումները» - կտտացրեք այս հղմանը:

Քայլ 6. Որոշեք Խմբի ID- ն եւ խմբագրեք ծածկագիրը
Գնացեք էջ եւ տեսեք այս տեսակի URL- ն https://vk.com/wall-78320145?own\u003d1Որտեղ այս օրինակում 78320145 համարները խմբի ID- ն են: Մենք մեր տվյալները փոխարինում ենք աղբյուրի կոդով եւ ստանում ենք այս տեսակի գրառում.
http://vk.com/pages?oid\u003d-78320145&p\u003dmay (Ձեր համարներով): Տեղադրեք այս տողը զննարկչի հասցեի բարին եւ սեղմեք Enter: Այսպիսով, մենք ստեղծեցինք Նոր էջ Vkontakte եւ ի սկզբանե դա նման է:

Քայլ 7. Ստեղծեք vkontakte Նավիգացիայի մնացած էջերը
Նմանապես, մենք ստեղծում ենք եւս չորս նավիգացիոն էջ. Գներ, ինչպես պատվիրել, գործարկել եւ խնդիրներ: Այսինքն, չորս անգամ պատճենված է զննարկչի հասցեով, համապատասխան ծածկագիր (ձեր թվանշաններով `իմ թվանշանների օրինակով).

http://vk.com/pages?oid\u003d-78320145&p\u003dzena

http://vk.com/pages?oid\u003d-78320145&p\u003dak_kuzak

http://vk.com/pages?oid\u003d-78320145&p\u003dtext

http://vk.com/pages?oid\u003d-78320145&p\u003d գրառումներ
Նշում, էջի վերնագրում երկու բառից (ինչպես պատվիրել) Բառերի միջեւ անջրպետը փոխարինվում է ստորին ընդգծված, թե ինչպես գնել: Այժմ յուրաքանչյուր ընտրացանկի համար մենք ունենք հինգ ճանապարհորդված էջ: Էջի պորտֆոլիոն մենք չենք ստեղծել, քանի որ այն տեղադրված է ընտրացանկի էջում

Քայլ 8. Լուսանկարները վերբեռնեք առաջին ընտրացանկի էջին
Ստեղծված միեւնույն ժամանակ Մաքուր էջ (Տես Քայլ 6) Ընտրացանկերը Կտտացրեք խմբագրման հղմանը կամ լրացրեք բովանդակության հղումը: Դրանից հետո մենք տեսնում ենք խմբագրման վահանակը: Այստեղ մենք պետք է կտտացնենք խցիկի պատկերակին `լուսանկարը վերբեռնելու համար: Կարեւոր է Խնդրում ենք նկատի ունենալ, որ ունեք Wiki-Markup ռեժիմ: Անցման ռեժիմները կարգավորվում են պատկերակի կողմից էջի աջ եզրին:

Քայլ 9. Նկարներ ներբեռնելուց հետո արդյունքը
Մենք բեռնում ենք մեր նկարները, որոնք ստեղծեցինք 1-ին եւ Քայլ 2. Ներբեռնումից հետո մենք տեսնում ենք նման կոդ, ինչպես ներքեւում գտնվող նկարում, եւ ցանկը ինքնին նման է: Յուրաքանչյուր կոդի փոփոխությունից հետո մի մոռացեք սեղմել SEAD էջը, ապա արդյունքը դիտելու համար սեղմեք նախադիտումը:

Քայլ 10. Խմբագրել նկարի ծածկագիրը
Այժմ մեր խնդիրն է փոխարինել բոլոր ազնվականների հատկությունները nopading գույքի վրա: Եվ առաջին նկարը տեղադրված է իրական չափսեր, քանի որ Vkontakte- ը բեռնված էր մինչեւ 400 պիքսել նկարով: Ի վերջո, մենք պետք է ստանանք այդպիսի կոդ եւ նման ընտրացանկ:

Քայլ 11. Նկարների համար լոգարիթմական հղումներ
Այժմ մենք պետք է հղումներ դնենք յուրաքանչյուր նկարի համար: Հղումը պետք է տեղադրվի nopading- ից հետո | Փակագծերը փակելը տարածության փոխարեն: Առաջին նկարի համար («Կափարիչ 1-ին Քայլ 1-ից հետո», դուք կարող եք հղում տալ խմբի հիմնական էջին, եւ կարող եք օգտագործել NOLINK- ի գույքը (տեղադրված է, առանց տների): Երկրորդ ֆիլմի համար Տեղադրեք ձեւաչափի էջի հասցեն Էջ- 78320145_49821289:, Որը լի է UL նկարներով https://vk.com/page-78320145_49821289, Մինչեւ առաջին մասը տիրույթով, կարող եք բաց թողնել: Բայց արտաքին կայքերին հղումների համար UL հղումները պետք է ամբողջությամբ նշվեն:

Քայլ 12. Կոդը պատճենեք Նավիգացիոն էջերի մնացած մասի համար:
Այս մասին, բավականին պարզ քայլ, մենք պատճենում ենք վերջին կոդը նախորդ քայլից եւ այն տեղադրելու ենք ստեղծված էջերի մնացած մասի համար `գներ, ինչպես պատվիրել, գործարկել եւ խնդիրներ տալ: Մենք էջում ենք, կտտացրեք Խմբագրել կամ լրացնել բովանդակությունը (Wiki-Markup ռեժիմում են), տեղադրեք ծածկագիրը եւ կտտացրեք Save- ը: Եվ հետո նույնպես հաջորդ էջը, Այսինքն, այժմ մենք ունենք հինգ էջ, որոնցից յուրաքանչյուրը բացարձակապես նույնն է թվում: Բայց արդեն հնարավոր է նավարկել ընտրացանկը. Օրինակ, կտտացնելով հղումը, մենք կտեղափոխենք ԱՀ գնագոյացման էջ:

Քայլ 13. Մենք կատարում ենք սեղմված կոճակի ազդեցությունը:
Այժմ մենք պետք է փոխենք մեկ նկար հինգ էջերից յուրաքանչյուրում (կոճակը առանց ներքեւի մասում կփոխարինվի ընդգծված կոճակով): Օրինակ, առաջին մենյուի էջում մենք բեռնում ենք նոր նկար, այնուհետեւ հին նկարի հասցեն փոխարինում ենք կոդով նոր (շեշտված կարմիր): Այնուհետեւ անցեք գնի էջին, նկարը բեռնեք ընդգծված գներով եւ կոդի մեջ փոխեք նոր նկարի հասցեին: Այնուհետեւ մենք գնում ենք էջեր, թե ինչպես պատվիրել, գործարկել եւ խնդիրներ անել եւ նույն գործը կատարել նույն ձեւով:

Վերջնական.
Արդյունքում, մենք պարզեցինք նավարկության ազդեցությունը, երբ կտտացրեք Menu անկի հղումը եւ այն դառնում է ակտիվ: Բայց քանի որ բոլոր էջերում գրաֆիկական դիզայնը գրեթե նույնն է, բացառությամբ ակտիվ տեղեկանքի, նավարկության պատրանքը ստեղծում է, չնայած իրականում մեկ այլ էջի անցումն իրականում է:

Այս եղանակով զարդարված ցանկը չի հարմարվում Բջջային սարքեր, Երբ էկրանի չափը նվազում է, նկարները սկսում են տեղափոխվել մեկը մյուսը: Որպեսզի կատարել Հարմարվող ձեւավորումԴուք պետք է օգտագործեք սեղաններ կոշտ բաճկոնի համար: Բայց սա եւս մեկ պատմություն է եւ ավելի առաջադեմ տեխնիկա: Միեւնույն ժամանակ, նայեք գրաֆիկական ձուլման ընտրացանկի տարբեր տարբերակներին:

Եվ այսպես, ես այստեղ ստացա նման գլխարկ (ծածկոց)

Այժմ արդյունքում ստացված պատկերը բեռնված է որպես խմբային ծածկ:
Դա արվում է այսպես.

Գնալ կառավարման

Համայնքային ծածկը → Վերբեռնեք: Եվ ընտրեք մեր նկարը:

Ինչպես պատրաստել ընտրացանկ VK Group- ում

VC- ի ընտրացանկը պատրաստված է Wiki Markup- ի միջոցով (սա հատուկ ծրագրավորման լեզու է, որը ստեղծվել է vkontakte- ի համար):

The անկի համար անհրաժեշտ է ստեղծել վիքի էջ: Դա արվում է այսպես.

Պատճենեք եւ տեղադրեք նման ծածկագիրը հասցեների բարում (ձեր տվյալներով)

Http://vk.com/pages?oid\u003d-123456789 & P \u003d Menu

Որտեղ է 123456789-ը ձեր խմբի հաջորդականության համարը (ID):

Դուք կարող եք այն վերցնել հասցեի բարում:

Եվ ընտրացանկը էջի անունն է:

Արդյունքում, դուք կունենաք այդպիսի նոր էջ:

Նոր վիքի-էջ `ընտրացանկի անունով

Կտտացրեք «Լրացրեք բովանդակությունը»: Եվ մենք մտնում ենք էջի խմբագրին:

Էջի խմբագիրն ունի երկու ռեժիմ.
- Տեսողական ռեժիմ
- Վիքի-նշման ռեժիմ

Եթե \u200b\u200bեռանկյունաձեւ փակագծերը կազմված են կապույտ քառակուսի, ապա միացված է WIKI-MarkUP- ի ռեժիմը:

Եթե \u200b\u200bփակագծերը կապույտ են առանց շրջանակի, ապա դուք տեսողական խմբագրում եք:

Մեզ պետք է վիքի-նշման խմբագիր: Այստեղ մենք կգրանցենք VK- ի ընտրացանկի ծածկագիրը:

Բայց ծածկագիրը գրելուց առաջ նայեք հասցեների բարին:
Պատճենեք բոլոր նիշերը նախքան հարցի նշանը (?) Ձեր ընտրացանկի հասցեն է:
Գրեք այն:

VK խմբի ընտրացանկ

Սկզբից այն պետք է արվի (գրաֆիկական խմբագրում):

Menu անկի չափը հետեւյալն է.
- Լայնությունը առավելագույնը 600 PX (այնպես որ առավել հարմար է)
- Բարձրությունը, ինչպես պարզվում է:

Ես նման մենյուն պատրաստեցի.

Այժմ Photoshop- ում ("կտրում" գործիք) Ես ընտրացանկը կտրում եմ հավասար մասերի:

Ես կարեւորում եմ բոլոր մասերը եւ պահում եմ PNG-24 ձեւաչափով:

Արդյունքում ես ստացել եմ 12 մաս:

Wika Markup- ը չի տրամադրվում շարժական ծրագրերում պատշաճ ցուցադրման համար: Հետեւաբար, միշտ ընտրացանկը կտրեք հավասար մասերի կամ մեկ սյունակում ընտրացանկ պատրաստեք: Այնուհետեւ ձեր ընտրացանկը հավասարապես կանդրադառնա համակարգչի եւ դիմումների մեջ:

Այժմ արդյունքում ստացված բոլոր կտորները պետք է ներբեռնվեն խմբային ալբոմում:

Դրա համար ես ստեղծում եմ առանձին ալբոմ, «Տեխնիկական» կոչումով: Ես կրում եմ կափարիչների avatar եւ պատկերը:

Մենք վերադառնում ենք ընտրացանկի ստեղծված էջին: Եթե \u200b\u200bմոռացել եք, այս հասցեն է http://vk.com/pages?oid\u003d-123456789&p\u003dmey
Մի մոռացեք 123456789 ձեր խմբի համարը փոխարինելու համար:

Ինչ էլ որ գնա խմբագրման ռեժիմ, դուք պետք է սեղմեք մատիտի պատկերակը վերին անկյունում:

Կտտացրեք խմբագրելու համար

Այժմ մենք պետք է սեղան կառուցենք մեր կտրումից, որում նկարները կլինեն կապի կոճակները, եւ այն վայրերը, որտեղ չկա կոճակ, չի լինի:

Ա.Կ.-ում սեղանը սկսվում է հետեւյալ կերպ. (|
Եւ ավարտվում է այսպես. |)

Menu անկը միշտ պատրաստեք սեղանը, որը չի ցատկել կոճակները, երբ դիմումի միջոցով դիտում եք խումբ

Ընդհանրապես, մենք այդպես ենք գրում (բայց ձեր արժեքներով).

(| ազնվական; nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Փոխարեն Լուսանկարը -176307581_456239020 Եվ նման է. Նրանց նկարները փոխարինեք թվերի վրա:

Դուք կարող եք գտնել դրանք այսպիսին.

1. Գնալ «Տեխնիկական» խմբի ալբոմ
2. Բացեք մի կտորի առաջին լուսանկարը
3. Հասցեի բարում պատճենեք մի մասը այս նկարի քանակով (շատ թվանշան կա, նախքան մենք պետք է լուսանկար-)

Եվ այսպես, մենք անում ենք մեր ընտրացանկի յուրաքանչյուր պատկերի հետ Vkontakte Group- ի համար:

Կարեւոր թարմացումԱյս հոդվածը շատ հնացած է, քանի որ հայտնվեց հատուկ ընտրացանկի ծառայություն, ինչը թույլ է տալիս ինքնաբերաբար ստեղծել խմբի ընտրացանկ: Ձեռնարկի մոտեցմամբ, այլեւս անհրաժեշտ չէ: Այնուամենայնիվ, թողնելով այս հոդվածը պատմության համար:

Կապի խմբերը, սա է իրենց օգտագործողների մեծագույն կլաստերի տեղը: Դա բանաստեղծ է, շատերը ավելի լավ են փորձում կազմակերպել դրանք `իրենց առավելագույն թիվը գրավելու համար: ՄԱՍԻՆ Գրաֆիկական դիզայն Արարիչը լավագույնս է մտածում նույնիսկ ուղղակիորեն, միաժամանակ ապագայի զարգացման հետ:

Կարեւոր է հասկանալ, որ խմբի ձեւավորումը նրա դեմքն է Նոր օգտատեր Անմիջապես տեսնում է հենց այն, ինչ վերաբերում է էջին, միայն դրանից հետո նա սկսում է ծանոթանալ բովանդակությանը: Այս նախադասության մեջ նրա բոլոր քաշի կորուստն իրականում արտացոլվում է: Բացի այդ, գրաֆիկական ընտրացանկը նաեւ խմբի ֆունկցիոնալությունն է, քանի որ այն թույլ է տալիս ամենակարճ ժամանակահատվածում, հարմար է գտնել անհրաժեշտ տեղեկատվությունը:

Խոսեք գաղափարախոսության մասին

Նախքան ինչ-որ բան սկսելը `նկարելու եւ ցրելու համար անհրաժեշտ է մտածել այն մասին, թե ինչի մասին պետք է ասի ձեր ընտրացանկը: Դա հասկանալու համար արժե սահմանել նաեւ խմբի հիմնական նպատակով `զվարճացնել, տեղեկացնել կամ վաճառել: Դա մեծապես կախված է ապագա ընտրացանկի արտաքին տեսքից եւ ֆունկցիոնալությունից:

Menu անկը այցելուներ ներգրավելու համար

Եթե \u200b\u200bպլանավորում եք հրատարակել զվարճանք, տեղեկատվական, տեղեկատվական բովանդակություն, արժե ստեղծել ընտրացանկ, որը կցուցադրի հիմնական թեմաները: Օրինակ, այն կարող է լինել բաժիններ. Վերջին հրապարակումները, ամենատարածվածը, նորաձեւության, առողջ սննդի, երեխաների եւ այլնի մասին: Դա կծառայի որպես հավատարմության աճ, քանի որ օգտվողները հարմար կլինեն բովանդակության ծանրության վրա:

Menu անկի վաճառքի համար

Ընդհակառակը, եթե էջի նպատակը վաճառելն է, ցանկը պետք է օգնի օգտվողներին նավարկելու հսկայական քանակի ապրանքների մեջ: Լավագույնն է այն հատվածները դնել դրա մեջ, որը այցելուներին ուղարկեց կատալոգ կամ դրա առանձնահատկության, խոսեք առաքման, շփումների, ընկերությունների, գովազդների եւ անպայմանորեն շփման էջում:

Առաջին փուլ - Մենք աշխատում ենք Photoshop- ում

Կոնտակտային ընտրացանկը սկսում է ստեղծել ոչ թե սոցիալական ցանցում, այլ օգտագործելով գրաֆիկական խմբագիրներ: Դա անելու համար ամենալավն է օգտագործել Photoshop- ը, չնայած այն հանգամանքին, որ դրա համար նույնիսկ նվազագույն գիտելիքները բավականին բավարար են: Հետեւաբար բացեք ծրագիրը եւ ստեղծեք ընտրացանկի ձեւանմուշ: Նոր փաստաթղթի չափը ուղղակիորեն կախված է ձեզ անհրաժեշտ բաժինների քանակից:

Հաջորդին ձեզ հարկավոր է ֆոն: Դա կարող է լինել պարզապես սպիտակ ֆոն, կամ գույն կամ հատուկ պատկեր: Պտտվեք ինտերնետից եւ տեղադրեք ձեւանմուշ: Հաջորդը, գրեք ֆոնային նկարը, որը դուք պլանավորված եք ընտրացանկի տարրերը: Այս արձանագրությունները հետագայում կվերածվեն տեղեկանքների, որոնք օգտագործողին ուղղորդում են հատուկ բաժանման:

Բայց որ այս նկարը վերափոխվում է եւ հեշտությամբ ընթանում է այն հղումներում, որը պետք է կտրել: Դա արվում է նույն Photoshop- ում `օգտագործելով« կտրող »գործիքը:

Բայց այն սահուն եւ գեղեցիկ դարձնելը կարեւոր է օգտագործել օժանդակ գծեր, որոնք ակտիվանում են Ctrl + R ստեղներով: Կապիտալ գծերը կհայտնվեն, որը կարելի է քաշել եւ կտրել սահմանները կտրվածքի համար: Հաջորդը, կտտացրեք «Կտրող» գործիքին եւ լավագույն ընտրացանկում ընտրեք «Ուղեցույցների բեկորներ», որի արդյունքում նկարը հստակորեն բաժանվում է մի քանի առանձին ընտրացանկի բաժանման: