ახლა ჯგუფები და აქვეყნებს VKontakte ვიზუალური დიზაინის ინსტრუმენტებს. მადლობა ამ შესაძლებლობას გარეგნობა და ჯგუფის დიზაინი უფრო ესთეტიკურია. ამ მასალაში ეს დეტალურად იქნება აღწერილი, თუ როგორ უნდა გააკეთოთ მენიუ Vkontakte ჯგუფში.

რატომ გჭირდებათ ჯგუფი მენიუ?

უპირველეს ყოვლისა, მენიუ არის სასარგებლო ელემენტი კომერციული ჯგუფებისთვის. მასთან ერთად, მომხმარებლებს არ ექნებათ ნავიგაციის პრობლემები. ყველა საჭირო ინფორმაცია ამ ბლოკში გამოქვეყნდება. -ში სოციალური ქსელი Vkontakte, ჯგუფების შენარჩუნება არის მოწყობილი ისე, რომ მთელი ადრე გამოქვეყნებული მასალა შეიცავს ფირზე. Მარტოხელა დახარისხების შესაძლებლობა ეს არის თემების შექმნა "დისკუსიებში". მაგრამ ეს არ არის საკმაოდ მოსახერხებელი, რადგან თემა არ არის შეზღუდული ერთი პოსტი, სადაც ყველა ინფორმაცია შეგროვდება, და იპოვონ საჭირო პოსტი, თქვენ უნდა გადახვევა მეშვეობით გვერდებზე დიდი ხნის განმავლობაში.

გაცილებით უფრო მოსახერხებელია აშკარა სტრუქტურა, სადაც ყველა შეგროვდება სასარგებლო ინფორმაცია და გაყოფილი ცალკე თემატური ბლოკები. ამ სკრინშოტში, გრაფიკული ინტერაქტიული მენიუს კარგი მაგალითია, სადაც ყველა სასარგებლო შეტყობინება განთავსდება ცალკე ბლოკში. ეს არის მოსახერხებელი და არ საჭიროებს მომხმარებელს, რათა დამატებითი ქმედებები გვერდზე.

დასკვნა შეიძლება დაასკვნა, რომ მენიუ არის განვითარებადი საზოგადოების საჭიროება. ეს არის მოსახერხებელი ნავიგაციის ინსტრუმენტირომელიც მომხმარებელს საშუალებას აძლევს, მოძებნოთ საჭირო ინფორმაცია, რომელიც არ არის სწრაფი ფირფიტა და სწრაფად წვდომა ჯგუფის სასურველ მონაკვეთზე. სასურველია გამოიყენოთ clickable მენიუ ჯგუფების გაყიდვის საქონლისა და მომსახურების.

დახურული და ღია მენიუ

Ზე ამ მომენტშიVKontakte მენიუ შეიძლება დაიყოს რამდენიმე ტიპისა და სახეობა, შემდეგ კი თითოეული მათგანი განიხილავს.

სახეები:

• ტექსტი (სტრუქტურა არის ტექსტური ბმულები);
• გრაფიკული (მულტიმედია, აქტიური ღილაკები და ა.შ.).

Დათვალიერება:

შექმენით ტექსტური მენიუ

ამ ტიპის მენიუ არ საჭიროებს რაიმე ცოდნას და დამატებით ინსტრუმენტებს. Კეთება ტექსტური მენიუ ჯგუფში VC, ეს არის მარტივი საკმარისი, რადგან ჩვენ გამოვიყენებთ სოციალური ქსელის ფუნქციონირებას. ეს არ იყენებს ღილაკებს, სტილებს და ა.შ. ტექსტური მენიუ არის სია, რომელიც შედგება წამყვანმა ბმულები.

ნაბიჯ ნაბიჯ ინსტრუქცია:

ტექსტის მენიუს შექმნის პროცედურა არ საჭიროებს სპეციალურ ცოდნას და უნარებს. აქედან გამომდინარე, ეს ვარიანტი ყველაზე შესაფერისია გამოუცდელი მომხმარებლებისთვის. მთავარ გვერდზე განყოფილების მიღებამდე დარწმუნდით შეამოწმე და ოპტიმიზაციაისე, რომ ნავიგაცია მუშაობდა შეცდომების გარეშე.

გრაფიკული მენიუ

გადადით ერთ-ერთ უფრო რთულ გზას. ამისათვის ჩვენ უნდა გამოვიყენოთ დამატებითი ინსტრუმენტები - Photoshop გრაფიკული რედაქტორი. შემდეგი ჩვენ მამა დეტალური აღწერა დამატებითი პროგრამული უზრუნველყოფის გამოყენებით გრაფიკული მენიუს შექმნის ნაბიჯ ნაბიჯ პროცესი.

ნაბიჯ ნაბიჯ ინსტრუქცია:

• დასაწყისისთვის, თქვენ უნდა დაიწყოთ Photoshop გრაფიკული რედაქტორი;
• შემდეგი, დააჭირეთ "ფაილი" და " Შექმნა" ჩვენ მიუთითეთ შემდეგი პარამეტრების: "სიგანე" (Wight) 610 პიქსელი, "სიმაღლე" (სიმაღლე) 450 პიქსელი და "რეზოლუცია" (რეზოლუცია) 100 პიქსელი;
  
