منوی تعاملی در تماس نحوه ایجاد یک منو برای گروه VKontakte

پس از اندازه تصویر و چوب عمودی، پیوندی را به صفحه ای که شخص در آن می رود با کلیک بر روی آیتم منوی مربوطه وارد کنید. همانطور که قبلاً نوشتم ، پیوند می تواند به برخی از صفحات Vkontakte یا یک منبع شخص ثالث در اینترنت باشد.

این چیزی است که پس از افزودن "nopadding"، کد به این صورت خواهد بود. و یک لینک

در نتیجه، باید به این شکل باشد: نام برگه (MENU) تغییر کرده است، فاصله بین خطوط حذف شده است، فاصله بین تصاویر حذف شده است (nopadding؛)، پیوندها اضافه شده است. روی "ذخیره صفحه" کلیک کنید و به صفحه اصلی گروه بازگردید.

این فرآیند ایجاد ناوبری برای گروه Vkontakte را تکمیل می کند. من اینجوری گرفتم تصویر آواتار و منو یکی هستند. با رفتن به تب "MENU" کاربر می تواند موارد مورد علاقه خود را انتخاب کند و لینکی که من مشخص کردم را دنبال کند.

اگر نگران این هستید که ممکن است منوهای گروه قابل مشاهده نباشند، عکسی را که در آن، به عنوان مثال، از فلش برای نشان دادن وجود یک تب استفاده کنید، اصلاح کنید. اگر سوالی دارید در نظرات بپرسید.

طراحی با کیفیت بالای صفحه انجمن VKontakte نیمی از موفقیت در دستیابی به هدفی است که گروه برای آن ایجاد شده است. همانطور که آمار نشان می دهد، وجود ناوبری به طور قابل توجهی ترافیک صفحه را افزایش می دهد و همچنین تعداد مشترکین را افزایش می دهد. صفحه انجمن، که در آن تمام اطلاعات ساختار یافته است، احساس یک رویکرد جدی به تجارت و همچنین مهارت های عملی آنها در مدیریت گروه و قابلیت اطمینان را می دهد. این مقاله بر روی منوی گروه VKontakte، نحوه ایجاد آن و راحت تر کردن آن برای پیمایش تمرکز می کند.

انواع منو برای انجمن VKontakte

اکنون دو نوع منو برای گروه VKontakte وجود دارد. البته قالب های آنها در اینترنت است و شما می توانید همه چیز را کاملاً مطابق آنها انجام دهید. با این حال، نتیجه خلاقانه و اصلی نخواهد بود، به این معنی که تعداد زیادی از مشترکین را جذب نخواهد کرد.

بنابراین، یک منوی بسته و یک منوی باز وجود دارد.

Closed نام خود را به این دلیل گرفت که مشترک باید خودش آن را باز کند. برای این کار کافیست روی لینک کلیک کنید. هر کلمه ای را می توان به عنوان پیوند استفاده کرد، معمولاً "باز" ​​یا "منو". اگرچه، برخی پیچیده هستند و پیوندهای اصلی را اختراع می کنند.

پست باز پستی است که پین ​​شده است. این شامل یک پیوند معتبر به منو است. این نوع هنوز کاملاً جوان است، نه چندان دور، یا بهتر است بگوییم، با ظهور عملکرد پین کردن یک پست در دیوار صفحه ظاهر شد. منوی باز تا حد زیادی مؤثرترین و جذاب‌تر از منوی بسته است. گزینه اول کارایی کمتری دارد، زیرا بازدیدکنندگان گروه ممکن است به سادگی متوجه پیوند آن نشوند.

بنابراین، "VKontakte"؟ پاسخ بسیار ساده است. برای ایجاد هر دو نوع منو برای گروه VKontakte، از نشانه گذاری ویکی استفاده می شود. این یک ابزار بسیار مفید است، به شما امکان می دهد جداول، نمودارها، قالب بندی و ویرایش تصاویر، کار با لینک ها و موارد دیگر را ایجاد کنید. با این حال، اکنون همه چیز برای سازندگان جامعه VKontakte بسیار ساده تر از چند سال پیش است. این شبکه اجتماعی ماشینی دارد که تمام محتوا را به نشانه گذاری ویکی ترجمه می کند.

