نحوه ایجاد منوی دکمه برای گروه VKontakte. منوی گروه VKontakte

درخواست های متعدد از خوانندگان مداوم من و کاربران ساده کنجکاو تأثیر خود را داشته است. من در نهایت درسی ایجاد کردم که در آن یاد می گیریم که چگونه یک منوی VKontakte پویا با اثر دکمه های فشرده ایجاد کنیم! با قیاس با سایت های اینترنتی معمولی، هنگامی که یک پیوند بازدید شده به روش خاصی (فشردن دکمه، خط کشی و غیره) علامت گذاری می شود - با استفاده از صفحات ایجاد شده و طراحی گرافیکی، همان طرح را در VKontakte ایجاد می کنیم. برای شروع، ما قالب های گرافیکی را در فتوشاپ می سازیم - یک هدر منو و دو نوع دکمه ایجاد می کنیم. سپس با توجه به موارد موجود در منو، چندین صفحه VKontakte ایجاد می کنیم. و در نهایت، ما یک ترفند فریبنده انجام می دهیم، که در واقع، توهم دنبال کردن لینک را ایجاد می کند. این درس بسیار پیچیده است و برای کسانی که از عملکرد Vkontakte اطمینان دارند مناسب است. من تمام دستکاری ها را با استفاده از یک مثال انجام خواهم داد گروه VKontakte شما، جایی که این اثر به صورت زنده تحقق می یابد. پس بیایید دست به کار شویم!

مرحله 1. یک هدر منو در فتوشاپ ایجاد کنید
یک سند با عرض 600 پیکسل در فتوشاپ ایجاد کنید. ارتفاع می تواند متفاوت باشد، به صلاحدید شما. می توانید هر عکس خاص، کلاژ، بنر اطلاعاتی و سایر تصاویر گرافیکی را در هدر قرار دهید. در این مورد از بنر تبلیغاتی زیر با ابعاد 600x172 پیکسل استفاده کردم.

مرحله 2. یک نوار ناوبری در فتوشاپ ایجاد کنید
اکنون باید یک نوار ناوبری ایجاد کنیم. در این مثال، من فقط از متن به عنوان دکمه استفاده کردم. اما به صلاحدید خود می توانید دکمه های رنگی ایجاد کنید و روی آنها متن بنویسید. ما این کار را انجام می دهیم - یک مستطیل 600x56 پیکسل در فتوشاپ ایجاد می کنیم و در این حالت آن را با رنگ سفید پر می کنیم. سپس آیتم های منو را روی خط می نویسیم - حدود 5-6 مورد، نه بیشتر. تعداد بیشتری از نقاط فشرده به نظر می رسند.

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

مرحله 4. تصاویر آماده را برش دهید
در این مرحله، باید تصاویر مرحله 2 و مرحله 3 را برش دهیم. باید هر کدام دو مجموعه از پنج دکمه داشته باشیم - یک دکمه بدون زیر خط، دکمه دیگر با یک زیر خط. دکمه‌های هر آیتم جداگانه (با و بدون خط‌کش) باید یک اندازه باشند. تصویر زیر تمام طراحی گرافیکی ما را نشان می دهد - ده دکمه و یک هدر منو.

مرحله 5. یک صفحه منوی VKontakte ایجاد کنید
حالا بیایید به VKontakte برویم. وظیفه ما ایجاد یک صفحه جداگانه به نام "منو" است. برای این کار از کد زیر استفاده می کنیم
http://vk.com/pages?oid=-XXX&p=Page_Name
جایی که به جای XXX شناسه گروه خود را جایگزین می کنیم و به جای متن "نام صفحه" Menu را می نویسیم. حالا باید شناسه گروه را پیدا کنیم. چگونه انجامش بدهیم؟ ما به صفحه اصلی گروه می رویم و به پست های خود روی دیوار نگاه می کنیم - درست در زیر بلوک "افزودن پست" می گوید "همه پست ها" - روی این پیوند کلیک کنید.

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

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

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

http://vk.com/pages?oid=-78320145&p=چگونه_سفارش کنیم

http://vk.com/pages?oid=-78320145&p=مشخصات فنی

http://vk.com/pages?oid=-78320145&p=Questions
لطفاً توجه داشته باشید که در عنوان صفحه دو کلمه ای (نحوه سفارش)، فاصله بین کلمات با یک زیرخط How_to order جایگزین شده است. اکنون برای هر آیتم منو پنج صفحه آماده داریم. ما صفحه نمونه کارها را ایجاد نکردیم زیرا در صفحه منو قرار دارد