• ამის შემდეგ გამოჩნდება ახალი დოკუმენტისადაც გსურთ ფონის სურათის გადატანა;
  
• მაშინ აუცილებელია სურათის დახურვა თეთრი ფართობის დახურვისთვის;
• შემდეგ პანელში " ფენები»ჩვენ დააჭირეთ მაუსის მარჯვენა ღილაკს გამოსახულებას და კონტექსტურ ფანჯარაში, აირჩიეთ" შერწყმა.ხილვადი"(კომბინირება ხილული);
• მართკუთხედი"და შექმნათ ღილაკები კურსორის გადაადგილებით სურათზე და ფიგურის საზღვრების ხარჯვის გზით;
• სამუშაო ადგილის ზედა ნაწილში შეგიძლიათ აირჩიოთ ღილაკის შევსება, "შეავსოთ" პარამეტრი;
• ამის შემდეგ, ჩვენ დავბრუნდებით პანელზე და აირჩიეთ " ტექსტი»;
• შემდეგ დააჭირეთ ღილაკს, რათა დაამატოთ ტექსტის შეყვანის ველი და შეესაბამება ღილაკს ღილაკს. თქვენი შეხედულებისამებრ, შეგიძლიათ აირჩიოთ შრიფტი, მისი ზომა და ფერი ისე, რომ დანაყოფი უფრო ელეგანტურია;
  
• -კენ ცენტრის ტექსტი სურათში აირჩიეთ ფენა ტექსტთან და სასურველ სურათთან ერთად "Ctrl" გასაღები დაჭერით და მონაცვლეობით დააჭირეთ ღილაკს პანელი ინსტრუმენტები;
• ამის შემდეგ, ჩვენ უნდა შევასრულოთ სურათის ჭრის გამოსახულება;
• პანელში, აირჩიეთ " ყირიმირება"(მოსავლის) და" ჭრის ";
• ჩვენ ხაზს უსვამს თითოეულ ღილაკს და გახსენით "ფაილი", "ექსპორტი", "შენახვა ვებ-გვერდზე". დააინსტალირეთ შენახული PNG24 ფაილის ფორმატი;
  

ამასთან, გრაფიკული რედაქტორის მუშაობა მთლიანად დასრულებულია. ჩვენ სოციალურ ქსელ ტექსტურ რედაქტორს დავუბრუნდებით, სადაც წინა განყოფილებაში ტექსტური მენიუ შევქმნით.

გრაფიკული მენიუდან მუშაობის ინსტრუქცია VKontakte:

შექმნილი მენიუ, როგორც რეგულარული შესვლისას. დაჭერით ღილაკს, რათა უზრუნველყოს.

Wiki Markup- ის საფუძვლები

შემდეგი, განიხილეთ საფუძვლები Wiki Markup- ის გამოყენებით სოციალური ქსელის ჯგუფის მენიუს განვითარებაში. Vikkontakte Wikas არის ენა, რომელიც გამოიყენება ვებ-გვერდებზე ტექსტის შესაქმნელად და საშუალებას გაძლევთ გამარტივდეს შესაძლებლობების ხელმისაწვდომობა. hTML ენა. შემდეგი, განიხილეთ ძირითადი ბრძანებები, რომლებიც ხელმისაწვდომია სოციალური ქსელში.

მენიუ დიზაინი მულტიმედიური გამოყენებით

მულტიმედიური ფაილების ტექსტის ბრძანება შემდეგ ფორმას აქვს: "[]. ჩვენ გავაანალიზებთ მეტი: "Mediaxxxx_yyyyy" (ფაილი თავად), "პარამეტრები" ( პარამეტრების დაყენება), "ბმული" (არის pop-up წარწერა, რომელიც იქნება ნაჩვენები როდესაც hovering კურსორი ობიექტი).

პარამეტრები (პარამეტრები) მულტიმედია წარმოდგენილი სკრინშოტი:

Პარამეტრები ვიდეო ასე გამოიყურება:

სათაურები (H1, H2, H3)

სათაურის დასამატებლად, აუცილებელია შემდეგი ნიშნები "\u003d\u003d" ტექსტის დასაწყისში და დასასრულს. ჩვენ ვხედავთ სკრინშოტს მაგალითს:

ჩვენ დაამშვენებს ტექსტს

ტექსტის შესაქმნელად, VKontakte გთავაზობთ შემდეგ პარამეტრებს: თამამი შრიფტი, დახასიათება მარჯვენა და მარცხენა ზღვარზე, გასწორება შუა, სია, სათაურები, ზედა და ქვედა ინდექსი, underscore და გადაჰყურებს. უფრო დეტალური პარამეტრები წარმოდგენილია სკრინშოტში.

შეთავაზებები

აუდიტორიის ყურადღების მიპყრობის მიზნით, შეგიძლიათ გამოიყენოთ შეთავაზებები, ამ პარამეტრის ტეგი ასე გამოიყურება: ""