منوی باز برای گروه VKontakte اکنون محبوب تر است و بسته شده عملاً دیگر استفاده نمی شود. بنابراین، منطقی است که ایجاد یک نوع باز را با جزئیات بیشتری در نظر بگیریم. در مرحله بعد، نحوه ایجاد منو در گروه VKontakte را یاد خواهید گرفت (دستورالعمل های گام به گام در زیر ارائه شده است).

مرحله یک

در این مرحله باید تصاویر را انتخاب کنید. آنها ظاهری قابل ارائه از صفحه ایجاد می کنند. تصاویر را می توان در اینترنت پیدا کرد یا توسط خودتان با استفاده از ویرایشگرهای عکس تهیه کرد و گزینه دوم فقط برای کسانی مناسب است که به خوبی روی رایانه نقاشی می کنند و فتوشاپ دارند.

عکس اول یک آواتار است. دوم (مرکزی) تصویر-عمل است. پارامترهای آواتار باید حداقل 200 در 330 پیکسل باشد. تصویر مرکزی حداقل 390 در 280 پیکسل است.

مرحله دو

صفحه گروه را باز کنید و "مدیریت جامعه" را پیدا کنید. لینک زیر عکس جلوی صفحه در سمت راست قرار دارد. پس از دنبال کردن لینک، بخش "مواد" را در اطلاعات پیدا کنید و سپس روی "محدود شده" در این پاراگراف کلیک کنید.

در صفحه اصلی، روی ویرایش در خط "مواد" کلیک کنید. در فرم ویرایشگر ظاهر شده، نام، بخش‌ها را مشخص کنید و سپس حتماً روی دکمه زیر کلیک کنید تا ذخیره شود. پس از آن، با استفاده از دکمه در گوشه بالا سمت راست به صفحه بازگردید.

مرحله سه

آدرس صفحه را کپی کنید ردیف اول اعداد بعد از کلمه "صفحه" شماره انجمن است و دومی شماره صفحه گروه است. هنگام فکر کردن به نحوه ایجاد منو در گروه VKontakte باید این را بدانید. آدرس باید به همراه تصویر مرکزی روی دیوار چسبانده شود. برای پیوست کردن عکس، روی "پیوست" و "عکس" کلیک کنید. سپس انتخاب و پیست کنید. سپس روی ارسال کلیک کنید - با این کار پست منتشر می شود.

مرحله چهار

عکس اول را به جای عکس اصلی انجمن قرار دهید. یک رکورد از این عمل به همراه یک تصویر روی دیوار ظاهر می شود. آنجا نیست، بنابراین باید حذف شود.

این همه است. هنگامی که کاربران بر روی تصویر مرکزی کلیک می کنند، منوی گروه برای آنها باز می شود.

چگونه یک جدول در منو ایجاد کنیم؟

هر مدیر در مورد چگونگی ایجاد یک منو در گروه VKontakte فکر می کند. دستورالعمل های بالا فقط می توانند به شما در ایجاد یک منوی اولیه کمک کنند. بیشتر نیاز به بهبود دارد.

جدول در ناوبری منو برای گروه VKontakte بسیار راحت است. برای ایجاد جدول، دانش برخی از نمادها مورد نیاز است.

• (| به معنای شروع؛
• |+ مکان مرکزی؛
• |- از یک خط جدید؛
• | شفافیت؛
• ! پر شدن سلول تاریک؛
• |) پایان را نشان می دهد.

چگونه لینک بسازیم؟

در مورد نحوه ایجاد منو در گروه VKontakte ، نکته مهمی در مورد پیوندها وجود دارد. می توانید آنها را به روش های مختلف مرتب کنید:

• به عنوان لینک بگذارید. برای انجام این کار، پیوند را در پرانتز بگیرید.
• پیوند را به یک کلمه یا عبارت تبدیل کنید. لینک را باز کنید، علامت را بعد از لینک | قرار دهید و براکت را ببندید.
• تصویر پیوند. می توانید این کار را به این صورت انجام دهید: [].

بیشتر اوقات ، هر کس برای خود یاد می گیرد که چگونه یک منو در گروه VKontakte ایجاد کند. دانش با تجربه از طریق آزمون و خطا به دست می آید. با این حال، مبتدیان هنوز هم می توانند چند توصیه ارائه دهند.

