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

سلام! من عادل داولتشین هستم، رئیس پروژه های SMM در دفتر DrugMedia

پیام های خصوصی انجمن

مطمئناً همه قبلاً دکمه "نوشتن پیام" را دیده اند و از پیام های انجمن اطلاع دارند. این ویژگی به شما امکان می دهد تا از مدیریت جامعه بازخورد دریافت کنید. اگر مدیران ممکن است نظری را در زیر اخبار یک ماه پیش یا در یکی از ده ها بحث متوجه نشوند، 1+ در پیام های انجمن به سختی قابل توجه است.

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

خیلی خوب است که می توانید یک پیام تبریک بنویسید. شما همچنین می توانید یک گروه اضافه کنید منوی سمت چپشبکه‌های اجتماعی، که در آن با دریافت پیام جدید به گروه، 1+ در مقابل انجمن ظاهر می‌شود.

توضیحات، اطلاعات

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

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

ما قبلاً نکاتی را برای جمع آوری توضیحات گروه در این مقاله نوشتیم:

منوی ویکی

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

در اینجا می توانید نحوه کار با نشانه گذاری ویکی را بیاموزید: vk.com/wiki

برنامه های کاربردی

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

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

کالاها

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

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

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

بحث ها

پیوندها

پیوندهای سایت خود، حساب‌های موجود در شبکه‌های اجتماعی دیگر و پیوندهای سایر منابع مفید را در بلوک «پیوندها» به اشتراک بگذارید. دیدن پیوندی به اینستاگرام با عنوان "اینستاگرام ما!" یا اصلا امضا نداره اینستاگرام شما چیست؟ با آن چه کنم؟ چرا به آنجا برویم؟ مهم است که این پیوندها را به گونه ای برچسب گذاری کنید که علاقه ایجاد کند. این را می توان با توضیح کوتاه و فراخوانی برای اقدام انجام داد. به عنوان مثال، "در یک کاتالوگ مناسب در وب سایت ما انتخاب کنید." کوتاه، مفید و واضح.

آلبوم ها

مخاطب

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

در اینجا چند نمونه از گروه های خوب طراحی شده است:

• پوشش خوب و بخش محصول

• توضیحات کوتاه و واضح

• بخش مفیدی با صفحات ویکی پر شده است

• تست جالب

• منوی ساده و واضح

• بحث های مفید

• جلدهای درخشان آلبوم

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

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

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

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

ایجاد بنر

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

مرحله ی 1

فتوشاپ را باز کنید، ایجاد کنید سند جدیدبا ابعاد 630x725 پیکسل. آن را با رنگ سفید پر کنید. دو پنجره را در لایه برش دهید. از طریق این پنجره ها، طراحی گرافیکی Contact به بیرون نگاه می کند. ابتدا یک منطقه مستطیلی 200x710 پیکسل را انتخاب کنید، دکمه "Del" را فشار دهید. در مرحله بعد، یک ناحیه مستطیلی 382x442 پیکسل را انتخاب کنید، مستطیل های حاصل را از پایین ترکیب کنید و کلید "Del" را فشار دهید.

مرحله 2

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

مرحله 3

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

عکس سمت چپ برای چیه؟ آن را به چند قسمت برش می دهیم (بسته به تعداد آیتم های منو). به عنوان مثال، منوی ما دارای 5 آیتم است، به این معنی که خروجی آن 5 تصویر 382x50 پیکسل خواهد بود.

مرحله 4

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

مرحله 5

بنابراین ما به مرحله نهایی راهنمای "نحوه طراحی زیبا یک گروه در VKontakte" رسیده ایم. برگه ای را با نام "منبع که در پنجره پایینی است، باید کپی کنید و سپس در آن جایگذاری کنید" باز کنید. منبع". در متن کد، عکس را با نام فایل جایگزین کنید و ارتفاع فایل (382 پیکسل) را یادداشت کنید. اکنون آدرس لینک های منو را وارد کنید. نام فایل از آلبوم گرفته شده است.

مرحله 6

برای ترکیب کامل تصاویر، چند شرط باید رعایت شود:

نام گروه باید در یک خط قرار گیرد.

آدرس سایت هم یک خط است.

توضیحات باید شامل 10 خط باشد.

نشانه گذاری ویکی Vkontakte

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

آن چیست؟

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

طراحی منوی متنی

کد منو به شکل زیر خواهد بود:

ابتدا و انتهای کد با برچسب مشخص می شود. هر نماد مانند [] خواهد بود که با یک توضیح همراه است.

منوی گرافیکی

کد چنین منویی طبق اصل زیر کامپایل می شود:

! !! !!

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

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

دستورالعمل های طراحی جامعه

یک بنر ایجاد کنید

1. فتوشاپ را باز کنید و یک سند جدید در این برنامه ایجاد کنید که اندازه آن 630x725 پیکسل است. همه چیز را با رنگ سفید پر کنید.
2. دو پنجره را در لایه (200x710 و 382x442 پیکسل) برش دهید. از طریق این پنجره ها است که طراحی گرافیکی جامعه نمایش داده می شود. ما دو پنجره را در پایین ترکیب می کنیم.
3. روی تصویر متن و آیتم های منو را که برنامه ریزی کرده اید می نویسیم. در اصل، این پاسخ به این سوال است که چگونه منوی گروه VKontakte را طراحی کنید.
4. مستطیلی که ما با اندازه 200x710 پیکسل ایجاد کردیم به طور جداگانه ذخیره می شود. این آواتار گروه یا عمومی شماست.
5. سمت چپتصاویر (382x442) را باید به چند قسمت برش دهیم. تعداد آنها بستگی به تعداد موارد موجود در منوی جامعه شما دارد.
6. VKontakte را در مرورگر Orbitum یا هر دیگری باز کنید. تصاویر به دست آمده ذخیره شده و در آلبوم گروه شما آپلود می شوند.
7. به "اخبار" - "ویرایش" - تب "کد منبع" بروید. کدی را که در پنجره پایین می بینید در "منبع ..." قرار دهید. عکس را به نام فایل تغییر می دهیم و همچنین ارتفاع فایل را نشان می دهیم. به صورت دستی درج کنید آدرس لینکمنو.
8. برای اینکه تصاویر شما هماهنگ و درست ترکیب شوند باید نام انجمن در یک خط، توضیحات در 10 خط و آدرس سایت نیز در یک خط باشد.

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

) یک منو درست کنید.

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