მაგალითი B. ტექსტის რედაქტორი კონტაქტით:

სიები

მომხმარებელს შეუძლია გამოიყენოს ორივე შეაფასა და დათვლილი სიები. დანომრილი სია მითითებულია "#" ნიშანი, აღინიშნება "*".

მაგალითი მრავალრიცხოვანი სია:

მაგალითი აღინიშნება სია:

როგორ ჩადება Indents

ყველაფერი მარტივია აქ, სანამ სასურველ სიტყვამდე უნდა დაამატოთ ნიშანი ":". მეტი ნიშნები იქნება მიწოდება, უფრო მეტი ინტენსივობა იქნება.

შიდა ბმულები

შიდა კავშირები სხვა სოციალურ ქსელებს გადასცემს: მომხმარებლის პროფილი, მესამე მხარის საზოგადოება, სტატისტიკა, ფოტო, ვიდეო, სტატია და ა.შ. შიდა ბმულის დამატება ტეგით იყენებენ "[]. ჩვენ უფრო დეტალურად აღწერს: "ბმული" არის ბმული, "ტექსტი" - ეს არის ნაჩვენები ტექსტი.

მაგალითი:

როგორ შევქმნათ მაგიდა

Wiki Markup- ით, მომხმარებლებს შეუძლიათ შექმნან მაგიდის ობიექტიამისათვის გამოიყენება შემდეგი ბრძანებები:

დაამატეთ სპოილერი

ამ პუნქტს შეუძლია დამალოს ინფორმაცია, რომელიც გაცხადდება შესაბამისი პრესის გამოყენებით სპეციალური ღილაკი. ეს პარამეტრი მოათავსეთ ინფორმაცია "წესების" ჯგუფისთვის, "ხშირად დასმული კითხვები" და ა.შ.

ობიექტის შესაქმნელად, გამოიყენება შემდეგი დიზაინი:

((Hider | ტექსტური სახელი))

როგორ წაშალოთ მენიუ

მოხსნა ხდება შემდეგნაირად:

წაშლა გვერდზე ფორმატირება:

საზოგადოების ესთეტიკურად ზოგადი ხედვა, რაც უფრო კომფორტულია, საუკეთესო გამოსავალი იქნება ჯგუფის მენიუს შექმნა. ასე რომ თქვენ შეგიძლიათ გააკეთოთ ყველა მნიშვნელოვანი ელემენტი ერთ სიაში, დააყენეთ საკუთარი ხატი ან გამოსახულება თითოეული ბმულით, აცნობეთ სტუმრებს სწრაფად და გადაყარეთ. მენიუ შეიძლება შეიცავდეს ისეთ ელემენტებს: სხვადასხვა ბმულები გარე საიტებზე, დისკუსიის, ალბომების, მუსიკისა და სხვა სექციების შესახებ საიტზე VKontakte, სურათები და თქვენი ჯგუფის სტრუქტურა. ქვემოთ მოყვანილი ინსტრუქციების შემდეგ, ვცდილობთ შექმნას საკუთარი მენიუ Vkontakte Community- ისთვის.

როგორ შევქმნათ მარტივი მენიუ Vkontakte ჯგუფში

თუ გსურთ მენიუს თითოეული ხაზი, რომელიც კონკრეტულ დისკუსია თემებს, პირველ რიგში, თქვენ უნდა შექმნათ ეს დისკუსიები და მისცეს მათ სახელები. დატოვეთ მათ დახურული ან გახსენით კომენტარები - წმინდა პირადი საქმე, რადგან ეს ვარიანტი არ იმოქმედებს მენიუში გვერდის ჩვენება.

სცადეთ მარტივი მენიუ, რომელიც წარმოადგენს თქვენს ჯგუფს სტრუქტურას და ყველა ყველაზე მნიშვნელოვან სექციებს განთავსდება.

• ნუ დაგავიწყდებათ, რომ ჯგუფში და საზოგადოებაში მენიუს ჩვენება ოდნავ განსხვავებულად მოხდება. ამიტომ, თუ გსურთ თარგმნოთ ჯგუფი საზოგადოებაში, დააწკაპუნეთ ჯგუფის სახელით სამპუნქტიანი ხატით და აირჩიეთ "თარგმნა გვერდზე" სტრიქონი. გთხოვთ გაითვალისწინოთ, რომ საზოგადოების შეცვლა ჯგუფში გადაიქცევა, არ იმუშავებს.

• ახლა გადადით "სათემო მენეჯმენტის" ბმულზე იმავე მენიუში.
  თქვენ ნახავთ ბლოკს თქვენი ჯგუფის ყველა პარამეტრით, აქ შეგიძლიათ შეცვალოთ სახელი, Საკონტაქტო ინფორმაცია, კონფიდენციალურობა, მონაწილეების მართვა. გადადით კატეგორიაში "სექციები".