• اندازه تصویر نباید کمتر از 130 پیکسل باشد. این به شدت ظاهر منو را ضعیف می کند.
• عرض تصویر - حداکثر 610 پیکسل.
• یک صفحه ویکی نمی تواند بیش از 17 تگ بسته نشده داشته باشد.
• هنگامی که نشانگر عرض را تنظیم می کنید، ارتفاع به طور خودکار با توجه به نسبت ها تغییر می کند.
• در داخل یک جدول، می توانید یک لیست با استفاده از /> ایجاد کنید.
• حداکثر 8 مورد لیست را می توان در یک خط قرار داد.

از جمله، برنامه های ویژه ای برای استفاده آسان تر از نشانه گذاری ویکی وجود دارد. اینها هم برنامه های آموزشی و هم دستیاران واقعی هستند که همه چیز را برای شما انجام می دهند.

به عنوان مثال، برنامه "پرسش های متداول تعاملی (بتا)" به شما امکان می دهد مهارت های خود را در برنامه نویسی ویکی آزمایش کنید.

کار آن ساده است: یک منوی آماده به کاربر ارائه می شود و باید کد نشانه گذاری را ثبت کند. در پایان، نتیجه با نسخه اصلی مقایسه می شود.

ویرایشگر ویکی به کاربران خود آموزش یا آموزش نمی دهد. با کمک آن می توانید یک منو حتی بدون مهارت های برنامه نویسی اولیه ایجاد کنید. ویرایشگر آسان برای استفاده خود کدها را می نویسد - کاربر فقط باید مدیریت کند.

بنابراین، هر کسی که قصد دارد از این گروه برای تبلیغ کسب و کار خود یا فقط برای سرگرمی استفاده کند، می تواند یک منوی VKontakte ایجاد کند. منو باعث می شود تبلیغات تجاری بسیار موثرتر باشد و کاربران را به صفحه گروه جذب کند. این منو باعث می شود که جامعه نسبت به رقبای خود که آن را ندارند، ظاهر و حرفه ای تر به نظر برسد.

امروز "غوطه وری در گروه های VK" را ادامه خواهم داد. در قسمت سوم «سریال» گفتم و نشان دادم. امروز بیایید در مورد طراحی منوی گروه VKontakte صحبت کنیم!

در اولین مقاله در مورد ایجاد منو، سوالات زیادی در نظرات وجود داشت، بنابراین قبل از شروع یک موضوع جدید، به سوالات متداول پاسخ خواهم داد.

سوال 1:اولین و رایج ترین: "کد در منو کجاست؟"یا "اگر هیچ نشانکی در هنگام ویرایش "کد منبع" وجود ندارد چگونه یک صفحه داخلی اضافه کنیم؟"یا «هنوز نمی‌فهمم اگر کد ظاهر نشد چه کار کنم!»

پاسخ 1: VK ویرایشگر را تغییر داده است، اکنون فقط با یک کلیک می توانید بین ویرایشگر بصری و کد (گوشه سمت راست بالای ویرایشگر) جابجا شوید:

برای بررسی اینکه در کدام ویرایشگر هستید: ماوس خود را روی این دکمه حرکت دهید، متنی بنویسید و آن را پررنگ کنید - اگر کاراکترهای معمولی ظاهر نمی شوند، پس این کد است.

سوال 2:دومی واقعا مشکل داره: چگونه فاصله بین تصاویر را حذف کنیم؟»

پاسخ 2:اعتراف می کنم، من خودم زمانی که برای اولین بار منو برای مشتری "رفت" ترسیدم. الان سریع درستش کردم اما بعدش جالب نبود. دیدن:

یک تگ nopadding اضافه کنید. و همه چیز سر جای خودش قرار خواهد گرفت!

فضا بین عکس‌ها باز می‌شود و منو شکسته به نظر می‌رسد. برای نادان، شاید این عادی نباشد، اما برای، حداقل حرفه ای نیست. پس قضیه اینجا چیست؟ آه، خیلی ساده است! برخی به روز رسانی ها دائماً در VK انجام می شود ، الگوریتم های جدیدی معرفی می شوند ... و حتی ویرایشگر نیز کج می شود ... گاهی اوقات بی دلیل تگ های مهم از کد خارج می شوند و سپس چنین تصویری را می بینیم. برای رفع این مشکل، باید کد را بررسی کرده و تنظیمات لازم را انجام دهید. فرمت کد باید به صورت زیر باشد:

الگو: [] مثال: []

معمولاً تصاویر منو به دلیل حذف کد از هم جدا می شوند بدون بالشتک; - آن را در جای خود قرار دهید و همه چیز هماهنگ است. قبل از ذخیره نتیجه، روی دکمه "پیش نمایش" کلیک کنید تا مطمئن شوید که همه چیز صاف است.

