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

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

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

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

1. آمادگی برای کار. ابزارهایی که بدون آنها نمی توانید انجام دهید

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

1.1. فتوشاپ

البته بدون فتوشاپ هم می توانید این ویدیو را ببینید که همه چیز را با جزئیات توضیح می دهد. اگر شما می خواهید. با این حال، اگر مهارت ندارید، اکیداً توصیه می‌کنم که زحمت بکشید و هر سه نشریه من را مرور کنید.

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

خب، بیایید ادامه دهیم. آیا هر چیزی که نیاز دارید در دسترس است؟ سپس آماده حرکت هستید.

2. کار در فتوشاپ یا منوهای خودت انجام بده

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

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

اکنون روی خود تصویر، راست کلیک کرده و "Split fragment" را پیدا کنید.

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

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

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

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

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

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

مطمئن شوید که تصاویر به صورت jpeg (بالاترین دسته سمت راست) ذخیره شده اند. بعد، روی "ذخیره" کلیک کنید.

باشه الان تموم شد

کار ما تمام شد، حالا می‌توانیم به سراغ خود گروه برویم و با کد کار کنیم.

3. چیدمان در VK برای آدمک ها

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

خوب، تنها چیزی که باقی مانده است، موضوع کوچک طرح است. "فهرست صفحات ویکی" را باز کنید.

و یک مورد جدید اضافه کنید.

اسمش را بگذار در مورد ما، منو.

و به سراغ ویرایش بروید.

اولین قدم این است که تمام قسمت های تصویر خود را اضافه کنیم.

بارگذاری.

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

حالا باید تورفتگی را حذف کنیم و قطعات مختلف را لینک کنیم و در بعضی جاها قابلیت کلیک را کاملا حذف کنیم. بیایید به حالت کد تغییر کنیم.

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

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

دوباره به کد باز می گردیم تا تورفتگی های بین قطعات نقاشی حذف شود.

برای یکپارچه سازی مجدد تصویر پس از تغییر اندازه، یک نقطه ویرگول قرار داده و تگ nopadding را بنویسید (;nopadding).

شبیه این خواهد شد.

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

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

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

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

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

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

این همان چیزی است که منوی ما به نظر می رسد.

و اینم لینک مورد نظر

4. مرحله نهایی ثبت نام

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

اگر نمی‌دانید چه چیزی دارید، به بخش مدیریت از دسته «گروه‌های من» بروید.

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

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

5. دستورالعمل های ویدئویی

ویدیو را تماشا کنید، ما قبلاً تمام کارهای اصلی را انجام داده ایم، فقط یک موضوع کوچک باقی مانده است.

6. یک روش جایگزین برای Dummies برای 100 روبل.

اگر خودتان برای ایجاد یک منو مشکل دارید، از این سرویس استفاده کنید - VkMenu.ru ، جایی که برای قیمت متوسط ​​100 روبل. (امروز به این صورت است)، می توانید یک منو از طریق سازنده آنلاین ایجاد کنید.

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

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

اشتراک در من گروه VKontakte . از آن لذت ببرید و به زودی شما را می بینم!

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

اندازه منوی گروه VKontakte چقدر است؟

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

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

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

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

چگونه یک عکس را در توضیحات یک گروه VKontakte قرار دهیم؟

ابتدایی. تنها کاری که باید انجام دهید این است که یک تصویر مناسب با اندازه مناسب بگیرید و از طرف جامعه آن را به دیوار گروه اضافه کنید.

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

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

چگونه در یک گروه VKontakte یک منو بسازیم؟ دستورالعمل ها

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

1. اولین کاری که باید انجام دهیم این است که به تنظیمات گروه رفته و بخش "مواد" را فعال کنید. مقدار باید روی "محدود" یا "باز" ​​تنظیم شود.


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


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



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

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


5. در مرحله بعد به گروه خود بروید و در قسمت آخرین اخبار، روی دکمه «ویرایش» کلیک کنید.


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


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


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