• "მასალების" რიგებში, ღირებულების "გამორთვა" ან "შეზღუდული" ისე, რომ ჯგუფის მონაწილეებს არ შეუძლიათ შეუზღუდავად ზიანი მიაყენონ თქვენს ფაილებს, რომლებიც საჭიროა დიზაინისთვის. ნუ დაგავიწყდებათ, რომ შეინახოთ თქვენი არჩევანი.

• გადადით ჯგუფში და წასვლა "ახალი ამბები" ფანჯარაში, ეს არის ის, რომ თქვენ შექმნით მენიუში.

• დააჭირეთ "რედაქტირება".

• უპირველეს ყოვლისა, თქვენ უნდა შეიცვალოს სახელი "ახალი ამბები" on "მენიუ" ან სხვა, რაც ნათლად გვესმოდეს მონაწილეებს, რომ მათ შეუძლიათ სწრაფად წასვლა უფლება ბმულები.
  რედაქტირების რეჟიმის შეცვლა მარჯვენა კუთხეში პატარა arrow- ზე "რედაქტირება Wiki Markup".

ახლა შექმნათ სტრუქტურა:

• მნიშვნელოვანია, რომ თქვენ გაქვთ დისკუსია, მასალები ან ალბომები ჯგუფში, რომლის სახელიც თქვენ გამოიყენებთ მენიუში.
• შეიყვანეთ ყველა ძირითადი მონაკვეთის სახელები სიმებიანი, კვადრატულ ფრჩხილებში ორჯერ.
• ტექსტის სახით ტექსტის შესაქმნელად, ვარსკვლავამდე ვარსკვლავები.

ამ სკრინშოტში შეიძლება ვივარაუდოთ, რომ ჯგუფში არსებობს მასალა "სექცია 1", დისკუსია "სექცია 2" და ალბომი "სექცია 3". დაწკაპეთ "Preview" ან "შენახვა ცვლილებების".

• შენი დანაყოფი შეიცვლება "მენიუში", და იქნება აქტიური კავშირები ჯგუფების ძირითად კატეგორიებში, სიაში neatly გაფორმებული.

როგორ ჩადეთ ბმულები VKontakte ჯგუფის მენიუში

თქვენი ოფიციალური ვებ-გვერდის ხელმისაწვდომობის დაჩქარება, ან ჯგუფის პირდაპირ შიგნით დანაყოფები, უმჯობესია აქტიური კავშირების ჩასმა.

• დაბრუნდით მენიუს დანაყოფის რედაქტირებისთვის. დააკოპირეთ სასურველი ბმული და უბრალოდ ჩასმა მარკირების ფანჯარაში. გადარჩენის შემდეგ ის აქტიური გახდება.

• ეს არის ის, თუ როგორ ყველა ბმულს, რომელიც შეგიძლიათ ჩაწეროთ თქვენი ჯგუფის მენიუში.

როგორ შევქმნათ მენიუ vkontakte ერთად სურათები

თუ გსურთ მენიუ შედგება ლამაზი ხატები, რომლებიც გამოიწვევს კონკრეტულ განყოფილებას, მარტივი მითითებებს ქვემოთ მითითებებს.

• დაწყებისთანავე, შეიქმნას სპეციალური ალბომი, რომელშიც მხოლოდ ტექნიკური სურათები ინახება ჯგუფის დიზაინისთვის.

• ჩატვირთვა სურათები ბ jPEG ფორმატში არაუმეტეს 500 პიქსელი 500-ზე.

• დააკოპირეთ გადმოწერილი გამოსახულების მისამართი.

• ახლა კოპირება ბმული დისკუსია, მატერიალური ან სხვა გარე საიტი.

• [ბმული სურათზე თქვენს ალბომში | ზომა პიქსელებში; ნეიფიდი | ბმული დისკუსია ან საიტი]]

მაგალითი ნაჩვენებია სკრინშოტში.
დააჭირეთ "გადავარჩინოთ გვერდი".

• ახლა მენიუში გამოჩნდება სისუფთავე ბმული. თქვენ შეგიძლიათ დააყენოთ pixel ღირებულება, რომ თქვენ განიხილავთ მას.
  მრავალჯერადი სურათების დასამატებლად, უბრალოდ შეიყვანეთ ახალი ბმულები ახალი ხაზიდან.

მრავალრიცხოვანი მოთხოვნები ჩემი მუდმივი მკითხველისთვის და მხოლოდ ცნობისმოყვარე მომხმარებლებმა თავიანთი ქმედება დააყენა. მე საბოლოოდ შევქმენი გაკვეთილი, რომელშიც ჩვენ ვისწავლოთ გავაკეთოთ დინამიური მენიუ Vkontakte ეფექტი ღილაკების დაჭერით! ანალოგიით ჩვეულებრივი ინტერნეტ-საიტებზე, როდესაც გათავისუფლებული ბმული აღინიშნება სპეციალური გზა (დაჭერით ღილაკს, ხაზს უსვამს) - ჩვენ შევქმნით იმავე Vkontakte დიზაინის შექმნას გვერდების და გრაფიკული დიზაინის გამოყენებით. დასაწყისისთვის, ჩვენ გავაკეთებთ გრაფიკულ ბლანკებს Photoshop - შექმნა მენიუ ქუდი და ორი სახეობის ღილაკები. შემდეგ ჩვენ შევქმნით რამდენიმე Vkontakte გვერდს, ჩვენი მენიუს ელემენტების მიხედვით. საბოლოოდ, ჩვენ გავაკეთებთ სახიფათო მიღებას, რაც, ფაქტობრივად, ჩვენთვის შექმნას გულისხმობს გადასვლის ილუზია. გაკვეთილი საკმაოდ რთული და შესაფერისია მათთვის, ვინც დამაჯერებლად გრძნობს VKontakte- ს ფუნქციებს. ყველა მანიპულაცია მე ვაპირებ მაგალითს vkontakte ჯგუფი სადაც ეს ეფექტი ხორციელდება ცოცხალი. ასე რომ, ბიზნესისთვის!