مرحله 8. عکس ها را در صفحه اول منو آپلود کنید
در منوی ایجاد شده و هنوز خالی (مرحله 6 را ببینید)، روی پیوند ویرایش یا پیوند پر کردن محتوا کلیک کنید. بعد از این پنل ویرایش را می بینیم. در اینجا باید روی نماد دوربین با عملکرد آپلود عکس کلیک کنیم. مهم! لطفاً مطمئن شوید که در حالت نشانه گذاری ویکی هستید. تغییر حالت ها توسط نماد در لبه سمت راست صفحه تنظیم می شود.

مرحله 9. نتیجه پس از بارگذاری تصاویر
تصاویر خود را که در مرحله 1 و 2 ایجاد کرده بودیم بارگذاری می کنیم. پس از بارگذاری، کد را مانند تصویر زیر مشاهده می کنیم و خود منو به این شکل است. پس از هر تغییر کد، فراموش نکنید که روی Save Page و سپس Preview کلیک کنید تا نتیجه را مشاهده کنید.

مرحله 10. ویرایش کد تصویر
اکنون وظیفه ما این است که تمام ویژگی های noborder را با ویژگی nopadding جایگزین کنیم. و ابعاد واقعی را روی تصویر اول قرار دهید، زیرا VKontakte هنگام آپلود تصویر را به 400 پیکسل کاهش داد. پس از تمام تغییرات باید کد و منوی زیر را دریافت کنیم.

مرحله 11. پیوندها را به تصاویر اضافه کنید
اکنون باید برای هر تصویر لینک قرار دهیم. لینک باید بعد از nopadding درج شود به جای فاصله قبل از پرانتز بسته شدن. برای تصویر اول (سرصفحه منو از مرحله 1)، می‌توانید به صفحه اصلی گروه پیوند بدهید یا می‌توانید از ویژگی nolink استفاده کنید (بعد از nopad کردن بدون فاصله). برای کارت دوم آدرس صفحه فرمت را وارد کنید صفحه-78320145_49821289. یعنی آدرس کامل تصویر https://vk.com/page-78320145_49821289، قسمت اول با دامنه را می توان حذف کرد. اما برای لینک به سایت های خارجی، آدرس لینک باید به طور کامل مشخص شود.

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

مرحله 13. ساخت افکت دکمه فشرده
حالا باید در هر پنج صفحه یک عکس را تغییر دهیم (دکمه بدون زیرخط را با یک دکمه با زیرخط جایگزین کنید). به عنوان مثال، در صفحه اول منو یک تصویر جدید بارگذاری می کنیم و سپس آدرس تصویر قدیمی در کد را با یک تصویر جدید (که زیر آن با رنگ قرمز خط کشیده شده است) جایگزین می کنیم. سپس به صفحه قیمت ها می رویم، یک عکس با قیمت های خط دار آپلود می کنیم و آن را در کد به آدرس عکس جدید تغییر می دهیم. سپس به صفحات How to order، Terms of Reference و Questions می رویم و همان عملیات را به همین صورت انجام می دهیم.

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

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

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

برای چه اهدافی استفاده می شود؟

منوی گروه VK می تواند اهداف زیر را انجام دهد:

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

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

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

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

بنابراین، نحوه ایجاد یک منو در یک گروه VKontakte:

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

وقتی ماوس را روی یک دکمه نگه می دارید<>، باید کتیبه "حالت ویرایش بصری" ظاهر شود. اگر "Wiki Markup Mode" ظاهر شد، به این معنی است که فعال نیست.

دکمه "پیش نمایش" به شما امکان می دهد نتیجه را از قبل مشاهده کنید.

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

وویلا! اکنون یک منو در صفحه عمومی خود داریم. با کلیک بر روی هر مورد به صفحه مربوطه هدایت می شویم.

به‌طور پیش‌فرض، در برگه با نامی که شما مشخص کرده‌اید (به‌جای «آخرین اخبار») در دسترس خواهد بود. اما همه کاربران آن را نخواهند دید. برای اینکه آن را قابل کلیک تر و قابل مشاهده تر کنید، یک پست با پیوندی به منو ایجاد کنید، به آن استایل دهید و آن را پین کنید. بدین ترتیب با کلیک بر روی لینک موجود در پست پین شده، منوی گروه در مقابل کاربر باز می شود.

در زیر نمونه ای از چنین ورودی آورده شده است:

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

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

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

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

نحوه ایجاد منوی گرافیکی در یک گروه:

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

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

استفاده از قالب ها

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

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

داشتن منو چگونه به موفقیت یک جامعه کمک می کند؟

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

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

