یک منوی آماده برای یک گروه در تماس. vkontakte را تشکیل دهید. نحوه ایجاد منوی عمومی (درست شد)

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

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

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

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

و در اینجا یک مثال از یک راه حل ناموفق است:

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

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

حالا بیایید همه اینها را از منظر فنی بررسی کنیم.

ما یک منو برای گروه Vkontakte ایجاد می کنیم

اول از همه، ما یک طرح گرافیکی از منوی آینده ایجاد می کنیم. برای این منظور از برنامه فتوشاپ استفاده می کنیم (برای یک عکس ساده، Paint استاندارد به خوبی عمل می کند). برنامه را باز کنید و یک سند جدید ایجاد کنید:

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

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

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

برای اینکه برش ها تا حد امکان دقیق باشد، باید با فشار دادن CTRL + R از خطوط کمکی استفاده کنید. ماوس خود را روی خط بالایی قرار دهید و آن را روی تصویر به صورت زیر بکشید:

آخرین مرحله برش اجسام است. برای انجام این کار، روی دکمه «Slices From Guides» در نوار ابزار بالا کلیک کنید:

ما چارچوب را برای دستگاه های وب ذخیره می کنیم. فرمت تصویر را روی JPG تنظیم کنید، حداکثر کیفیت را انتخاب کنید و به عنوان مثال در دسکتاپ ذخیره کنید:

پوشه ای با اسکلت منوی آینده روی دسکتاپ ظاهر شده است که باید آن را به گروه منتقل کنیم.

نمایش منو با استفاده از نشانه گذاری ویکی

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

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

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

حالا گروه را در یک تب جدید باز کنید و قاب آماده شده را در آلبوم عکس آپلود کنید و کد زیر را هر چند بار که کادر به قسمت تقسیم شده است در ویرایشگر متن قرار دهید:

[ [ photo133337_133701019|370px;nopadding;|page- 13333337 _13333337] ]

به جای مقدار “photo133337_133701019”، باید لینک عکس را وارد کنید.

به جای مقدار page-13333337_13333337، باید پیوندی به صفحه یا بخش مورد نظر گروه درج کنید.

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

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

با سلام خدمت دوستان و مهمانان عزیز وبلاگ. امروز در مورد ایجاد منوها در 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 کار نمی کنند، کافی است مکانی را در رایانه خود که در آن تصویر ذخیره شده است باز کنید و آن را به فتوشاپ بکشید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سلام دوستان!

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

منوی VKontakte چیست و برای چیست؟

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

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

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

بنابراین، هنگام ایجاد منو، موضوع انجمن را حتما در نظر بگیرید.

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

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

چگونه یک طرح جذاب داشته باشیم؟

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