ساخت گرافیک زیبا

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

• آواتار گروهی — 200×300 پیکسل
• بنر توضیحات — 510×271 پیکسل

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

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

ابتدا آواتار خود را آپلود کنید. به گروه بروید و کلیک کنید "برای آپلود عکس".

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

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

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

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

اکنون رکورد باید اصلاح شود (نگاه کنید به). ما به ورودی جدید برمی گردیم و منو در گوشه سمت راست بالا را گسترش می دهیم. در اینجا ما روی "Fix" کلیک می کنیم.

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

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

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

بیایید به مثال خود برگردیم و تصور کنیم که باید یک دکمه "جزئیات" ایجاد کنیم. او قبلاً در تصویر است. چگونه می‌توانیم آن را دکمه‌ای بسازیم که با کلیک کردن، شخصی به سایت اصلی ما برسد؟ الان بهت نشون میدم

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

تصویر ما را در ویرایشگر باز کنید و ابزار "برش" را فعال کنید.

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

حالا Alt+Ctrl+Shift+S را فشار دهید تا تصاویر تمام شده ذخیره شوند.

https://vk.com/pages?oid=-120208137&p=menu

ببینید، بعد از کاراکترهای "odi=- "، باید شناسه گروه خود را وارد کنید (نگاه کنید به ). و در انتهای لینک یک عنوان برای صفحه منوی خود بنویسید. در مثال، "منو" را ترک خواهیم کرد.

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

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

بعد، به بخش بروید "ویرایش". در اینجا، برای هر تصویر، باید padding را حذف کنیم تا در یک تصویر واحد ادغام شوند. برای انجام این کار، در کد، مقدار زیر را اضافه کنید "nopadding;" . و یک لینک به آن اضافه کنید صفحه مورد نظریا یک وب سایت با وارد کردن مقدار "https://site.ru/page.html" (آدرس های خود را مشخص کنید!). در مثال ما، دکمه "جزئیات" باید به سایت سایت منتهی شود. این چیزی است که باید اتفاق بیفتد.

[] []

صفحه را ذخیره می کنیم. فراموش نکنید که آدرس آن را کپی کنید نوار آدرس. باید به این شکل باشد:

https://vk.com/page-120208137_52523487

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

این منویی است که ما به آن رسیدیم.

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

چند مثال می زنم تا همه بفهمند من در مورد چه چیزی صحبت می کنم.

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

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

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

گروهبه شما امکان می دهد جامعه ای ایجاد کنید که برای گفتگو و بحث بازتر باشد، جایی که افراد می توانند از طرف خود در فید پست بگذارند. همچنین می توانید دوستانی را از لیست خود به آن اضافه کنید. چنین گزینه ای در انظار عمومی وجود ندارد. علاوه بر این، گروه گزینه‌های کمی بیشتر برای ادغام نشانه‌گذاری ویکی دارد (بخش «اخبار» وجود دارد که در آن می‌توانید منو را ادغام کنید).

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

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

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

دریای محتوا، ما شروع به زنده کردن ایده می کنیم!

ایجاد یک گروه

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

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

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

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

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

همه. گروه ایجاد شد!

اکنون می توانید شکل دادن به آن را شروع کنید.

ساخت گروه Vkontakte

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

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

قالب چیست و درباره چیست؟ الگو نوعی خالی است. در این مورد، در *. فرمت psdما مناطقی را برای تصویر در زیر منو و آواتارهای گروه علامت گذاری کرده ایم.

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

برای روشن تر شدن موضوع، در اینجا یک مثال آورده شده است.

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

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

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

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

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

مرحله اول کار با گرافیک به پایان رسید. بیایید دوباره با هم تماس بگیریم.

تنظیم آواتار و منو برای گروه

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

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

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

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

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

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

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

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

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

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

ارسال را فشار می دهیم. سپس بر روی زمان ارسال پیام کلیک می کنیم و از بین تمامی گزینه ها مورد “Pin” را انتخاب می کنیم. صفحه را بازخوانی می کنیم (کلید F5 روی صفحه کلید) و اگر همه چیز به درستی انجام شود، اولین نتیجه را می گیریم: گروه یک آواتار و یک پیوند برای رفتن به بخش منو پیدا کرده است.

نشانه گذاری ویکی برای منوی گروه Vkontakte

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

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

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

تصویر را تکه تکه می کنیم و ذخیره می کنیم.

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

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

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

سپس به حالت نشانه گذاری ویکی می رویم (زیر دکمه بستن در گوشه سمت راست بالای صفحه، چنین فریمی با<>داخل). چه زمانی حالت مورد نظرفعال شده، این دکمه به رنگ خاکستری دایره شده است.

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

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

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

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

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

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

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

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

در نتیجه کد منو به شکل زیر در می آید.

در ظاهر هیچ چیز تغییر نکرده است. اما وقتی روی آیتم های منو کلیک می کنیم، می بینیم که الان کار می کند!

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