9. در ادامه مانند تصویر زیر کد زیر را می نویسیم. در آن باید شماره عکس را مشخص کنید (برای انجام این کار، می توانید عکس آپلود شده در آلبوم خود را باز کنید و آدرس آن را مانند "photo15535684_427525646" کپی کنید)، اندازه عکس (می توانید آن را در ویژگی های عکس پیدا کنید)، و همچنین لینکی که این عکس به آن منتهی می شود را مشخص کنید.


10. برای اطمینان از اینکه همه چیز را به درستی انجام داده ایم، روی دکمه "پیش نمایش" کلیک کنید. در زیر کد، منوی گروه VKontakte ایجاد شده ظاهر می شود. اگر همه چیز به درستی نمایش داده شد، روی دکمه "ذخیره" کلیک کنید و اگر نه، خطاها را جستجو کرده و تصحیح می کنیم.


11. اکنون به عکسی نیاز داریم که به محافظ صفحه نمایش منوی ما تبدیل شود و در توضیحات گروه ما باشد. ما در بالای ابعاد تصویر برای توصیف گروه VKontakte نوشتیم، اما اگر کسی فراموش کرده باشد - عرض 510 پیکسل و ارتفاع برابر یا کمتر از عرض است. می توانید از سایزهای بزرگتر اما به همان نسبت استفاده کنید.


12. سپس صفحه ایجاد شده خود را با منوی گروه VKontakte ایجاد شده باز می کنیم و پیوند را به آن کپی می کنیم. برای کپی صحیح پیوند، باید روی "ویرایش صفحه" کلیک کنید. پس از این، کد نوشته شده قبلی ظاهر می شود و می توانید آدرس را از خط مرورگر کپی کنید، که باید به صورت زیر باشد: "https://vk.com/page-119301077_51764020".
13. سپس به گروه ما بروید و آدرس منوی کپی شده را در فرم ارسال پیام قرار دهید. و سپس عکسی که به عنوان محافظ صفحه نمایش عمل خواهد کرد. پس از آن، بر روی دکمه "ارسال" کلیک کنید.

14. اکنون تنها چیزی که باقی مانده است این است که این ورودی را ایمن کنیم. همانطور که در تصویر زیر انجام دادم این کار را انجام دهید.


15. این همان چیزی است که منوی ایجاد شده ما برای گروه VKontakte به نظر می رسد. اگر می خواهید شخصاً آن را ببینید، اینجاست

چگونه منوی گروه VKontakte را مفید کنیم

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

بنابراین، ما هدف منوی گروه را فهمیدیم، اجازه دهید به بخش فنی برویم. به تنظیمات بروید: Community Management>Materials>Connect:

تغییرات را ذخیره کنید و به گروه بروید. تب "آخرین اخبار" در زیر توضیحات گروه ظاهر می شود؛ اجازه دهید شروع به ویرایش آن کنیم:

به برگه «ویرایش» بروید (1)، نام منو را تغییر دهید (2)، اطلاعات خود را وارد کنید (3)، آن را ذخیره کنید و به صفحه (4) بازگردید.

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

اگر چیزی کم است یا می‌خواهید چند مرحله به عقب برگردید، به برگه «تاریخچه» بروید و به ذخیره مورد نظر برگردید:

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

همانطور که می بینید، من اطلاعات را در یک سند Word آماده کردم، متن را ویرایش کردم (برترین ها)، پیوندها را اضافه کردم و به سادگی این متن را در منوی "ویرایش" گروه های VKontakte قرار دادم.

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

اگر به منوی گروه VKontakte من بروید، خواهید دید که برخی از پیوندها به صفحات داخلی (2) و برخی دیگر به صفحات خارجی (1) منتهی می شوند:

من در زمان واقعی یک صفحه داخلی دیگر اضافه خواهم کرد:

بنابراین ما یک صفحه (داخلی) جدید در گروه VKontakte خود داریم. حالا باید آن را پر کنیم:

1. روی دکمه «پر کردن محتوا» کلیک کنید.
2. پر کردن گروه با محتوا بیایید آن را ویرایش کنیم.
3. پیکربندی "دسترسی به صفحه". اگر "فقط اعضای گروه می توانند صفحه را مشاهده کنند" را علامت گذاری کنید، این کار باعث ایجاد انگیزه در بازدیدکنندگان برای پیوستن به گروه می شود. صفحه را ذخیره کنید.
4. شماره های لازم را در نوار آدرس صفحه ای که به تازگی ذخیره کرده ایم کپی می کنیم. برای انجام این کار، به حالت "View" بروید و شناسه صفحه را کپی کنید - این اعدادی هستند که ما نیاز داریم.
5. ما به صفحه "کد منبع" از منوی گروه VKontakte برمی گردیم (توصیه می کنم هنگام ایجاد یک صفحه جدید آن را نبندید ... اگرچه باید به هر حال آن را باز کنید) و اعداد را در خط صحیح وارد کنید. بین متن پیوند (مارینا لازاروا (ویدئو)) و خود پیوند (43820829)، نماد «|» را تنظیم کنید. (در طرح صفحه کلید انگلیسی است، کلید ترکیبی Shift+\ است).
طراحی گروه VKontakte، که نیازی به دانش اضافی از ویرایشگرهایی مانند فتوشاپ ندارد. در مقالات بعدی، نحوه ایجاد گروه های زیباتر VKontakte را نشان خواهم داد. اکنون، برای کسانی که نمی توانند برای ایجاد صبر کنند طراحی زیبای گروه VKontakte، دیدن این ویدیو را توصیه می کنم:

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

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

Dropbox، در مورد آن در DragonBlog بخوانید.

با احترام و عشق، !

سلام دوستان. همه چیز حرکت می کند، همه چیز تغییر می کند. شبکه اجتماعی Vkontakte نیز ثابت نمی ماند. بنابراین انتشار من در مورد ایجاد یک بلوک واحد در VKontakte Avatar+Menu امروز بی ربط شده است. اکنون، هنگام ایجاد یک گروه، بلوک News، که برای چنین منویی ضروری بود، به سادگی از دست رفته است.

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

بنابراین، بیایید آن را به ترتیب در نظر بگیریم.

چگونه یک صفحه ویکی ایجاد کنیم؟

1. در نوار آدرس مرورگر خود پیوندی مانند این ایجاد کنید:

• xxx- شناسه گروه یا صفحه عمومی شما؛
• نام صفحه- هر کلمه ای که برای نام گذاری صفحه خود استفاده می کنید.

چگونه شناسه جامعه خود را بفهمیم؟ مثلاً اگر شناسه در پیوند موجود نباشد، https://vk.com/make_community، به شرح زیر قابل دریافت است. روی عنوان دیوار گروه که تعداد انتشارات نوشته شده است کلیک کنید.

دیوار انجمن شما به طور جداگانه باز می شود. اعدادی در نوار آدرس وجود خواهد داشت. این شناسه انجمن شماست.

2. پیوندی را که ایجاد کردید دنبال کنید و روی «پر کردن با محتوا» کلیک کنید.

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

سپس آن را به صورت تک تک دکمه ها برش می دهیم. در این مورد خاص، باید چهار تصویر دکمه داشته باشیم.

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

پس از بارگذاری تمام تصاویر باید به شکل زیر باشد:

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

ما یک منو ایجاد می کنیم.

شما باید یک پست مانند این را در دیوار گروه VKontakte خود دریافت کنید:

چگونه یک منو را پین کنیم؟

تنها کاری که باید انجام دهیم این است که منو را به بالای گروه پین ​​کنیم. برای این کار روی متن روبروی عکس در پست کلیک کنید. در پنجره ای که باز می شود، روی «Pin» در پایین سمت راست کلیک کنید.

همه. حالا باید چیزی شبیه به این بگیریم:

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

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

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

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

در این مقاله اطلاعاتی در مورد نحوه ایجاد منوی گروه VK خودتان پیدا خواهید کرد! بنابراین، اگر با این سوال متحیر هستید: چگونه یک منوی گروه VKontakte بسازید، این بررسی برای شما مناسب است!