ابتدا باید برنامه فتوشاپ را نصب کنید، اگر قبلاً این برنامه را روی رایانه خود نصب نکرده اید.
فتوشاپ را باز کنید و دو فایل قالب برای آواتار و منو ایجاد کنید. ابعاد مورد نیاز را تنظیم کنید. به عنوان مثال، برای یک آواتار 200×500 پیکسل و برای یک منو 389×600 پیکسل است. آنها را با یک رنگ پر کنید تا به وضوح دیده شوند و دو فایل جداگانه ایجاد شده را ذخیره کنید.
ما یک الگو را به جای آواتار در گروه آپلود می کنیم و کل منطقه را برجسته می کنیم.
بارگیری منو کمی پیچیده تر است. برای انجام این کار، باید مواد را در "مدیریت جامعه" فعال کنید. پس از آن، امکان افزودن منو در دسترس خواهد بود. به تبی که در زیر توضیحات گروه «آخرین اخبار» ظاهر می شود بروید و در نوار ابزار به شکل دوربین روی دکمه کلیک کنید و فایل را از رایانه خود آپلود کنید. اتفاق افتاد؟
بلافاصله پس از دانلود، لینکی در دسترس شما قرار می گیرد که باید کمی اصلاح شود. بعد از کلمه "noborder" علامت ";" را وارد کنید. و کلمه "nopadding". هنگامی که اخبار را به انجمن اضافه می کنید، این ویژگی از پایین آمدن منوی شما جلوگیری می کند.
ما Prnt Scrn صفحه اصلی گروه شما را می سازیم. برای چی؟ برای درک اشتباهات خود واقعیت این است که اکنون این یک نسخه پیش نویس است - همه چیز صاف و زیبا نیست. هدف شما این است که مرزهای پایین منو و آواتار کاملاً مطابقت داشته باشند. سپس شاید این سوال برای شما پیش بیاید که "چرا ابعاد دقیق را به شما نمی دهم؟". اما واقعیت این است که هر ادمین مقدار متفاوتی از متن را در توضیحات گروه استفاده می کند که ارتفاع منو را تغییر می دهد و عرض منو سلیقه ای است و همانطور که می دانیم برای همه متفاوت است.
وارد فتوشاپ می شویم و یک فایل جدید ایجاد می کنیم و یک اسکرین شات را در آنجا قرار می دهیم.
اکنون، با کار با این فایل، منطقه آواتار را با استفاده از "انتخاب مستطیلی" انتخاب می کنیم - آنها می توانند یک منطقه خاص را تا حد امکان دقیق انتخاب کنند. در مرحله بعد، کلیک راست کرده و "cut to new layer" را انتخاب کنید.
ما در مورد تصویر منو روی همان چیزی کار می کنیم، فقط هنگام انتخاب آن، باید موارد غیر ضروری را در پایین قطع کنید. مطمئن شوید که قسمت پایین منو و آواتار دقیقاً یکسان هستند.
حالا با نگه داشتن دکمه Ctrl، دو لایه ای که ایجاد کردیم را انتخاب کنید. روی آنها کلیک راست کرده و تابع "Merge Layers" را انتخاب کنید. قبل از ما دو تا از الگوهای کاملاً مطابق ما در یک صفحه ظاهر می شوند.
مرحله بعدی آپلود عکس روی جلد است. در بالای قالب های ما ظاهر می شود. اکنون در سمت راست در ابزار لایه، روی فایل جلد کلیک کنید و در حالی که کلید Alt را نگه دارید. پس از این روش، پوشش فقط روی قالب ها قابل مشاهده خواهد بود و در خارج از مرزهای آنها نامرئی می شود. اما این امر مانع از جابجایی کاور و انتخاب قسمت قابل مشاهده مورد نظر از آن نمی شود.
حالا نکته مهم ایجاد منو دکمه ها هستند. در این مرحله، شما باید نام دقیق دکمه های آینده را بدانید. به عنوان مثال، "سلامت"، "کودکان"، "مخاطبین ما". برای تسهیل کار، اولین دکمه را ایجاد می کنیم، دکمه های بعدی فقط متن را کپی کرده و تغییر می دهند.
یک لوگو به آواتار یا تماس شفاهی یا هر دو اضافه می کنیم. این به گروه شما سرزندگی و همچنین یک ویژگی متمایز می بخشد.
فایل به اشتراک گذاشته شده را به عنوان تصویر در رایانه خود ذخیره کنید. بعدش چی؟
فایلی را که به تازگی در فتوشاپ ایجاد کرده ایم باز کنید. در مرحله بعد، یک فایل خالی جدید با ابعاد دقیق آواتار خود ایجاد می کنیم، تصویری که با لوگو و دکمه ها ایجاد کرده ایم را در آن قرار می دهیم. منطقه مورد نیاز برای آواتار را انتخاب می کنیم و به طور ایده آل آن را با ابعاد انتخاب شده تنظیم می کنیم. سپس خلقت خود را نجات می دهیم.
ما همین کار را با منو انجام می دهیم. اما باز هم در اینجا اضافه شده است. ابتدا باید ارتفاع منو را دریابید، زیرا با پیش نویس مطابقت ندارد. با استفاده از خط کش، ارتفاع را تا یک پیکسل اندازه می گیریم (و بهتر است چندین بار اندازه گیری شود تا اشتباه نشود). ما یک فایل جدید با عرض قدیمی و ارتفاع جدید ایجاد می کنیم، تصویر را متناسب با آن تنظیم می کنیم و روی دکمه "ذخیره" کلیک می کنیم.
یک آواتار جدید بارگذاری می کنیم، کل منطقه را انتخاب می کنیم و یک تصویر کوچک را انتخاب می کنیم.
منو را از طریق دکمه «آخرین اخبار» دانلود کنید. پیوند قبلی را حذف کنید، یک عکس جدید آپلود کنید و ";nopadding" را اضافه کنید.
حالا بیایید طرح منوی خود را برش دهیم. از ابزار "برش" یا "چاقو" فتوشاپ استفاده کنید. در نسخه های مختلف فتوشاپ به طور متفاوتی به آن گفته می شود. زیر هر دکمه یک خط می کشیم تا مستطیل های جداگانه ای بسازیم که در آن کاربر می تواند در آینده به لینک های خاصی برود.
ما از طریق "آخرین اخبار" به ویرایش منو می رویم و هر یک از بریده های خود را به نوبه خود از منو بارگذاری می کنیم. هنگام مشاهده، شکاف های بین تصاویر ما نشان داده می شود. برای خلاص شدن از شر آنها، باید کلمه ";nopadding" را به هر لینک اضافه کنید.
حالا برای اینکه لینک های شما فعال باشد و بتوانید اطلاعات مورد نیاز خود را وارد کنید، سپس روی لینک های تصاویر در ویرایش منو بنویسید - نام یکی از دکمه های خود را - مثلا Delivery. اما این کلمه باید طبق قوانین تعیین شده به وضوح نوشته شود، باید به این شکل باشد [[تحویل]]. بعد، صفحه را ذخیره کنید، این لینک را دنبال کنید و آن را با محتوای لازم پر کنید.
آخرین مرحله برای اینکه همه چیز کار کند این است که یک کپی از پیوند به صفحه تحویل را در پیوند دکمه قرار دهید، به عنوان مثال - page-123456_456789، یعنی infa بین کلمات "vk.com/" تا "?" . تمام است، حالا هر دکمه را به همین ترتیب طراحی کنید و منوی شما با موفقیت مخاطبان هدف شما را جذب کند.

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

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