ნაბიჯი 1. შექმნა მენიუ Cap Photoshop
Photoshop- ში 600 პიქსელის დოკუმენტის შექმნა. სიმაღლე შეიძლება იყოს განსხვავებული, თქვენი შეხედულებისამებრ. თქვენ შეგიძლიათ დააყენოთ სათაურში ნებისმიერი სახის ფოტო, კოლაჟი, ინფორმაცია ბანერი და სხვა გრაფიკული სურათები. ამ sucea, მე ასეთი სარეკლამო ბანერი 600x172 პიქსელი.

ნაბიჯი 2. შექმნა ნავიგაციის სიმებიანი Photoshop
ახლა ჩვენ უნდა შევქმნათ ნავიგაცია. ამ მაგალითში, მე მხოლოდ ტექსტი, როგორც ღილაკები. მაგრამ თქვენი შეხედულებისამებრ შეგიძლიათ შექმნათ ფერადი ღილაკები და დაწერეთ ტექსტი მათზე. ჩვენ ამას გავაკეთებთ - Photoshop- ში 600x56 პიქსელის მართკუთხედის შექმნა ეს საქმე Flip მას თეთრი. შემდეგ სიმებიანი ჩვენ ვწერთ მენიუს ელემენტებს - სადღაც დაახლოებით 5-6 ქულა, არა. დიდი რაოდენობა ქულები გამოიყურება clapped.

ნაბიჯი 3. შექმნა ნავიგაციის სიმებიანი Photoshop
ახლა ჩვენ უნდა შევქმნათ აქტიური ცნობები, თითქოს ისინი დაპრესილი. მე ჩვეულებრივ ხაზგასმით ვიყენებდი, მაგრამ თქვენ შეგიძლიათ გამოიყენოთ ტექსტის სხვა ფერის ან ფონზე მოლაპარაკებების ბმული.

ნაბიჯი 4. დავჭრათ მზა სურათები
ამ ეტაპზე, ჩვენ უნდა გაჭრა სურათები ნაბიჯი 2 და ნაბიჯი 3. ჩვენ უნდა გვქონდეს ორი კომპლექტი ხუთი ღილაკები - ერთი ღილაკი გარეშე underscore, კიდევ ერთი ღილაკს underscore. თითოეული ინდივიდუალური პუნქტის ღილაკები (ხაზგასმით და ხაზგასმით გარეშე) უნდა იყოს იგივე ზომა. ქვემოთ მოცემულ სურათზე, ყველა ჩვენი გრაფიკული დიზაინი წარმოდგენილია - ათი ღილაკი და ერთი მენიუ.

ნაბიჯი 5. შექმნა Vkontakte მენიუ გვერდი
ახლა წასვლა vkontakte. ჩვენი ამოცანაა შექმნას ცალკე გვერდი სახელწოდებით "მენიუ". ამისათვის ჩვენ გამოვიყენებთ ასეთ კოდს.
http://vk.com/pages?oid\u003d-xxx&p\u003d_naviting_strant
სადაც XXX- ის ნაცვლად, ჩვენ შევცვლით ჩვენი ჯგუფის 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 დანარჩენი ნავიგაციის გვერდებზე
ანალოგიურად, ჩვენ ვქმნით კიდევ ოთხი ნავიგაციის გვერდს: ფასები, როგორ შეუკვეთოთ, დაიწყოს და საკითხები. ეს არის, ოთხჯერ გადაწერა ბრაუზერის მისამართით, შესაბამისი კოდით (თქვენი ID ნომრებით ჩემი ციფრების მაგალითზე):

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. ჩამოტვირთვის შემდეგ, ჩვენ ვხედავთ ასეთ კოდს, როგორც სურათზე ქვემოთ და მენიუ თავად ასე გამოიყურება. ყოველი კოდის ცვლილების შემდეგ, არ უნდა დაგვავიწყდეს, რომ გადავარჩინოთ გვერდის შენახვა, შემდეგ კი დააჭირეთ გადახედვას შედეგების სანახავად.

ნაბიჯი 10. სურათის კოდის რედაქტირება
ახლა ჩვენი ამოცანაა შეცვალოს ყველა moborder თვისებები nopadding ქონების. და პირველი სურათი არის ჩასმული რეალური ზომები, რადგან Vkontakte დატვირთული სურათის მდე 400 პიქსელი. ყველა ცვლილების შემდეგ, ჩვენ უნდა მივიღოთ ასეთი კოდი და ასეთი მენიუ.