سوال 3:اخبار. در اکتبر 2012، Vkontakte به زور نویسندگان گروه ها و مردم را قطع کرد. اکنون اندازه آنها دارای استاندارد مشترک 200x500 پیکسل است. بنابراین، اگر آواتار بیشتری در گروه خود داشتید، به روز رسانی کنید (آواتار را به روز کنید).

به هر حال، همراه با برش، VK نوآوری دیگری را در مورد عکس های گروهی معرفی کرده است: اکنون با کلیک بر روی آواتار، ما، درست مانند حساب، می توانیم تمام آلبوم های انجمن را ببینیم. راحت است! و از این میان قابلیت جدیدی در ارتباطات گروه ترسیم می شود.

فلانی، ما با سؤالات تمام شده ایم ... حالا بیایید به سمت ایجاد منو حرکت کنیم!

مرحله 1. نحوه ایجاد یک منو در یک مخاطب و ایجاد صفحات تو در تو:

اول از همه، بیایید مطمئن شویم که می دانید چگونه یک منوی گروهی را در یک مخاطب ایجاد کنید و یک دستورالعمل کوچک را دنبال کنید:

برگه تقلب من را چگونه دوست دارید؟

این برگه تقلبی است که من درست کردم! برای وضوح بیشتر، هر شکل را می نویسم:

این عمل را با تمام صفحات تو در تو انجام دهید و منوی شما آماده خواهد شد.

بخور! منو ایجاد شد، صفحات داخلی ساخته شد، پر شد، حالا بیایید به سراغ ایجاد یک منوی گرافیکی زیبا برویم.

مرحله 2. نحوه ایجاد یک منوی گرافیکی زیبا در یک مخاطب و نصب آن:

من کل تئوری را در مورد نحوه عملکرد نشانه گذاری ویکی در تماس به شما ارائه نمی دهم، ما اکنون اهداف دیگری داریم. برای ایجاد یک منوی بصری در یک گروه VK، نیازی به دانستن کل نشانه گذاری ویکی ندارید. بیایید به ایجاد یک منوی بصری برویم!

ابتدا کد و نتیجه منو را به شما نشان می دهم:

اعتراف می کنم، من عمداً این مقاله را نوشتم. همه «دست‌ها نرسید»، می‌دانی، مثل «کفاش بدون چکمه». اما الان با یک منوی بصری در گروه VK هستم!

من به شما نمی گویم که چگونه یک تصویر برای منو بکشید، این کار طراحان است، من خودم نقاشی می کنم، اما نه چندان حرفه ای. ، در پایان مقاله، یک ویدیو در مورد نحوه ترسیم یک منوی ساده در فتوشاپ دادم، آن را بررسی کنید، شاید خودتان بتوانید این کار را انجام دهید. اگر نه، یک تصویر منو از .

من گزینه تنظیم منوی متوسط ​​را به شما نشان خواهم داد. تفاوت در تعداد عناصر است. منو که به سادگی به صورت نوار بریده شده است، ساده ترین اجرا است. هر چه دکمه های قابل کلیک پشت سر هم بیشتر باشد، اجرای آن دشوارتر است. اگر چه، دانستن ویژگی، همه چیز ساده است! فقط زمان لازم داره. بنابراین عرض تصویر باید باشد:

370 پیکسل - اگر دو یا چند شی در یک ردیف دارید، مانند دکمه های شبکه اجتماعی من

و حداکثر 388 پیکسل - اگر تصویر را به روشی ساده، فقط به خطوط برش دهیم، بدون اینکه آن را به اشیاء کوچک تقسیم کنیم. این ویژگی است که هنگام برش منو به دکمه ها باید بدانید. اندازه تصویر من از کل منو 370x456 پیکسل بود.

پس از برش عکس به تعداد مورد نیاز اشیاء و ذخیره در یک آلبوم جداگانه، این آلبوم را در VK آپلود می کنیم. ما در نمایه حساب آپلود می کنیم، نه در گروه! از آنجایی که دیگر گزینه ای برای مخفی کردن آلبوم ها در آلبوم های گروهی وجود ندارد. یک آلبوم فنی در یک گروه شرکتی (به عنوان مثال) اصلاً مورد نیاز نیست، بنابراین موارد منو را در آلبوم حساب پنهان می کنیم:

آلبوم فنی VK

