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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آلبوم فنی VK

بعد از اینکه حریم خصوصی "Only Me" را تنظیم کردید. ما به نصب خود منو ادامه می دهیم. من نمونه ای از کد را به شما می دهم که یک الگو برای شما خواهد بود و آن را تجزیه و تحلیل خواهیم کرد:

[]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

دستورات و ویژگی های اصلی منوی ویکی

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

متأسفانه، ما نمی‌توانیم کاملاً همه تیم‌ها را در مواد خود جای دهیم، بنابراین فقط در مورد تعداد کمی صحبت خواهیم کرد.

ساخت منو با استفاده از فایل های رسانه ای

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

به صورت متنی، فایل های رسانه ای عبارتند از: [].

در جایی که رسانه XXXX_YYYY خود فایل رسانه است، گزینه‌ها تنظیمات مختلفی هستند (برای عکس‌ها و ویدیوها)، پیوند عنوانی است که وقتی ماوس را روی عکس/ویدیو می‌کشید نمایش داده می‌شود.

گزینه های عکس عبارتند از:

برای ویدیو:

ما سرفصل های سطوح مختلف را با استفاده از علائم == ایجاد می کنیم

علائم "==" را در ابتدا و انتهای عنوان اضافه کنید. برای نمونه به اسکرین شات نگاه کنید:

ما با متن هدرها برای طراحی منوی گروه VKontakte کار می کنیم

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

استفاده از نقل قول برای جلب توجه

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

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

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

برای یک لیست گلوله ای، شبیه به لیست قبلی است، فقط با علامت "*".

کار با تورفتگی

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

لینک های داخلی در منوی گروه

اینها پیوندهایی با منابع اجتماعی داخلی هستند. شبکه VKontakte (پیوند به یک شخص، جامعه، بحث، برنامه، صفحه، ویدئو و تصویر). آنها با استفاده از ساختار زیر اضافه می شوند: [].

پیوندهای خارجی در ایجاد منوی VKontakte.

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

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

اسپویلر آموزنده

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

یک اسپویلر با استفاده از ساختار ایجاد می شود:

((Hider | نام اسپویلر
متن
}}

و به این صورت خواهد بود:

بنابراین، دستورات به ایجاد یک لیست کامل با تمام عناصر طراحی کمک می کند.

انواع منو: چه هستند؟

صفحات ویکی در VKontakte را می توان بر اساس معیارهای مختلفی تقسیم کرد:

• متن (فقط متن)؛
• گرافیکی (با استفاده از تصاویر دکمه ها، پس زمینه و غیره).

با نمایش (بسته به تصویر استفاده شده):

• ز پنهان (خود ساختار قابل مشاهده نیست)؛

• باز کردن (همه موارد به یکباره قابل مشاهده هستند)؛

• با یک بنر مجاور یا مشترک (می تواند باز یا بسته باشد).

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

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

نحوه ایجاد یک منوی متنی

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

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

1. ابتدا باید یک انجمن راه اندازی کنید. برای انجام این کار، به "مدیریت جامعه" بروید و بخش "بخش ها" را انتخاب کنید. خط "مواد" را پیدا کنید، "محدود" را انتخاب کنید و تنظیمات را ذخیره کنید.

1. در ادامه در صفحه اصلی عمومی "اخبار تازه" ظاهر می شود. به آنها بروید و روی "ویرایش" کلیک کنید.

1. عنوان را وارد کنید
2. در زیر ویرایشگر متن VK آمده است. اینجاست که ما لیست خود را ایجاد می کنیم.
3. از ساختار زیر استفاده کنید:

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

به عنوان مثال، یک ساختار ساده و کوچک می نویسیم:

1. ذخیره را کلیک کنید.

در اینجا از علائم "==" برای برجسته کردن عنوان و از علامت "*" برای برجسته کردن موارد فرعی استفاده کرده ایم. در نتیجه به موارد زیر رسیدیم:

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

با تخیل و قابلیت های ویکی نشانه گذاری می توانید هر آنچه را که می خواهید اضافه کنید.

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

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

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

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

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

1. ما تصاویر را در ویرایشگر متن VKontakte بارگذاری می کنیم.

1. با کلیک بر روی هر تصویر، می توانید گزینه ها را انتخاب کرده و یک لینک ارائه دهید.

1. در سمت راست، یک سوئیچ بین حالت های ویرایش بصری و متن وجود دارد.

1. در نسخه متنی، تصاویر ما به این صورت است:

1. برای حذف فاصله بین تصاویر و بستن آنها، نوشته "noborder" را به "nopadding" تغییر دهید. و بعد از علامت "|" یک لینک اضافه کنید

1. روی "ذخیره صفحه" کلیک کنید.

در نتیجه، منوی زیر را دریافت کردیم:

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

چگونه رفع کنیم

برای نمایش منوی ویکی تولید شده در صفحه اصلی انجمن، مراحل زیر را دنبال کنید:

1. یک پست جدید ایجاد کنید.
2. پیوند منوی خود را کپی کنید. برای انجام این کار، دوباره به ویرایش بروید و URL را از نوار آدرس مرورگر کپی کنید.

ابتدا یک تصویر اضافه کنید، تصویر زیر را ببینید.

اکنون پست را منتشر کرده و پین کنید.

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

نحوه حذف

حذف منوی ویکی کار سختی نیست. شما فقط باید به "مدیریت جامعه"، بخش "بخش ها" بروید و مواد را خاموش کنید.

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

قالب های آماده

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

• You-ps.ru یک سرویس با قالب های آماده برای ویکی منوها و سایر عناصر آماده طراحی انجمن است.

• Vkmenu.com یک سازنده آنلاین است. به شما این امکان را می دهد که به سرعت و به راحتی منوهای شیک ایجاد کنید.

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

نتیجه

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

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

با خیال راحت آزمایش کنید و اصیل باشید!

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

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

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

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

مرحله اول

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

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

در قسمت های ضروری تصویر، با استفاده از المان های «فتوشاپ»، باید برچسب ها و دکمه ها را قرار داد.

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

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

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

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

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

بر روی تصویر کلیک راست کرده و مورد "Divide Fragment" را از لیست کشویی انتخاب کنید.

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

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

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

فاز دوم

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

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

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

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

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

چگونه شماره تصویر را دریافت کنم؟

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

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

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

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

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

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

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

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

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

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

سلام دوستان!

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

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

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

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

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

بنابراین هنگام ایجاد منوی خود حتماً جامعه را در نظر داشته باشید.

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

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

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

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

1. اگر قبلاً این برنامه را روی رایانه خود نصب نکرده اید ابتدا باید برنامه فتوشاپ را نصب کنید.
2. فتوشاپ را باز کنید و دو فایل قالب برای آواتار و منو ایجاد کنید. ما ابعاد مورد نیاز را تنظیم می کنیم. برای مثال، برای یک آواتار 200 × 500 پیکسل و یک منو 389 × 600 پیکسل است. آنها را با هر رنگی پر کنید تا به وضوح قابل مشاهده باشند و دو فایل جداگانه ایجاد شده را ذخیره کنید.
3. الگو را به جای آواتار در گروه بارگذاری کنید و کل منطقه را انتخاب کنید.
4. بارگیری منو کمی پیچیده تر است. برای این کار باید محتوا را در Community Management فعال کنید. پس از آن، امکان افزودن منو در دسترس خواهد بود. به برگه ای که در زیر توضیحات گروه «اخبار تازه» ظاهر می شود بروید و در نوار ابزار روی دکمه به شکل دوربین کلیک کنید و فایل را از رایانه خود آپلود کنید. اتفاق افتاد؟
   
5. بلافاصله پس از دانلود، لینکی در دسترس شما قرار می گیرد که باید کمی اصلاح شود. بعد از کلمه "noborder" یک ";" بنویسید. و کلمه "nopadding". هنگامی که اخبار را به انجمن اضافه می کنید، این ویژگی از پایین آمدن منوی شما جلوگیری می کند.
6. ما Prnt Scrn را به صفحه اصلی گروه شما تبدیل می کنیم. برای چی؟ برای درک اشتباهات خود واقعیت این است که اکنون این یک نسخه خشن است - همه چیز یکنواخت و نه چندان زیبا است. هدف شما این است که مرزهای پایین منو و آواتار را کاملاً مطابقت دهید. سپس ممکن است این سوال برای شما پیش بیاید که "چرا اندازه گیری های دقیق را به شما نمی دهم؟" و واقعیت این است که هر ادمین مقدار متفاوتی از متن را در توضیحات گروه استفاده می کند که ارتفاع منو را تغییر می دهد و عرض منو سلیقه ای است و همانطور که می دانیم برای همه متفاوت است.
7. وارد فتوشاپ می شویم و با قرار دادن یک اسکرین شات در آنجا یک فایل جدید ایجاد می کنیم.
8. اکنون، با کار با این فایل، منطقه آواتار را با استفاده از "انتخاب مستطیلی" انتخاب می کنیم - آنها می توانند یک منطقه خاص را تا حد امکان دقیق انتخاب کنند. در مرحله بعد، کلیک راست کرده و "cut to new layer" را انتخاب کنید.
   
