طراحی یک صفحه عمومی VKontakte: نحوه ایجاد منو و هدر. نحوه درست راه اندازی یک گروه VKontakte - عناصر اساسی و نکات مفید

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

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

در صفحه مدیریت، روی «آپلود» کلیک کنید و یک تصویر را انتخاب کنید. به نظر می رسد: نام گروه، سپس تصویر کوچک آواتار، وضعیت.

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

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

پست پین شده

اسرار ایجاد یک گروه VK

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

برنامه های رایگانبه مدیریت انجمن بروید و برای ویرایش تنظیمات به «برنامه‌ها» بروید.

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

سایر ابزارک ها و برنامه های کاربردی:

• پرسشنامه ها؛
• آزمایشات؛
• ثبت نام برای خدمات؛
• ارسال پیام؛
• فروشگاه کالا؛
• و غیره

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

نتیجه

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

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

حالا من به شما نشان خواهم داد نحوه ایجاد منو در گروه VKontakte و طراحی صحیح آن.

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

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

• آواتار برای گروه - 200x300 پیکسل
• بنر در توضیحات - 510x271 پیکسل

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

حالا بیایید به ایجاد یک منو برای گروه در VK برویم. باید چیزی شبیه به آن به نظر برسد.

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

[] []

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

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

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

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

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

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

اندازه های طراحی گروه VKontakte زیر استفاده می شود:

• جلد صفحه در بالا، در سراسر عرض صفحه عمومی، اندازه 1590 x 400 پیکسل نشان داده شده است.
• آواتار بزرگ - یک بنر عمودی 200x500 پیکسل (نسبت تصویر 2:5)، در سمت راست بالا نشان داده شده است.
• یک آواتار کوچک، یک تصویر گرد، در هر پیام گروهی با اندازه 200x200 پیکسل نشان داده شده است.
• تصویر منو برای گروه VKontakte، عرض 510 پیکسل، ارتفاع 307 (به طوری که لبه پایین منو به خوبی با پایین آواتار بزرگ سمت راست مطابقت داشته باشد).

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

چگونه خودتان یک هدر برای گروه VKontakte بسازید

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

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

در مرحله بعد، می توانید کتیبه های لازم (نام گروه، شعار، تماس برای پیوستن به انجمن) را اعمال کنید. اکنون باید جلد را در انجمن آپلود کنید؛ برای انجام این کار، به آیتم منوی «مدیریت انجمن» بروید:

در قسمت «Community Cover» روی «دانلود» کلیک کنید.

در پنجره بعدی، فایل جلدی که قبلاً در رایانه خود آماده شده بود را انتخاب کنید و روی «ذخیره و ادامه» کلیک کنید.

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

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

اندازه سرصفحه در VKontakte عمومی در یک طراحی جدید

پس از طراحی مجدد این شبکه اجتماعی، عنصر جدیدطراحی - پوشش. این یک تصویر منظره بزرگ با ابعاد 1590 در 400 پیکسل است. هدر گروه VKontakte یک تصویر ثابت است. به اندازه ای بزرگ است که یک عکس یا عکس روشن و به یاد ماندنی و نام عموم، شعار شرکت، نام سایت، برنامه کاری و سایر نوشته ها را روی آن قرار دهید.

نحوه ایجاد منو برای یک گروه VK در یک طراحی جدید

فرآیند طراحی منوی گروه VKontakte شامل مراحل زیر است:

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

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

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

منوی عمودی جامعه VK با موارد در یک ستون

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

• دور آن را با یک قاب بچرخانید؛
• رنگ پس زمینه زیر حروف را تغییر دهید.
• به حروف سایه اضافه کنید.

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

مرحله بعدی برش تصویر به قطعات است:

فرآیند برش تصویر را می توان با استفاده از ابزار آنلاین مناسب www.imgonline.com.ua/cut-photo-into-pieces.php نیز انجام داد.

بعد، در منوی "Community Management" به آیتم "Sections" بروید و در مورد "Materials"، "Restricted" را انتخاب کنید (این بدان معناست که فقط مدیر گروه می تواند صفحات را ایجاد و ویرایش کند).

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

به این بخش بروید و روی ویرایش کلیک کنید. عنوان را به "منو" تغییر دهید و سپس روی نماد دوربین کلیک کنید تا یک تصویر اضافه شود.

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

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

هر تگ تصویر با "[[" شروع می شود و با "]] پایان می یابد و شامل سه بخش است که با "|" از هم جدا شده اند: شناسه تصویر، ویژگی ها و پیوند. شما باید اندازه تصاویر را تنظیم کنید و تگ nopadding را در ویژگی های آنها قرار دهید. ویژگی های تصاویر از طریق ";" فهرست شده است.

پس از ذخیره تغییرات، ایجاد منو کامل می شود.

منو با موارد افقی یا چند خطی

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

قوانین طراحی جدول:

• ابتدا با علامت "(|) و انتهای جدول با "|) نشان داده می شود.
• ویژگی های اضافی بعد از "|~" نشان داده شده است
• خط جدید با "|-" شروع می شود.
• هر سلول با "|" از هم جدا می شود.

برای حذف فضاهای اضافی، باید پارامترهای جدول "fixed nopadding noborder" را مشخص کنید. طرح یک منوی گرافیکی با 2 ستون و 2 ردیف به این صورت است:

و خود منو در گروه:

اندازه آواتار گروهی در طراحی جدید برای طراحی عمومی VK

جوامع VKontakte از دو گزینه آواتار استفاده می کنند:

• یک بنر مستطیلی بزرگ با ابعاد 200 در 500 پیکسل در بالا سمت راست در صورت لود نشدن جلد نمایش داده می شود.
• تصویر کوچک 200x200 پیکسل است که در پست ها و بحث ها به صورت دایره ای نشان داده می شود.

1 رای

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

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

در پایان این مقاله، تصویری چشمگیر و یکپارچه خواهید داشت.

روشی برای تنبل ها

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

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

برای کسانی که می خواهند یاد بگیرند

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

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

شما نیاز خواهید داشت…

1. فتوشاپ.
2. تصویر پایه

اگر به دنبال عکس هستید باید بزرگ و با کیفیت باشد موتورهای جستجو، سپس به تصویر زمینه دسکتاپ خود توجه کنید. اگر برای یک جامعه جالب کار می کنید، مخصوصاً مرتبط با تجارت، پس توصیه می کنم از این سرویس استفاده کنید http://ru.depositphotos.com . در آنجا تصاویر تبلیغاتی را خواهید دید.

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

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

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

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

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

ساخت قالب برای گروه زیبای آینده

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

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

همه چیز با عکس روی ava یکسان است، واقعاً 200x500 است.

با روزه همه چیز فرق می کند.

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

گزینه من فقط برای پست های پین شده مناسب است. ساده ترین و محبوب ترین روش طراحی.

گروه خود یا هر گروه دیگری را که در آن یک پست با عکس در بالا پین شده است باز کنید. مثل نقاشی من همچنین می توانید این عکس را با کلیک راست روی آن و “Save as...” بگیرید. درست است، من مطمئن نیستم که همه چیز در نهایت برای شما درست پیش برود. آیا برای آزمایش وقت دارید؟ نتایج خود را در نظرات به اشتراک بگذارید.

برای بقیه آموزش گام به گاممتفاوت خواهد بود. اول از همه، تصویر را در مرورگر تا 100% بزرگ کنید (دکمه Ctrl را فشار دهید و چرخ ماوس را حرکت دهید). صادقانه بگویم، من به طور خاص نمی‌دانم چرا این کار انجام شد، اما در اولین تلاش من، دقیقاً به دلیل مقیاس، نتیجه نداد.

حالا دکمه PrtSc را فشار دهید. در ردیف بالای صفحه‌کلید، بعد از «F»های بی‌شماری قرار دارد. پس از کلیک بر روی آن، هیچ اتفاقی نمی افتد. همه چیز خوب است، لازم نیست 100 بار کلیک کنید، فتوشاپ را باز کنید.

روی Ctrl+V کلیک کنید، بدین ترتیب صفحه خود را در قسمت کاری برنامه قرار می دهید. حالا ابزار Rectangular Marquee را بردارید و با بلوک سمت چپ کار کنید.

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

به شدت در امتداد لبه حرکت کنید.

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

حالا Ctrl+J را فشار دهید. این قطعه انتخاب شده را به یک لایه جدید منتقل می کند؛ این قطعه در بالای پس زمینه ظاهر می شود.

همین کار باید با آواتار انجام شود. انتخاب کنید و به یک لایه جدید بروید (Ctrl+J)

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

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

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

ما با این کار تمام شدیم. قالب ایجاد شده است.

تصویر منحصر به فرد برای گروه

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

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

به درستی منعکس نمی شود.

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

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

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

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

بعد از اینکه همه چیز را همانطور که باید تنظیم کردید، می توانید به مرحله بعدی بروید. من به شما دو گزینه برای رسیدن به همان اثر را نشان می دهم. اولی ساده است. در لایه بالایی، کلیک راست کرده و "Create Clipping Mask" را انتخاب کنید.

اما من دومی را دوست دارم. او سریعتر است. Alt را فشار دهید و مکان نما را بین دو لایه حرکت دهید، بصری تغییر می کند. سپس کلیک چپ کنید.

نتیجه این عکس است.

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

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

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

مرحله 1. آپلود آیتم های منو به vk.com

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

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

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

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

مرحله 2. جمع آوری منو از عناصر

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

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

388 پیکسل- این عرض منوی شماست

هیچ مرزی- به این معنی است که آیتم های منوی شما دارای طرح کلی سیاه نیستند

Nopadding- به این معنی است که هیچ فاصله ای بین تصاویر وجود نخواهد داشت (این همان چیزی است که برای یکپارچه بودن منو به آن نیاز داریم).

یک فضای در انتها مورد نیاز است، در غیر این صورت هیچ چیز کار نخواهد کرد.

در نهایت باید به تعداد موارد موجود در منوی خود، خطوطی داشته باشید (و بر این اساس، تعداد تصاویری که کشیده اید):

مراقب باشید ترتیب تصاویر را به هم نزنید.

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

مرحله 3. صفحات داخلی را به منو ضمیمه کنید

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

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

ما بلافاصله بررسی می کنیم که چه دسترسی به صفحه داریم (به یاد داشته باشید که دسترسی برای مشاهده صفحه باید تنظیم شود - تمام کاربران، و دسترسی ویرایش است فقط سردبیران و مدیران) و آن را با اطلاعات پر کنید.

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

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

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

و این چیزی است که اتفاق می افتد:

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

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

ما این مرحله را برای هر یک از صفحات خود تکرار می کنیم (این را داریم نحوه سفارش, نحوه پرداخت, نحوه انتخاب سایز مناسبو تحویل چه مدت طول میکشد؟) به جز صفحه