وقتی حریم خصوصی «فقط من» را تنظیم کردید. ما به نصب خود منو ادامه می دهیم. من یک نمونه کد به شما می‌دهم که می‌تواند یک الگو برای شما باشد و آن را تجزیه و تحلیل کنید:

[]

جایی که، عکس7632142_296911699آدرس عکس هست در نوار آدرس تصویر به آن نگاه می کنیم:

از اولین تصویر، اجازه دهید منو را در گروه VKontakte وارد کنیم

شما به یک آدرس کوتاه از عکس نیاز دارید، برای این کار به خود آلبوم بروید:

برای دریافت آدرس تصویر مورد نظر به خود آلبوم بروید!

... و از اولین عکس شروع کنید، آنها را به منوی گروه منتقل کنید.

اضافه کردن اندازه تصویر به کد منو!

بنابراین، آدرس تصویر اضافه شد، اندازه نشان داده شد، اکنون برچسب را قرار می دهیم بدون بالشتک؛- لازم است تا تصاویر ما به خوبی در برابر یکدیگر قرار گیرند. و آخرین مرحله این است که یک لینک به صفحه ای که بازدید کننده پس از کلیک روی عکس به آنجا می رود قرار دهید.

در اینجا یک توضیح کوچک وجود دارد! ما پیوندهای خارجی، پیوندهایی به آلبوم های VK و بحث ها را به طور کامل می نویسیم، و پیوندهایی به صفحات داخلی در قالب صفحه-32734125_44298120. در ابتدا و انتهای خط، فراموش نکنید که دو علامت مربع و بدون فاصله قرار دهید.

توضیح 2: وقتی به صفحات داخلی بدون تصویر پیوند می دهیم، نقل قول های مربعی تکی را برای بحث، آلبوم و لینک های خارجی قرار می دهیم.

خطوطی که در آنها دو یا چند عنصر دارید بدون فاصله در کد درج می شوند. هر خط از تصویر را یکی پس از دیگری درج کنید. زیرا اگر بعد از خط با تصویر Enter را فشار دهید، تصویر به یک خط جدید می رود و منو حرکت می کند. ما نیاز داریم که منو به طور کلی نمایش داده شود، بنابراین به هیچ فاصله و "irter" اضافی نیاز نداریم!

پس از اینکه تمام تصاویر را به منو منتقل کردید و آنها را طراحی کردید (اندازه، پیوند)، نتیجه را ذخیره کنید و کار خود را تحسین کنید! همه! آماده!

مرحله 1
برای شروع، به گروه خود بروید و در بلوک «آخرین اخبار» (در این مورد، نام آن را به «منو» تغییر دادم)، روی پیوند «ویرایش» که در شناور ظاهر می‌شود، کلیک کنید. مهم! اول، شما باید یک گروه باز داشته باشید، نه یک صفحه. از آنجایی که به سادگی چنین موردی در صفحه وجود ندارد. و دوم اینکه در منوی Community Management > Information > Content باید مورد «عمومی» انتخاب شود.

گام 2
در برگه «ویرایش» عبارت [[تئوری طراحی وب]] را در دو پرانتز می نویسیم. سپس بر روی دکمه "ذخیره صفحه" کلیک کنید.

مرحله 3
پس از آن، یک پیوند "پیش نمایش" در کنار دکمه ظاهر می شود و روی آن کلیک کنید. در زیر، پیش نمایشی از منوی ما باز می شود، جایی که پیوند "تئوری طراحی وب" را می بینیم که از پایین ظاهر می شود.

مرحله 4
بر روی این لینک کلیک کرده و به صفحه ایجاد شده به نام «تئوری طراحی وب» بروید. سپس روی لینک «پر کردن محتوا» کلیک کنید. بعد، متن را مانند یک ویرایشگر متن معمولی ویرایش می کنیم - تصاویر، متون، فیلم ها و سایر اشیاء را وارد می کنیم. در این صورت، صفحه ایجاد شده ما یک URL مانند https://vk.com/page-15865937_43819846 خواهد داشت.