ნაბიჯი 11. მოცურების ბმულები სურათები
ახლა ჩვენ გვყავს ბმულები თითოეული სურათისთვის. ბმული უნდა იყოს ჩასმული შემდეგ nopadding | ნაცვლად სივრცის დახურვის ფრჩხილებში. პირველი სურათისთვის (მენიუდან ნაბიჯი 1-დან), თქვენ შეგიძლიათ ბმული ჯგუფის მთავარ გვერდზე, და შეგიძლიათ გამოიყენოთ nolink ქონება (განთავსებული მეშვეობით nopadding გარეშე ფართები). მეორე ფილმისთვის ჩაწერეთ ფორმატის გვერდის მისამართი გვერდი- 78320145_49821289.. ეს არის სავსე ul სურათები https://vk.com/page-78320145_49821289, პირველი ნაწილი დომენით შეგიძლიათ გამოტოვოთ. მაგრამ გარე საიტებზე მითითებით, UL ბმულები უნდა იყოს მითითებული მთლიანად.

ნაბიჯი 12. დააკოპირეთ კოდი დანარჩენი სანავიგაციო გვერდებზე.
ამასთან, საკმაოდ მარტივი ნაბიჯი, ჩვენ ბოლო კოდის გადაღება წინა ნაბიჯიდან და შეავსეთ დანარჩენი გვერდები - ფასები, როგორ შეუკვეთოთ, დაწყებას და საკითხებს. ჩვენ გვერდზე ვართ, დააწკაპუნეთ რედაქტირება ან შევსება შინაარსი (არის Wiki-Markup რეჟიმში), ჩადეთ კოდი და დააჭირეთ შენახვა. და შემდეგ ასევე შემდეგი გვერდი. ანუ, ახლა ჩვენ გვაქვს ხუთი გვერდი, რომელთაგან თითოეული აბსოლუტურად იგივეა. მაგრამ უკვე შესაძლებელია ნავიგაცია მენიუში - როდესაც თქვენ დააჭირეთ ბმულს, მაგალითად, ჩვენ გადავდივართ PC ფასების გვერდზე.

ნაბიჯი 13. ჩვენ გავაკეთებთ დაჭერილი ღილაკს.
ახლა ჩვენ უნდა შევცვალოთ ერთი სურათი თითოეული ხუთ გვერდებზე (ღილაკი underscores გარეშე შეიცვლება ხაზგასმული ღილაკით). მაგალითად, პირველ მენიუს გვერდზე, ჩვენ ჩატვირთეთ ახალი სურათი და შემდეგ შეცვალეთ ძველი სურათის მისამართი ახალი (ხაზი გაუსვა წითელი) კოდექსში. შემდეგ გადადით ფასზე გვერდზე, დატვირთეთ სურათის ხაზგასმული ფასები და კოდექსის ცვლილება ახალი სურათის მისამართით. შემდეგ მივდივართ გვერდებზე, როგორ უნდა შეუკვეთოთ, დაიწყოს და საკითხები და იგივე ოპერაცია იგივე გააკეთოთ.

Ფინალი.
შედეგად, ჩვენ აღმოჩნდა ნავიგაციის ეფექტი, როდესაც თქვენ დააჭირეთ მენიუს ბმულზე და აქტიური ხდება. მაგრამ მას შემდეგ, რაც გრაფიკული დიზაინი ყველა გვერდებზე თითქმის იგივეა, გარდა აქტიური მითითებით, ნავიგაციის ილუზია ქმნის, თუმცა, ფაქტობრივად, სხვა გვერდს გარდამავალია.

ამ გზით მორთული მენიუ არ არის ადაპტირებული მობილური მოწყობილობები. როდესაც ეკრანის ზომა მცირდება, სურათები იწყება გადაადგილება ერთმანეთს. Რათა მოხდეს ადაპტური დიზაინითქვენ უნდა გამოიყენოთ მაგიდები მკაცრი ვესტი. მაგრამ ეს არის კიდევ ერთი ამბავი და უფრო მოწინავე ტექნიკა. იმავდროულად, შეხედეთ სხვადასხვა ვარიანტებს გრაფიკული ჩამოსხმის მენიუში.

ასე რომ, მე აქ მივიღე ასეთი ქუდი (საფარი)

ახლა შედეგად სურათს დატვირთულია, როგორც ჯგუფის საფარი.
ეს ასეა:

გადადით მენეჯმენტში

Community Cover → ატვირთვა. და აირჩიეთ ჩვენი სურათი.

როგორ გააკეთოთ მენიუ VK ჯგუფში

VC- ში მენიუ გამოიყენება Wiki Markup- ის გამოყენებით (ეს არის VKontakte- ისთვის შექმნილი სპეციალური პროგრამირების ენა).

მენიუში თქვენ უნდა შექმნათ Wiki გვერდი. ეს ასეა:

ასლი და ჩასვით ასეთი კოდი მისამართი ბარი (თქვენი მონაცემებით)