این دقیقاً نحوه عملکرد منو در گروه های VK است. مردم را راهنمایی می کند و به آنها می گوید که چه کاری انجام دهند، چه چیزی ببینند و غیره. و اگر آن را با مهارت و مهارت بنویسید، آنگاه شما را در مسیری که برنامه ریزی کرده اید، یعنی مسیر تبدیل، راهنمایی می کند. این روانشناسی است که نقش مهمی در بازاریابی دارد.

خط پایین

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

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

نحوه ایجاد یک منوی ساده در گروه VKontakte

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

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

• به خاطر داشته باشید که منوها در گروه ها و انجمن ها کمی متفاوت ظاهر می شوند. بنابراین، اگر می خواهید گروهی را به یک انجمن منتقل کنید، روی نماد سه نقطه در کنار نام گروه کلیک کنید و خط "انتقال به صفحه" را انتخاب کنید. لطفاً توجه داشته باشید که نمی‌توانید انجمن را دوباره به یک گروه تبدیل کنید.

• حال به لینک “Community Management” در همان منو بروید.
  یک بلوک با تمام تنظیمات گروه خود خواهید دید، در اینجا می توانید نام، اطلاعات تماس، حریم خصوصی و مدیریت شرکت کنندگان را تغییر دهید. به دسته "بخش ها" بروید.

• در خط "Materials" مقدار را روی "Disabled" یا "Restricted" قرار دهید تا اعضای گروه نتوانند به طور تصادفی به فایل های شما که برای ثبت نیاز هستند آسیب برسانند. فراموش نکنید که انتخاب خود را ذخیره کنید.

• به گروه بروید و به پنجره "آخرین اخبار" بروید، اینجا جایی است که منو ایجاد می کنید.

• روی «ویرایش» کلیک کنید.

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

حالا ساختار را ایجاد کنید:

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

از این اسکرین شات، می توان فرض کرد که گروه دارای مطالبی به نام "بخش 1"، بحث "بخش 2" و یک آلبوم "بخش 3" است. روی «پیش‌نمایش» یا «ذخیره تغییرات» کلیک کنید.

• بخش شما به «منو» تغییر می‌کند و حاوی پیوندهای فعال به دسته‌های اصلی گروه است که به‌خوبی در یک فهرست مرتب شده‌اند.

نحوه درج پیوندها در منوی گروه VKontakte

برای سرعت بخشیدن به دسترسی به وب سایت رسمی خود، یا بخش هایی که مستقیماً در داخل گروه هستند، بهتر است لینک های فعال را درج کنید.

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

• این همان چیزی است که همه پیوندهایی که می توانید در منوی گروه خود وارد کنید، به نظر می رسد.

نحوه ایجاد یک منوی VKontakte با تصاویر

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

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

• تصاویر را با فرمت jpeg آپلود کنید که بزرگتر از 500 پیکسل در 500 نباشد.

• URL تصویر آپلود شده را کپی کنید.

• اکنون پیوند را به بحث، مطالب یا سایت خارجی دیگر کپی کنید.

• [[پیوند به تصویر در آلبوم شما | اندازه در پیکسل؛ nopadding | پیوند به بحث یا وب سایت]]

یک مثال در اسکرین شات نشان داده شده است.
روی «ذخیره صفحه» کلیک کنید.

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

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

چه چیزی برای این مورد نیاز است؟

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

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

مرحله اول

چگونه در گروه VKontakte یک منو بسازیم؟ ابتدا باید یک سند جدید با ابعاد 700 در 800 پیکسل ایجاد کنید. مطمئن شوید که زمینه سفید است. در لایه بالایی باید دو پنجره 200 در 710 برای آواتار و 382 در 442 برای منو را برش دهید. این را می توان با استفاده از یک انتخاب مستطیل یا دستوری که با کلید "Del" خوانده می شود انجام داد.

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

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

مستطیلی که در سمت راست ظاهر می شود (اندازه 200 در 710) قابل کپی و آپلود در یک فایل جداگانه است. این یک آواتار آماده برای گروه است. اما سمت چپ تصویر نیاز به برش اضافی دارد.

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

ارتفاع هر عنصر برش داده شده باید حداقل 50 پیکسل باشد.

چگونه یک عکس را برای یک منو برش دهیم؟

برای این کار باید تصویر را در یک فایل جداگانه باز کنید. شما به ابزار برش نیاز دارید. بر روی پنل برنامه به شکل چاقو قرار دارد.

بر روی تصویر کلیک راست کرده و از لیست کشویی "Split fragment" را انتخاب کنید.

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

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

فایل های بریده شده شماره گذاری خواهند شد.

فاز دوم

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