ناوبری سریع:

منوی گروهی چیست؟

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

ایجاد منوی گروه VKontakte به صورت آنلاین

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

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

اصل ایجاد یک منو را می توان به چند مرحله تقسیم کرد:

مرحله 1. در مورد یک الگوی طراحی تصمیم بگیرید.

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

مرحله 2: تعداد دکمه ها را تعیین کنید.

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

مرحله 3. پیوندها و زیرنویس ها را مشخص کنید.

مرحله 4. تأیید و صادرات.

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

مرحله 5. ایجاد تغییرات.

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

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

یک بنر برای گروه VKontakte به صورت رایگان ایجاد کنید!

سایت های تخصصی وجود دارد که بدون تلاش و نرم افزار زیاد، می توانید یک بنر زیبا برای گروه VKontakte برای خود بسازید. به عنوان مثال https://bannermakers.ru/banners-vk/.
علاوه بر ایجاد منو به این روش، راه هایی نیز برای ایجاد منو در گروه VK به روش های دیگر وجود دارد. در مورد آن در زیر بخوانید.

نشانه گذاری ویکی منوی VK

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

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

· ایجاد اسپویلر و جداول به صورت گرافیکی.

· قالب بندی تصاویر و متن.

بنابراین، بیایید به تجزیه و تحلیل چگونگی ایجاد یک منو برای جامعه VK برویم؟

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

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

ثبت نام سریع

اکنون به سؤالات نگاه خواهیم کرد: "چگونه یک منو در یک گروه در VK ایجاد کنیم" و نحوه اجرای موثر آن را روشن می کنیم. در این فرآیند، می توانید چندین مسیر را طی کنید که هر کدام جهت خاص خود را دارد و به هدف نهایی - داشتن یک منوی گروهی با کیفیت بالا - منجر می شود.

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

اصول نشانه گذاری ویکی در ایجاد منو برای یک گروه VK

تصاویر و عکس های موضوعی به شما امکان می دهد یک منوی گروه VK ایجاد کنید که زیبا و جالب است. دانستن این نکته مهم است که در VKontakte فقط زمانی می توان عکس یا تصویر لازم را با استفاده از نشانه گذاری ویکی وارد کرد که قبلاً در آلبوم های سایت آپلود شده باشند. پس به آلبوم بروید، عکس مورد نظر را انتخاب کنید و آدرس آن را کپی کنید. فرض کنید اینطوری می شود: photo14523_90678. اکنون باید آن را در دو براکت مربع ثبت کنید. نتیجه باید به این صورت باشد: []. اگر بخواهید پیوند یا متنی را به یک تصویر یا عکس پیوست کنید، چه؟ یا شاید نیاز به ویرایش تصویر خارجی وجود دارد؟ سپس عمل زیر در اینجا کمک خواهد کرد: شما نیاز دارید که فایل به این شکل باشد - [[photo14523_90678|گزینه‌ها|text/link]]، و به جای سه کلمه آخر باید آنچه را که نیاز دارید جایگزین کنید. متن - آنچه را که نیاز دارید وارد کنید. در اینجا، توضیحات اضافی احتمالاً نامناسب خواهد بود. پیوند ترجمه شده از انگلیسی "پیوند" است. طوری تعیین شده است که ماشین بازدیدکننده بفهمد کجا باید برود. گزینه ها - مقادیر زیر در اینجا تنظیم شده است:

Noborder - قاب واقع در نزدیکی عکس را حذف می کند. جعبه - تصویر در یک پنجره قرار دارد.

Nopadding - فاصله بین تصاویر نمایش داده نمی شود.

NNNxYYYpx یا NNNpx - اندازه تصویر را (به پیکسل) نشان می دهد.

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