Http://vk.com/pages?oid\u003d-123456789 & p \u003d მენიუ

სადაც 123456789 არის თქვენი ჯგუფის თანმიმდევრობის ნომერი (ID).

თქვენ შეგიძლიათ მიიღოთ იგი მისამართით ბარი.

და მენიუ არის გვერდის სახელი.

შედეგად, თქვენ გექნებათ ასეთი ახალი გვერდი.

ახალი Wiki-გვერდი მენიუს სახელით

დაწკაპეთ "შეავსოთ შინაარსი". და ჩვენ შევიდე გვერდზე რედაქტორი.

გვერდის რედაქტორს აქვს ორი რეჟიმი:
- ვიზუალური რეჟიმი
- Wiki-Markup რეჟიმი

თუ სამკუთხა ფრჩხილებში ლურჯი მოედანზე შედის, მაშინ Wiki-Markup- ის რეჟიმი ჩართულია.

თუ ფრჩხილებში ლურჯი არის ჩარჩო, მაშინ თქვენ ხართ ვიზუალური რედაქტორი.

ჩვენ გვჭირდება Wiki-Markup რედაქტორი. აქ ჩვენ ვიღებთ კოდს მენიუში VK- ში.

მაგრამ კოდის წერა, შეხედეთ მისამართზე.
დააკოპირეთ ყველა პერსონაჟი კითხვის ნიშნის დაწყებამდე (?) არის თქვენი მენიუს მისამართი.
დაწერე ეს!

მენიუ ჯგუფი VK

დასაწყისიდან უნდა გაკეთდეს (გრაფიკული რედაქტორი).

მენიუს ზომაა:
- სიგანე მაქსიმუმ 600 PX (ასე რომ ყველაზე მოსახერხებელია)
- სიმაღლე, როგორც გამოდის.

მე ასეთი მენიუ გავაკეთე:

ახლა Photoshop ("ჭრის" ინსტრუმენტი) მე დაჭრილი მენიუ თანაბარი ნაწილები.

მე ხაზს ვუსვებ ყველა ნაწილს და შევინარჩუნებ PNG-24 ფორმატში.

შედეგად, მე მივიღე 12 ნაწილი.

Wika Markup არ არის გათვალისწინებული მობილური აპლიკაციების სათანადო ჩვენება. აქედან გამომდინარე, ყოველთვის მოჭრილი მენიუ თანაბარი ნაწილების ან მენიუს ერთ სვეტში. მაშინ თქვენი მენიუ გამოიყურება თანაბრად PC- ზე და აპლიკაციებში.

ახლა ყველა შედეგად მიღებული ცალი უნდა გადმოწერილი ჯგუფური ალბომი.

ამისათვის მე ქმნის ცალკე ალბომს სათაურით "ტექნიკური". მე ვატარებ avatar და სურათს caps.

ჩვენ დავბრუნდებით მენიუში შექმნილ გვერდზე. თუ დაავიწყდა, ეს მისამართი არის http://vk.com/pages?oid\u003d-93456789&p\u003dmey
არ დაივიწყოთ 123456789 თქვენი ჯგუფის ნომრის შეცვლა.

რაც არ უნდა წავიდეს რედაქტირების რეჟიმში - თქვენ უნდა დააჭიროთ ფანქრის ხატი ზედა კუთხეში.

დაწკაპეთ რედაქტირება

ახლა ჩვენ უნდა ავაშენოთ მაგიდა ჩვენი ჭრის, რომელშიც სურათები იქნება ბმული ღილაკები, და იმ ადგილებში, სადაც არ არის ღილაკი არ იქნება clickable.

მაგიდა VK იწყება შემდეგნაირად: (|
და მთავრდება ეს: |)

მენიუ ყოველთვის გააკეთე მაგიდა, რომელიც არ ხტომა ღილაკებს, როდესაც თქვენ უყურებთ ჯგუფს განაცხადის მეშვეობით

ზოგადად, ჩვენ ვწერთ ასე (მაგრამ თქვენი ღირებულებებით):