شما به صفحه "آخرین اخبار" نیاز دارید. کار با او در آینده نزدیک انجام خواهد شد.

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

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

نتیجه چیزی شبیه به این خواهد بود:

چگونه شماره تصویر را بدست آوریم؟

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

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

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

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

چگونه یک منوی باز ایجاد کنیم؟

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

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

چگونه در گروه VKontakte یک منو بسازیم؟ حالا باید روی تاریخ خبر کلیک راست کنید. باید در یک پنجره جدید باز شود. در آنجا می توانید یک کتیبه جدید "Pin" را مشاهده کنید. این دقیقا همان چیزی است که او نیاز دارد.

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

همین. ایجاد منو در VKontakte چندان دشوار نیست. اگر دستورالعمل های توضیح داده شده در بالا را دنبال کنید، هر کسی می تواند این کار را انجام دهد.

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

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

مهم: پس از تغییر طراحی کلی در VK، اندازه تصاویر برای منو در شبکه اجتماعی نیز تغییر کرد. کار خود را بررسی کنید و تغییراتی را در گروه های مورد بحث در زیر ایجاد کنید.

انواع منوها و امکانات آنها

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

• برای یک پلت فرم اطلاعاتی؛
• ;
• برای سایت آموزشی

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

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

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

کل فرآیند را می توان به 2 مرحله تقسیم کرد:

• کار در فتوشاپ؛
• اضافه کردن بخش ها و تصاویر در خود گروه.

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

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

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

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

الگوریتم اقدامات:

• فتوشاپ را باز کنید و به "file" - "create" بروید و عرض و ارتفاع را به ترتیب 760X500 تنظیم کنید.

• ابزار "برش" و سپس "تقسیم قطعه" را انتخاب کنید. تصویر را به صورت افقی به 3 قسمت تقسیم کنید. برای قطعه ای از لبه چپ یا راست در پنجره کشویی (بسته به اینکه کدام قسمت را می خواهید در آواتار ببینید)، مقادیر عرض و ارتفاع - 200XX و Y) - 560 و 0 را بنویسید. آواتار گروه

• برای قطعه بعدی عرض و ارتفاع را روی 50X500 قرار دهید و در مختصات عدد 510 و 0 را بنویسید این فاصله بین آواتار گروه و منو است. این قسمت بعداً مورد نیاز نخواهد بود.

• مجدداً "Split fragment" را انتخاب کرده و به صورت عمودی به 2 قسمت تقسیم کنید. برای قطعه در بالا مقادیر زیر را تعیین می کنیم: عرض - 510، ارتفاع - 182، مختصات - 0. این فضای بالای منو است. این قسمت نیز در گروه قابل مشاهده نخواهد بود.

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

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

• آخرین مرحله ذخیره تصاویر است. شما باید تصاویر را به این صورت ذخیره کنید: فایل – ذخیره برای وب. این روش برای نسخه های بعدی فتوشاپ مناسب است. اگر در قسمت “file” “save for Web” وجود نداشته باشد، به صورت زیر عمل می کنیم:

به آیتم "فایل" بروید، "صادرات" - "ذخیره برای وب" را انتخاب کنید. همه پارامترها را به همان شکلی که هستند رها می کنیم. دوباره روی "ذخیره" کلیک کنید.

یک پوشه در رایانه خود انتخاب کنید و تصاویر را در آنجا ذخیره کنید. آنها باید در نهایت به این شکل ظاهر شوند:

حالا بیایید به مرحله دوم برویم تا دقیقاً نحوه ایجاد منو در گروه VKontakte را بفهمیم - مستقیماً منو را به عموم اضافه کنیم. برای این:

• اول از همه، شما باید Materials را متصل کنید، زیرا این تنها راه برای افزودن هر بخش در صفحه اصلی است. برای انجام این کار، به مدیریت جامعه بروید و در پایین صفحه گزینه "مواد" و سپس "باز" ​​را انتخاب کنید. تغییرات را ذخیره کنید.

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

• در اینجا ما کد نشانه گذاری را وارد می کنیم: []، جایی که [] پیوندی به بخش یا صفحه ای است که با کلیک بر روی عکس به آنجا خواهید رفت. می توانید هر دو پیوند را به بخش های خود VKontakte و به منابع خارجی اضافه کنید.
• این کد به تعداد قسمت هایی که در منو وجود دارد تکرار می شود و هر بار پیوندها را درج می کند.
  در صورت تمایل، تب “آخرین اخبار” را نیز به عنوان مثال به “menu” تغییر می دهیم.

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

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

خدمات ایجاد منوی گروهی

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

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

با احترام، گالیولین روسلان.