(| - تعیین ابتدای جدول. بدون این نماد هنگام ایجاد جدول غیرممکن است؛ این یک ویژگی ضروری است.

| - برای دادن یک اثر شفاف به سلول ها استفاده می شود.

|+ - با استفاده از این مجموعه کاراکتر، نام جدول در مرکز قرار می گیرد. این یک ویژگی اجباری نیست، اما باید بلافاصله پس از علائمی که شروع را مشخص می کند قرار گیرد.

|- - به این ترتیب خطوط جدید تعیین می شوند (همچنین برای سلول ها).

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

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

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

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

نحوه ساخت منو در گروه VK با طراحی جدید 2018

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

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

1. تصویر منو را در فتوشاپ یا ویرایشگر گرافیکی دیگر باز کنید.

2. اندازه عکس را بررسی می کنیم و اگر عرض آن از 600 پیکسل بیشتر شود، اندازه را به 600 تغییر می دهیم، ارتفاع عکس به نسبت تغییر می کند، آن را به صورت دستی تنظیم نمی کنیم!

3. از ابزار برش استفاده کنید و تصویر ما را به صورت دکمه برش دهید.

4. تصویر را در پارامتر "for WEB" ذخیره کنید. حالا کار فتوشاپ تمام شده است. بریم سراغ جامعه

5. به تنظیمات انجمن در «مواد» بروید، «محدود» را انتخاب کنید و روی «ذخیره» کلیک کنید.

6. به صفحه اصلی بروید، در قسمت «آخرین اخبار»، روی «ویرایش» کلیک کنید.

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

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

اکنون کد منوی خود را داریم، اما باید کمی اصلاح شود تا فاصله بین تصاویر حذف شود. حالا کد ما به این شکل است: [][-][-][-][-]

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

8. ویرایش کد: به طور پیش فرض، VK دارای وضوح داخلی برای حداکثر اندازه تصویر 400 پیکسل در عرض است، اولین دکمه معلوم می شود 600 است، پارامترهای دکمه اول را 400x89px به 600px تغییر دهید، نیازی نیست برای تعیین ارتفاع همچنین تگ زیر را در هر خط وارد می کنیم: nopadding باید با یک نقطه ویرگول از هم جدا شود.

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

[][-][-][-][-]

اکنون با رفتن به "پیش نمایش" می بینیم که همه چیز در جای خود قرار دارد. پیوندهای لازم را به هر یک از دکمه ها به کد اضافه می کنیم؛ برای مثال واضح، پیوند دکمه اول در اینجا قابل کلیک نیست! فراموش نکنید که فضای اضافی بین | را بردارید و ].

[][-][-][-][-]

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

9. حالا باید منوی خود را پین کنیم. برای این کار لینک صفحه را از منوی ما کپی کنید و به صفحه اصلی گروه بازگردید.

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

11. حالا بیایید منو را اصلاح کنیم، صفحه را بازخوانی کنیم و نتیجه خود را ارزیابی کنیم. کل کار، به آرامی، تقریباً 15-20 دقیقه طول می کشد.

نحوه ایجاد منو در یک گروه VK با انتقال

حالا بیایید ببینیم چگونه می توانید یک منوی گروه VK با انتقال ایجاد کنید.

بنابراین، چگونه یک منوی ویکی را در یک منوی دیگر ایجاد می کنید؟ اول از همه، منوی اول باید آماده باشد. ما از تصویری که قبلاً به دکمه ها بریده شده است شروع می کنیم. ما تکه های برش خورده تصویر را از طریق ذخیره دوربین در ویرایشگر ویکی اضافه می کنیم. اگر تصاویر به جای کد ظاهر می شوند، به این معنی است که حالت نشانه گذاری ویکی فعال نیست؛ قبل از افزودن تصویر، روی<>

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

1. پس از ویرایش کد، ذخیره کنید و روی "بازگشت" کلیک کنید.

2. بررسی کنید که منوی اول به درستی نمایش داده شود.

3. اگر همه چیز همانطور که باید باشد، دوباره روی "ویرایش" کلیک کنید.

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

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

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

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

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

بنابراین، با کلیک بر روی دکمه "Reviews"، منوی دوم ما باز می شود.

نحوه ایجاد منوی گروه VK از تلفن خود

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

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

قالب های منوی گروه VKontakte

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

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