(| NOBODDER; NOPADDING
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

ნაცვლად ფოტო-176307581_456239020 და მსგავსი - შეცვალოს მათი სურათები ნომრები.

თქვენ შეგიძლიათ იპოვოთ ისინი:

1. გადადით ჯგუფის "ტექნიკური"
2. გახსენით მენიუს პირველი ფოტო
3. მისამართზე ბარი, კოპირება ნაწილი ამ სურათის რაოდენობა (არსებობს ბევრი ციფრი, სანამ ჩვენ გვჭირდება ფოტო-)

და ამიტომ ჩვენ ვაკეთებთ თითოეული სურათის ჩვენი მენიუ Vkontakte ჯგუფი.

მნიშვნელოვანი განახლება: ეს სტატია ძალიან მოძველებულია, რადგან გამოჩნდა სპეციალური მენუქის სერვისი, რომელიც საშუალებას გაძლევთ შექმნათ მენიუ ჯგუფისთვის ავტომატურად. სახელმძღვანელო მიდგომაში, აღარ არის საჭირო. თუმცა, ამ სტატიის დატოვება ისტორიისთვის.

ჯგუფები კონტაქტში, ეს არის მათი მომხმარებლების უდიდესი კასეტური ადგილი. ეს არის პოეტი, ბევრი ცდილობს უკეთესად მოაწყოს მათი მაქსიმალური რიცხვი. გარშემო Გრაფიკული დიზაინი შემოქმედი საუკეთესოა, ვიდრე პირდაპირ, ერთდროულად მომავლის განვითარებასთან ერთად.

მნიშვნელოვანია იმის გაგება, რომ ჯგუფის დიზაინი მისი სახეა Ახალი მომხმარებელი ხედავს დაუყოვნებლივ, როგორც კი მიდის გვერდზე, მხოლოდ მას შემდეგ, რაც ის იწყებს გაეცნოს შინაარსს. ამ წინადადებაში, ყველა მისი წონის დაკარგვა რეალურად აისახება. გარდა ამისა, გრაფიკული მენიუ ასევე არის ჯგუფის ფუნქციონირება, როგორც ეს საშუალებას იძლევა, უმოკლეს დროში, ეს მოსახერხებელია თქვენთვის საჭირო ინფორმაციის მოძიება.

ისაუბრეთ იდეოლოგიაზე

სანამ დაიწყებთ რაღაცის დახაზვას და დასაშლელად, მნიშვნელოვანია ვიფიქროთ იმაზე, თუ რა უნდა იყოს თქვენი მენიუ? ამის გასაგებად, ღირს განმსაზღვრელი, ასევე ჯგუფის მთავარი მიზანი - გასართობად, ინფორმირება ან გაყიდვა. ეს დიდწილად დამოკიდებულია მომავალ მენიუს გარეგნობასა და ფუნქციებზე.

მენიუ მოზიდვა სტუმრებს

თუ თქვენ აპირებთ გასართობი, საინფორმაციო, ინფორმაციული შინაარსის გამოქვეყნება მენიუს შექმნას, რომელიც მთავარ თემებს აჩვენებს. მაგალითად, ეს შეიძლება იყოს სექციები: უახლესი პუბლიკაციები, ყველაზე პოპულარული, მოდის, ჯანსაღი საკვები, ბავშვები და ა.შ. ეს იქნება ლოიალობის ზრდა, რადგან მომხმარებლები ხელს შეუწყობენ შინაარსის წონაზე.

მენიუ გაყიდვებისთვის

პირიქით, თუ გვერდი მიზნად ისახავს გაყიდვას, მენიუ უნდა დაეხმაროს მომხმარებლებს ნავიგაცია შორის დიდი რაოდენობით საქონელი. უმჯობესია, რომ სექციები, რომლითაც გაგზავნეთ სტუმრებს კატალოგში ან კონკრეტულ ნაწილზე, ისაუბრეთ მიწოდების, კონტაქტების, კომპანიების, აქციების და აუცილებლად საკონტაქტო გვერდზე.

პირველი ეტაპი - ჩვენ ვმუშაობთ Photoshop- ში

საკონტაქტო მენიუ იწყებს სოციალურ ქსელში, მაგრამ გრაფიკული რედაქტორების გამოყენებით. ამისათვის საუკეთესოა Photoshop- ის გამოყენება, მიუხედავად იმისა, რომ ეს მინიმალური ცოდნაც კი საკმარისია. აქედან გამომდინარე, გახსენით პროგრამა და შექმენით მენიუს თარგი. ახალი დოკუმენტის ზომა პირდაპირ დამოკიდებულია იმ ნაწილზე, რომელიც გჭირდებათ.

შემდეგი მოგეცემათ ფონზე. ეს შეიძლება იყოს მხოლოდ თეთრი ფონზე, ან ფერი ან კონკრეტული სურათი. სვინგის ინტერნეტით და თარგის ჩასმა. შემდეგი, დაწერეთ ფონზე სურათზე მენიუს ელემენტი თქვენ დაგეგმილია. ეს წარწერები შემდგომში გადაიქცევა ცნობას, რომელიც უხელმძღვანელებს მომხმარებელს კონკრეტულ დანაყოფს.

მაგრამ ეს სურათი გარდაიქმნება და ადვილად გრძელდება ბმულები, უნდა გაჭრა. ეს კეთდება იმავე Photoshop გამოყენებით "ჭრის" ინსტრუმენტი.

მაგრამ ის შეუფერხებლად და ლამაზად, მნიშვნელოვანია, რომ გამოიყენოთ დამხმარე ხაზები, რომლებიც გააქტიურებულია CTRL + R გასაღებების მიერ. Blue Lines გამოჩნდება, რომ შეიძლება გამოყვანილია და დააყენოთ საზღვრების შემცირება. შემდეგი, დაწკაპეთ "ჭრის" ინსტრუმენტი და აირჩიეთ "ფრაგმენტები გიდები" ზედა მენიუში, რის შედეგადაც სურათი აშკარად იყოფა რამდენიმე ცალკე მენიუ დანაყოფები.