اولین ثانیه های اقامت، اقدامات بعدی مهمان را تشکیل می دهد. به همین دلیل است که رابط کاربری نقش مهمی ایفا می کند.

عواملی که مهمان را ترک می کند:

آواتار;
شرح؛
نام؛
منوی زیبا و کاربردی؛
رنگارنگی؛
محتوا.

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

منو باید چی باشه

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

سه هدف اصلی گروه ها عبارتند از:

حراجی؛
افزایش ترافیک؛
افزایش بازدیدکنندگان فعال

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

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

کاتالوگ;
قیمت؛
تحویل؛
پیشنهادات تبلیغاتی؛
بررسی ها

برای افزایش بازدید، تاکید بر محتوا و ذوق سایت یا وبلاگ است.

مجموعه تقریبی دکمه ها:

ویدئو: منوی عمومی

کار با فتوشاپ

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

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

این کار با استفاده از ابزار Rectangular Marquee انجام می شود:

کار با گرافیک:

تقریباً باید به این شکل باشد:

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

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

ابتدا باید نشانه گذاری را انجام دهید:

ایجاد قطعات:

ذخیره تصاویر:

بخش فنی

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

مهم! پر کردن منو با آپلود معمول عکس یا عکس متفاوت است.

همه به ترتیب:

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

ورودی مورد نیاز را پیدا کنید؛
با دکمه سمت چپ ماوس روی آن کلیک کنید؛
URL را در نوار آدرس کپی کنید.

به منبعی بروید که می خواهید بازدید کننده را تغییر مسیر دهید.
آدرس مورد نیاز را کپی کنید

تغییرات را با دکمه مناسب در پایین پنجره ذخیره کنید.

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

نحوه ایجاد یک منو در نشانه گذاری ویکی گروه Vkontakte

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

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