9. ما روی همان چیزی با تصویر منو کار می کنیم، فقط هنگام انتخاب آن، باید موارد غیر ضروری را در پایین قطع کنید. قسمت پایین منو و آواتار را کاملاً مطابقت دهید.
10. حالا با نگه داشتن دکمه Ctrl، دو لایه ای که ایجاد کردیم را انتخاب کنید. روی آنها کلیک راست کرده و تابع "Merge Layers" را انتخاب کنید. قبل از ما دو تا از الگوهای کاملاً مطابق ما در یک صفحه ظاهر می شوند.
11. مرحله بعدی آپلود عکس روی جلد است. در بالای قالب های ما ظاهر می شود. حالا در سمت راست در ابزار لایه، روی فایل جلد کلیک کنید و در حالی که کلید Alt را نگه دارید. پس از این روش، پوشش فقط روی قالب ها قابل مشاهده خواهد بود و در خارج از مرزهای آنها نامرئی می شود. اما این امر مانع از جابجایی کاور و انتخاب قسمت قابل مشاهده مورد نظر از آن نمی شود.
12. حال نکته مهم ایجاد منو دکمه ها هستند. در این مرحله، از قبل باید نام دقیق دکمه های آینده را بدانید. به عنوان مثال، "سلامت"، "کودکان"، "مخاطبین ما". برای تسهیل کار، اولین دکمه را ایجاد می کنیم، سپس فقط متن را کپی کرده و تغییر می دهیم.
13. ما یک لوگو به آواتار یا جذابیت کلامی یا هر دو اضافه می کنیم. این امر به گروه شما سرزندگی و همچنین یک شخصیت متمایز می بخشد.
    
14. فایل به اشتراک گذاشته شده را به عنوان تصویر در رایانه خود ذخیره کنید. بعدش چی؟
15. فایلی را که به تازگی در فتوشاپ ایجاد کرده ایم باز کنید. بعد، یک فایل خالی جدید با ابعاد دقیق آواتار خود ایجاد کنید، تصویری که با آرم و دکمه ها ایجاد کردیم را در آن قرار دهید. ما منطقه مورد نیاز برای آواتار را انتخاب می کنیم و کاملاً متناسب با اندازه های انتخاب شده است. سپس خلقت خود را نجات می دهیم.
16. ما همین کار را با منو انجام می دهیم. اما باز هم در اینجا اضافه شده است. ابتدا باید ارتفاع منو را دریابید، زیرا با پیش نویس مطابقت ندارد. با استفاده از خط کش، ارتفاع را تا یک پیکسل اندازه می گیریم (و بهتر است چندین بار اندازه گیری شود تا اشتباه نشود). یک فایل جدید با عرض قدیمی و ارتفاع جدید ایجاد کنید، اندازه عکس را تغییر دهید و دکمه "ذخیره" را فشار دهید.
    
17. یک آواتار جدید بارگیری کنید، کل منطقه را انتخاب کنید و یک تصویر کوچک انتخاب کنید.
18. ما منو را از طریق دکمه "اخبار تازه" آپلود می کنیم. پیوند قبلی را حذف کنید، یک عکس جدید آپلود کنید و "; nopadding" را اضافه کنید.
19. اکنون طرح منوی خود را برش می دهیم. از ابزار برش یا چاقو فتوشاپ استفاده کنید. در نسخه های مختلف فتوشاپ به طور متفاوتی نامیده می شود. زیر هر دکمه، یک خط بکشید تا مستطیل‌های جداگانه بسازید، که کاربر می‌تواند در آینده به پیوندهای خاصی برود.
20. ما از طریق "اخبار تازه" به ویرایش منو می رویم و هر یک از بریده هایمان را به نوبه خود از منو بارگذاری می کنیم. هنگام مشاهده، شکاف های بین تصاویر ما نشان داده می شود. برای خلاص شدن از شر آنها، باید کلمه "; nopadding" را به هر پیوند اضافه کنید.
    
21. حالا برای اینکه لینک های شما فعال باشد و بتوانید اطلاعات مورد نیاز خود را درج کنید، سپس روی لینک های تصاویر در منوی ویرایش - نام یکی از دکمه های خود - مثلا Delivery بنویسید. اما این کلمه باید طبق قوانین تعیین شده به وضوح نوشته شود، باید به این شکل باشد [[تحویل]]. بعد، صفحه را ذخیره می کنیم، این لینک را دنبال کرده و آن را با محتوای لازم پر می کنیم.
22. آخرین مرحله برای اینکه همه چیز کار کند این است که یک کپی از پیوند به صفحه تحویل را در پیوند دکمه قرار دهید، به عنوان مثال - page-123456_456789، یعنی infa بین کلمات "vk.com/" تا "?". تمام، حالا هر دکمه را نیز طراحی کنید و منوی شما با موفقیت مخاطبان هدف شما را جذب کند.

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

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

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

عوامل خروج مهمان:

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

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

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

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

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

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

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

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

1. کاتالوگ;
2. قیمت؛
3. تحویل؛
4. پیشنهادات تبلیغاتی؛
5. بررسی ها

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

نسخه تقریبی مجموعه ای از دکمه ها:

ویدئو: منو برای عموم

ما با فتوشاپ کار می کنیم

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

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

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

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

می بایست شبیه به این باشه:

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

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

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

ایجاد قطعات:

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

بخش فنی

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

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

همه چیز به ترتیب:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مثل این: []

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

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

کار با تصاویر

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

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

ایجاد جدول

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

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

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

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

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

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

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

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

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

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

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