روشی جایگزین برای ایجاد یک صفحه داخلی
یک راه جایگزین برای ایجاد یک صفحه وجود دارد. اساساً برای عموم (صفحات عمومی) مناسب است، زیرا روش توصیف شده در بالا برای آنها مناسب نیست. برای این کار از کد زیر استفاده می کنیم
http://vk.com/pages?oid=-XXX&p=Page_name
جایی که به جای XXX شناسه گروه خود را جایگزین می کنیم و به جای متن "نام صفحه" منو می نویسیم. حالا باید شناسه گروه را پیدا کنیم. چگونه انجامش بدهیم؟ ما به صفحه اصلی گروه می رویم و به پست های خود روی دیوار نگاه می کنیم - درست در زیر بلوک "افزودن پست" روی آن می گوید "همه پست ها" - روی این پیوند کلیک کنید.

به صفحه بروید و آدرس اینترنتی را مانند این ببینید https://vk.com/wall-78320145?own=1، که در این مثال اعداد 78320145 شناسه گروه هستند. ما داده های خود را در کد منبع جایگزین می کنیم و رکوردی مانند زیر دریافت می کنیم: http://vk.com/pages?oid=-78320145&p=Menu(با شماره های شما!). این خط را در نوار آدرس مرورگر خود قرار دهید و Enter را فشار دهید. بنابراین ما یک صفحه Vkontakte جدید ایجاد کردیم.

همانطور که می‌دانید، یک شخص با خواندن یا رسیدن به یک منبع وب خاص، در 8 ثانیه اول به طراحی و رابط کاربری توجه می‌کند. به موازات آن، او به قابلیت استفاده خوب یا بد (قابلیت استفاده) متقاعد شده است. منوی گروه در شبکه اجتماعی Vkontakte، که امروز در مورد آن صحبت خواهیم کرد و اصل طراحی آن را با استفاده از یک مثال در نظر خواهیم گرفت، به شما امکان می دهد نه تنها اطلاعات را به صورت رنگارنگ ارائه دهید و "خود را از رقبا برای بهتر شدن متمایز کنید"، بلکه دقیقاً آن نقاط را شناسایی کنید و به آنها تأکید کنید که مورد نیاز است.

فقط به چند نمونه نگاه کنید تا بفهمید چقدر زیبا و راحت است:

بیا شروع کنیم. برای شروع، لازم به ذکر است که اگر می خواهید یک منو از ابتدا ایجاد کنید، به تمام اطلاعات زیر نیاز خواهید داشت. در صورتی که طرح از قبل وجود داشته باشد، می توانید بخشی از مقاله را نادیده بگیرید و مستقیماً به محل قرارگیری و نشانه گذاری ویکی آن بروید.

طراحی منو

به شما این امکان را می دهد که اساس یک پروژه آینده را تکمیل کنید. برای اجرای این قسمت از کار، دانش برنامه ای مانند Adobe Photoshop پذیرفته می شود. قالب سایز به این صورت است که در آن منوی زیبای آینده را پیاده سازی خواهیم کرد.

عرض آواتار 200 پیکسل ارتفاع 500. تصویر منوی اصلی 510*308 است. در نتیجه، ما در پایان چنین "منو" زیبایی خواهیم داشت.

لطفا توجه داشته باشید که بسته به اطلاعاتی که بعد از نام گروه نوشته شده است، ارتفاع تصویر سمت راست (آواتار) ممکن است تغییر کند و بر این اساس، هر چیزی که در نزدیکی آن قرار دارد ممکن است جابجا شود!

این منبع چیدمان PSD به عنوان نمونه پیاده سازی شد. دانلود .

ما روی نحوه ساخت الگو تمرکز نخواهیم کرد، بلافاصله به آماده سازی آن برای قرار دادن در یک گروه جدید یا موجود خواهیم پرداخت. فایل را در فتوشاپ باز کنید.

اول از همه، آواتار را ذخیره کنید. یکی از راه‌های ذخیره سریع در صورتی که همه چیز در فایل ساختار یافته باشد و عناصر کمی وجود داشته باشد (مانند مورد ما). دید لایه هایی که به آنها نیاز نداریم را خاموش کنید.

به قسمت "تصویر" رفته و عملیات "Trimming" را انتخاب کنید.

در خروجی دریافت می کنیم:

اگر تصویر به دست آمده بزرگ است، می توانید از ابزار Save for Web استفاده کنید. این دستور نیز در بخش "فایل" قرار دارد.

ما عملیات مشابهی را با تصویری که با نمایش منو برای اولین بار نمایش داده می شود، انجام می دهیم. در مورد ما، پوشه "منو باز" و "پس زمینه منو" را در پوشه "منو با ماشین" قابل مشاهده می گذاریم. خروجی در نتیجه:

اکنون باید سطح منوی دوم را ذخیره و برش دهید. برای انجام این کار، "پس زمینه منو" را در پوشه "منو با ماشین" قابل مشاهده بگذارید و "منوی سطح دوم" را به آن اضافه کنید.

سپس از ابزار "تودرتو" استفاده می کنیم که در منوی سمت چپ یافت می شود.

تصویر ما را به قسمت های مناسب "برش دهید". در مورد ما، سه وجود خواهد داشت.

این قسمت مقدماتی را کامل می کند. وارد مرحله اصلی می شویم.

ویکی نشانه گذاری منوی تمام شده در Vkontakte.

ابتدا باید با کلیک بر روی لینکی به همین نام و انتخاب فایل مورد نیاز خود، یک عکس گروهی یا آواتار آپلود کنید.

سپس حتماً دنباله اقدامات زیر را انجام دهید. ما به "مدیریت انجمن" می رویم و در مورد "بخش ها" روبروی دکمه "مواد"، "محدود شده" را انتخاب می کنیم.

این کار باید انجام شود تا کاربران و اعضای گروه نتوانند موارد اضافی از جمله منو را تغییر و/یا ویرایش کنند.

بعد از عمل، تصاویر برش خورده خود را در آلبوم جامعه آپلود می کنیم.

به بخش «آخرین اخبار» بروید، «ویرایش» را انتخاب کنید و وارد منوی ویرایشگر شوید.

برای سرعت بخشیدن به فرآیند، از کلید "دوربین" استفاده می کنیم و روی "انتخاب از عکس های انجمن" کلیک می کنیم.

پس از اضافه کردن، دوباره وارد منوی ویرایشگر می شویم و دکمه " را فشار می دهیم.<>"، که در آن ویرایش بیشتری انجام خواهیم داد. ما همچنین بلافاصله نام بخش را تغییر می دهیم و به جای "آخرین اخبار" در مورد خود "GROUP MENU" می نویسیم.

ساختار کلی هر قسمت برش خورده در نشانه گذاری - [] به این شکل است، جایی که:

شناسه - شناسه (شماره) تصویری که آپلود کرده اید.

X و Y - اندازه تصویر به صورت افقی و عمودی در پیکسل.

با نگاهی به الگو، نشانه گذاری ویکی خود را ویرایش می کنیم و به صورت دوره ای به بخش "پیش نمایش" می رویم که تغییراتی را که انجام داده ایم به صورت بصری نمایش می دهد.

همه تصاویر باید به یکباره با یک برچسب بسته شوند (و نه همانطور که در ابتدا به طور پیش فرض، هر تصویر)

از آنجایی که قبلاً یک برچسب را در مرکز تصویر گذاشته‌ایم، برای خلاص شدن از شر فواصل "ناخوشایند" بین بخش‌های تصویر کلی، باید تگ nopadding را به صورت زیر وارد کنیم: []

این چیزی است که در پایان اتفاق می افتد.

اکنون باید روی تب "GROUP MENU" و سپس "ویرایش" کلیک کنید.

مهم! برای کپی آدرس مورد نیاز، در نسخه ما، روی "GROUP MENU" کلیک کنید و "لینک صحیح" را از آنجا کپی کنید.

به صفحه اصلی بروید، روی "افزودن ورودی" کلیک کنید. فراموش نکنید که بلافاصله نویسنده ورودی را تغییر دهید!

روی "بیضی" در سمت راست ورودی کلیک کنید و روی تب "Pin" کلیک کنید.

پس از آن صفحه را رفرش می کنیم و از نتیجه لذت می بریم که به شکل زیر است:

با کلیک بر روی "باز کردن منو".

همانطور که می بینید، ساخت منو در شبکه اجتماعی Vkontakte بسیار آسان و ساده است. کافی است دانش کمی در استفاده از فتوشاپ و ویکی مارکاپ داشته باشید. هرچه طراحی بهتر و قابل درک تر باشد، کاربر بالقوه با تمایل بیشتر و بیشتر به گروه شما باز می گردد.

اگر می خواهید یک گروه موسیقی واقعا منحصر به فرد و خیره کننده داشته باشید که به سبک سازمانی و عناصر مرتبط احترام می گذارد، با یک طراح حرفه ای تماس بگیرید یا می توانید قبل از آن دامنه استعدادهای خود را آزمایش کنید. در تمام تلاش های خود موفق باشید!