اثرات
منوهای غیر معمول؛
بشقاب ها;
عناصر ناوبری؛
قالب بندی متن

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

این طراحی به طور شهودی باعث می شود بازدید کننده بماند، روی دکمه کلیک کنید. یعنی به تأخیر انداختن و تحریک به عمل - و این دقیقاً همان چیزی است که لازم است.

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

ویدئو: منو با جستجو بر اساس دسته

تفاوت های ظریف خلقت

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

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

مثل این: []

تگ های اصلی در جدول زیر ارائه شده است:

عکس: برچسب هایی که برای نشانه گذاری استفاده می شوند

کار با تصاویر

جایی که گزینه ها با:

هیچ مرزی- از بین بردن قاب اطراف تصویر؛
بدون بالشتک- حذف فاصله بین تصویر
جلگه- درج لینک به تصویر به صورت متنی و بدون گرافیک صادر می شود.
بدون لینک- حذف پیوند به تصویر؛
جعبه- باز کردن یک تصویر در یک پنجره؛
NNNxYYYpx یا NNNpx- اندازه عکس را بر حسب پیکسل تنظیم می کند.

یک جدول ایجاد کنید

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

جدول با استفاده از مجموعه خاصی از کاراکترها ایجاد می شود که هر یک از آنها مسئول قسمت خاصی از جدول هستند:

{| نماد ابتدای جدول، بدون آن جدولی وجود نخواهد داشت. همیشه استفاده می شود؛
|+ مسئول محل عنوان جدول در مرکز است. بعد از کاراکترهای ابتدای جدول قرار دهید. به میل خود استفاده می شود؛
| شروع یک خط و سلول جدید را نشان می دهد.
| نمادی که سلول را شفاف می کند.
! سلول را تاریک می کند در غیاب آن، باید از علامت قبلی استفاده شود.
|} یعنی انتهای جدول با این حال، یک کاراکتر اختیاری برای جلوگیری از بروز خطا استفاده می شود.

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

ویژگی های نشانه گذاری

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

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

هنگام تغییر اندازه تصویر باید مراقب باشید - اگر کمتر از 131 پیکسل باشد، کیفیت آن به طور قابل توجهی بدتر می شود.
عرض تصویر نباید از 610 پیکسل تجاوز کند.
قرار دادن بیش از 17 تگ باز در یک صفحه ویکی ممنوع است.
هنگام تغییر عرض تصویر، ارتفاع آن به طور خودکار و متناسب تغییر می کند.
لیست داخل جدول باید با استفاده از تگ ایجاد شود
;
در یک خط نشانه گذاری نباید بیش از 8 مورد لیست وجود داشته باشد.

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

مهم! بسته شدن همه برچسب ها را بررسی کنید. دنباله رو حفظ کن

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

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

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

منوی عمومی؟ به آسانی پای!

دوباره مقالات را مرور کنید: و اکنون این دانش به کارتان خواهد آمد!

3 گام تا یک منوی عمومی زیبا!

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

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

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

گزینه 1: (معمولی)

http://vk.com/pages?oid=- XXX &p= نام صفحه

جایی که XXX شناسه صفحه عمومی شماست،

و "Page_Name" هر کلمه ای است که صفحه نامیده می شود

گزینه 2: (درست، اما)

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

این کد منوی ویکی است

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

و این صفحه منو است

مرحله 2: یک پست روی دیوار ایجاد کنید

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

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

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

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

مرحله 3: پین کردن پست

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

روی این دکمه کلیک کنید و صفحه را Refresh کنید. Voila، شما آماده اید! از منوی زیبا لذت ببرید!

vk.com/frilkacom

حتی می توانید تصویری را انتخاب کنید که ادامه آواتار شما باشد - این طرح بسیار زیبا به نظر می رسد.

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

من همه چیز برای آن دارم! مقاله را با دوستان خود به اشتراک بگذارید، آن را به موارد دلخواه خود اضافه کنید و به روز رسانی های وبلاگ را دنبال کنید تا مقالات جالب جدید را از دست ندهید!