من فکر می کنم همه کسانی که به طور فعال از شبکه اجتماعی VKontakte استفاده می کنند قبلاً با گروه ها و صفحات عمومی با طراحی زیبا روبرو شده اند. بسیاری از آنها علاوه بر منو، دارای صفحات فرعی، کاتالوگ و غیره نیز هستند که در اصل یک وب سایت کوچک درست در داخل شبکه اجتماعی ایجاد می کنند.
در اینجا چند مثال آورده شده است تا همه بفهمند ما در مورد چه چیزی صحبت می کنیم.
چنین گروه هایی به شما این امکان را می دهند که در بین رقبای خود متمایز شوید و کاربران بیشتری را جذب کنید. مخصوصا اگر مطالب هم جالب باشه :)
در این مقاله در مورد نحوه انجام این کار صحبت خواهیم کرد. برای تجزیه و تحلیل همه چیز با جزئیات بیشتر و کاوش در تمام ظرافت ها، بیایید یک مثال خاص بزنیم. یک کلاس کارشناسی ارشد کوچک در زمینه طراحی گروهی برگزار خواهد شد.
اولین مرحله کار ما ایده است. ما باید بفهمیم که چه چیزی و به چه کسی می خواهیم بگوییم. چندین قالب انجمن در VKontakte وجود دارد و شما باید بر اساس اهداف خود انتخاب کنید. اگرچه در آینده می توان گروه را به یک قالب عمومی و بالعکس منتقل کرد.
با انگشتانم توضیح می دهم. عمومی- این چیزی شبیه یک وبلاگ است. اخبار. به عبارت دیگر، ما به مشترکان خود در مورد موارد خاصی می گوییم و آنها نمی توانند روی دیوار جامعه ما بنویسند. حداکثر اظهار نظر است.
گروهبه شما این امکان را می دهد که جامعه ای بازتر برای گفتگو و بحث ایجاد کنید، جایی که افراد می توانند از طرف خود در فید پست بگذارند. همچنین می توانید دوستان خود را از لیست خود به آن اضافه کنید. چنین گزینه ای در انظار عمومی وجود ندارد. علاوه بر این، گروه گزینه‌های کمی بیشتر برای ادغام نشانه‌گذاری ویکی دارد (بخش «اخبار» وجود دارد که می‌توانید یک منو در آن ادغام کنید).
در سطح جهانی، می‌توانیم به این شکل فکر کنیم: اگر ما نیاز به ایجاد یک انجمن برای یک فروشگاه داریم، آنگاه قالب «عمومی» را انتخاب می‌کنم. اگر به عنوان مثال در مورد علاقه مندان به ماهیگیری صحبت می کنیم، بهتر است یک "گروه" انتخاب کنید. اگرچه، هر کس آزاد است که هر طور که صلاح می داند انجام دهد. پس از همه، قالب را می توان در هر زمان تغییر داد. با این حال، به خاطر داشته باشید که VKontakte محدودیتی را برای تغییر مجدد قالب انجمن ایجاد می کند و پس از اولین بار باید چندین روز صبر کنید تا در صورت لزوم بتوانید همه چیز را برگردانید. بنابراین، بهتر است قبل از اینکه گروه شروع به پر شدن از محتوا کند، عملکرد را آزمایش کنید.
به عنوان بخشی از این استاد کلاس، من بازی Mad Max بر اساس فیلمی به همین نام را که همین چند هفته پیش منتشر شد، به عنوان نقطه شروع انتخاب می کنم و یک انجمن برای بازیکنان با مواد مختلف در این بازی ایجاد خواهم کرد. . هدف اصلی تخلیه ترافیک به سایت بازی شما است.
قالب "گروهی" خواهد بود، زیرا برای ایجاد هجوم طبیعی مخاطبان و به حداکثر رساندن ارتباطات در جامعه ضروری است. اجازه دهید فوراً توضیح دهم که از یک تکنیک جهانی استفاده خواهم کرد که هم در قالب گروهی و هم در عموم قابل استفاده است. این در همه جا کار می کند.
مطالب زیادی وجود دارد، بیایید شروع کنیم به زنده کردن ایده!
ایجاد یک گروه
برای ایجاد یک گروه، به "گروه های من" در منوی سمت راست حساب VKontakte خود بروید و روی دکمه آبی در بالای "ایجاد انجمن" کلیک کنید.
پنجره ای مانند این ظاهر می شود که در آن نام گروه خود را وارد کرده و قالب را انتخاب می کنیم.
با وارد کردن اطلاعات لازم، کنترل پنل انجمن ما در مقابل ما باز می شود. در مورد من به نظر می رسد این است.
همانطور که می بینید، من چند پارامتر اضافه کردم: ویدیو، ضبط صدا، بحث و تعدادی ویژگی دیگر را در نظر گرفتم که در کار آینده هنگام جمع آوری محتوا برای من مفید خواهد بود. همه اینها در آینده بدون هیچ محدودیتی قابل تغییر هستند. آدرس سایتم را هم یادداشت کردم. اگر وب‌سایتی ندارید یا موضوع آن با قالب جامعه مطابقت ندارد (آنها در مورد چیزهای مختلفی هستند و به هیچ وجه به یکدیگر مرتبط نیستند)، این خط را می‌توان خالی گذاشت.
من محدودیت سنی تعیین کردم در این مورداز 18، مشابه مواردی که توسعه دهندگان برای بازی تعیین کرده اند. هرچند شک ندارم که بچه ها هم بازی می کنند.
همه. گروه ایجاد شد!
اکنون می توانید شروع به طراحی آن کنید.
قالب بندی یک گروه VKontakte
این مرحله را می توان به 2 جزء گرافیکی و فنی تقسیم کرد. برای کار به یک قالب برای ایجاد آواتار و منوی گروهی و همچنین کمی تخیل و دانش اولیه فتوشاپ (معروف به فتوشاپ) نیاز داریم.
الگوی نشانه گذاری
قالب چیست و حتی چیست؟ قالب نوعی خالی است. در این مورد، در قالب *.psd، قسمت هایی را برای تصویر زیر منو و آواتار گروه مشخص کرده ایم.
همانطور که در مثال دوم در ابتدای این مقاله مشاهده می کنید، می توانیم تصویر آواتار و منو را به همین سبک طراحی کنیم. در عین حال، به صورت بصری به 2 قسمت بریده می شود. بنابراین، این قالب به شما اجازه می دهد تا یک تصویر را به گونه ای تشکیل دهید که جابجایی گرافیک را از بین ببرید و تصاویر را تا حد امکان در یک سطح قرار دهید.
برای روشن تر شدن موضوع، در اینجا یک مثال آورده شده است.
می بینیم که در هر دو قسمت تصویر یک نوار مشرف به یک منطقه مسکونی وجود دارد. بدون استفاده از یک الگو، تقریباً غیرممکن است که آن را دقیقاً بار اول انجام دهید. شما باید تصاویر را تنظیم کنید و اختلافات را تا 1 پیکسل اندازه گیری کنید. در حالی که هنگام استفاده از یک قالب، ما به سادگی در نشانه گذاری به آن گرافیک اضافه می کنیم و بلافاصله به نتیجه دلخواه می رسیم.
لازم به ذکر است که این الگو برای 1 خط توضیح طراحی شده است. در اسکرین شات مثال، تلفن وجود دارد. اگر خط دوم ظاهر شد، باید از قالب دیگری استفاده کنید یا طرح را به صورت دستی اصلاح کنید.
در ضمن ما مستقیماً به سمت طراحی گرافیکی گروه جدیدمان می رویم. اینجاست که مسیری را انتخاب می کنم که کمترین مقاومت را داشته باشد و برای یافتن بخش هایی از طرح به Google Images می روم. همچنین می توانید از Yandex استفاده کنید. چه کسی چه چیزی را بیشتر دوست دارد؟
من تحصیلات طراحی ندارم، بنابراین در مورد مسائل مربوط به انتخاب فونت و سایر جزئیات صحبت نمی کنیم. بعد از انجام کمی جادو در فتوشاپ به این نتیجه رسیدم.
در قسمت سمت چپ (جایی که "منو" می‌گوید) می‌توانید چندین عامل را نیز اضافه کنید. در این مورد، تصمیم گرفتم بدون آنها کار کنم. همه. طرح آواتار آماده است. در فتوشاپ، کلید میانبر Shift+Ctrl+Alt+S را فشار دهید و قطعات ما را در یک پوشه در هارد دیسک خود ذخیره کنید.
مرحله اول کار با گرافیک به پایان رسید. بیایید دوباره با هم تماس بگیریم.
تنظیم آواتار و منو برای یک گروه
به جای ava گروه خود روی دو نوع کلیک می کنیم و تصویر خود را در آنجا آپلود می کنیم. این بچه ها هستند، زیر آنها همچنین می گوید "آپلود یک عکس".
یک عکس اضافه کنید. فیلدها را مشخص کرده و یک تصویر کوچک انتخاب کنید. همه چیز در اینجا ساده است و نباید هیچ مشکلی وجود داشته باشد.
همانطور که می بینیم، شما باید شناسه انجمن را بدانید. تشخیص او بسیار آسان است. منوی گروه خود را بیابید (بلافاصله زیر آواتار) و "آمار انجمن" را باز کنید. در این مورد، چیزی مشابه در نوار آدرس مرورگر ظاهر می شود (اعداد متفاوت خواهند بود).
این اعداد بعد از “?gid=” شناسه گروه مورد نظر هستند. مقدار به دست آمده را در فرم اسکریپت قرار می دهیم و نام صفحه ای را که می خواهیم ایجاد کنیم می نویسیم. در این مورد، "منو" را تایپ می کنم.
شایان ذکر است که صفحه تنها در صورتی ایجاد می شود که پنجره گروه در تب مجاور باز باشد. به عبارت ساده، شما باید در همان مرورگر وارد VK شوید. از این گذشته، فقط مدیر گروه و افرادی که توسط او منصوب شده اند به چنین دستکاری هایی دسترسی دارند. یک رهگذر تصادفی نمی تواند به راحتی برود و تنظیمات گروهی را که به پنل مدیریت دسترسی ندارد تغییر دهد.
اگر همه چیز به درستی انجام شود، صفحه ای مانند این باز می شود.
این همان پنجره ای است که بعداً یک نشانه گذاری ویکی ایجاد می کنیم و یک منوی داخلی برای گروه خود ایجاد می کنیم. در حال حاضر، تنها کاری که باید انجام دهیم این است که چیزی در اینجا بنویسیم. سپس روی دکمه آبی «ذخیره صفحه» کلیک کنید و روی پیوند بازگشت به صفحه در بالا کلیک کنید.
من "منو" را نوشتم و صفحه من پس از ذخیره به این شکل ظاهر شد.
هنوز هیچ طرحی وجود ندارد، اما اکنون فقط به پیوند این صفحه نیاز داریم. آن را در نوار آدرس مرورگر انتخاب می کنیم و به صفحه اصلی گروه خود باز می گردیم. به خوراک.
در اینجا ما یک پست با محتوای زیر ایجاد می کنیم: درج یک عکس و یک پیوند به صفحه منو برای گروه.
روی ارسال کلیک کنید. سپس بر روی زمان ارسال پیام کلیک کرده و از بین تمامی گزینه ها گزینه “Pin” را انتخاب کنید. صفحه را به روز می کنیم (کلید F5 روی صفحه کلید) و اگر همه چیز به درستی انجام شود، اولین نتیجه را می گیریم: گروه یک آواتار و یک پیوند برای رفتن به بخش منو پیدا کرده است.
نشانه گذاری ویکی برای منوی گروه VKontakte
حالا بیایید طراحی خود منو را شروع کنیم. بیایید دوباره به فتوشاپ برویم و یک طرح برای منوی خود ایجاد کنیم. هنگام طراحی رابط، باید افرادی را به خاطر بسپارید که از طریق برنامه از طریق تلفن همراه به VK دسترسی خواهند داشت. به عبارت دیگر، ما نباید عناصر کوچکی داشته باشیم و علاوه بر این، باید سعی کنیم همه چیز را تا حد امکان روشن کنیم. برای اینکه لازم نباشد حدس بزنیم همه چیز در اینجا چگونه کار می کند و کجا باید کلیک کنیم ... بلکه فقط به مورد مناسب اشاره کنید و اطلاعات مورد نظر خود را مطالعه کنید.
من در حال حاضر به جزئیات در مورد نحوه تنظیم منو نمی پردازم. این چیزی است که من دریافت کردم.
حداقل فیلدها طرح بندی عمودی فرمت ایده آل برای یک منوی پاسخگو. یعنی هیچ چیز در تلفن های همراه به جایی نمی رسد. همه چیز دقیقاً مانند صفحه نمایش رایانه ها و تبلت ها خواهد بود. عرض را به 500 پیکسل می رسانم تا بعداً چیزی کوچک نشود و کیفیت تصویر را دوبار از دست ندهم. قد مهم نیست
تصویر را تکه تکه می کنیم و ذخیره می کنیم.
همه. زمان آکورد نهایی فرا رسیده است - ما در حال جمع آوری منو در خود گروه هستیم.
برای انجام این کار، به صفحه اصلی گروه (جایی که فید و لینک تصویر ما منتهی به منو است) برمی گردیم. روی تصویر منو کلیک می کنیم و به همان صفحه ای می رسیم که قبلا برای منو ایجاد کرده بودیم.
اگر شما یک مدیر یا سازنده یک گروه هستید (در مورد ما، این مورد است)، در بالای صفحه پیوند "ویرایش" وجود خواهد داشت. بیایید روی آن کلیک کنیم.
سپس به حالت نشانه گذاری ویکی می رویم (زیر دکمه بستن در گوشه سمت راست بالای صفحه یک قاب با<>داخل). هنگامی که حالت مورد نظر فعال می شود، این دکمه به رنگ خاکستری مشخص می شود.
سپس روی آیکون دوربین کلیک می کنیم و تمام قطعات منو را به یکباره اضافه می کنیم. در حالت ویکی، ما خود تصاویر را نخواهیم دید، فقط کد این تصاویر را با ابعاد و پارامترها مشاهده خواهیم کرد.
من می خواهم منو را در مرکز قرار دهم و هیچ شکافی بین قطعات وجود نداشته باشد. بنابراین، ما هر یک از عناصر را در یک برچسب قرار می دهیم
اولین و آخرین عناصر منو نباید دکمه باشند - در تصویر من آنها فقط یک عنصر گرافیکی بدون پیوند به صفحه داخلی هستند، بنابراین پارامتر "nolink" را به آنها اضافه می کنیم. با این کار امکان کلیک روی این عنصر برای باز کردن یک قطعه از تصویر در یک پنجره جداگانه حذف می شود. حالا با یک کلیک ماوس هیچ اتفاقی نمی افتد. این پس‌زمینه عادی صفحه است. غیر فعال.
در مورد من کد منو به این شکل است.
به طور جداگانه، می خواهم به این واقعیت توجه کنم که پس از وارد کردن تصاویر به VK، سیستم داخلی گاهی اوقات اندازه های تصویر را به اشتباه نشان می دهد. بنابراین، ما باید به دقت بر این موضوع نظارت کنیم و دقیقاً مواردی را که در مرحله طراحی برنامه ریزی کرده ایم، نمایش دهیم. در غیر این صورت ممکن است همه چیز به هم بریزد و پازل در نهایت جمع نشود.
وقتی کد را نوشتیم و همه عناصر را تراز کردیم، صفحه را ذخیره می کنیم و همان چیزی که در فتوشاپ بود را می بینیم.
آخرین لمس باقی می ماند - ما باید همان صفحاتی را ایجاد کنیم که منوی ما افراد را در آنجا ارسال می کند. برای انجام این کار، اجازه دهید دوباره به اسکریپت تولید صفحات ویکی بپردازیم و این بار سه صفحه را همزمان سفارش دهیم. در این مورد، شما همچنین باید روی هر یک چیزی بنویسید و فراموش نکنید که آدرس آنها را در جایی از نوار آدرس مرورگر ذخیره کنید.
سپس پیوندهای صفحات جدید را در کد ویکی منو در فرم page-102302049_51013384 وارد می کنیم که شماره اول شناسه گروه و شماره دوم شماره صفحه است. اگرچه، به طور کلی، این مهم نیست. پس از همه، ما فقط باید این قطعه URL را کپی کنیم و آن را در نشانه گذاری قرار دهیم.
در نتیجه کد منو به شکل زیر در می آید.
در ظاهر هیچ چیز تغییر نکرده است. اما وقتی روی آیتم های منو کلیک می کنیم، می بینیم که الان کار می کند!
در مورد خود نشانه گذاری و قوانینی که کد نوشته شده است، به شما توصیه می کنم که گروه VKontakte را که به طور خاص به این موضوع اختصاص داده شده است بخوانید. بچه ها تمام نکات کلیدی را توصیف کردند و در کاتالوگ آنها می توانید به راحتی عنصر لازم را پیدا کنید و نحوه اضافه کردن آن را به صفحه ویکی خود بیابید.
طراحی زیبای انجمن VKontakte یک هوی و هوس نیست، بلکه عنصر مهمی است که باعث ایجاد اعتماد کاربر در شما و شرکت شما می شود. اگر یک صفحه یا گروه عمومی غیرحرفه ای طراحی شده باشد، مشتریان بالقوه شما ممکن است کاملا منطقی به این نتیجه برسند که شما به همان اندازه در کار خود سهل انگاری می کنید. برای جلوگیری از این اتفاق، مطمئن شوید که صفحه VKontakte شما زیبا، مرتب و آسان برای استفاده است. چگونه انجامش بدهیم؟ در زیر می خوانید.
اندازه های فعلی تصاویر VKontakte
مدتی پیش، توسعه دهندگان شبکه اجتماعی VKontakte طراحی جدیدی را راه اندازی کردند. این امر منجر به تغییراتی در اندازه و اصول نمایش تصویر شد. یادداشت، که در زیر ارائه خواهد شد، مربوط به تمام نوآوری ها است و شامل اندازه هایی است که در حال حاضر مرتبط هستند.
حالا بیایید به جزئیات بیشتر در مورد هر نقطه بپردازیم.
اندازه آواتار VK
حداقل اندازه آواتار 200 در 200 پیکسل است. اگر بخواهید تصویری با عرض یا طول کمتر از 200 پیکسل آپلود کنید، با خطای زیر مواجه خواهید شد:
حداکثر اندازه آواتار 200 در 500 پیکسل است. اما، در اصل، شما می توانید تصاویر بزرگتر را آپلود کنید - حداکثر 7000 پیکسل در هر طرف. نکته اصلی این است که نسبت تصویر از 2 به 5 تجاوز نمی کند.
من با یک مثال به شما نشان می دهم.
من یک تصویر دارم. اندازه آن: 200 در 800 پیکسل (نسبت 2 به 8). هنگام بارگذاری هیچ خطایی وجود ندارد. با این حال، من هنوز نمی توانم از این تصویر استفاده کنم، زیرا "Contact" به من اجازه نمی دهد آن را به طور کامل انتخاب کنم.
پوشش
اندازه جلد برای نسخه کامل سایت 1590 در 400 پیکسل است.
توجه داشته باشید: در نسخه موبایل و اپلیکیشن ها، نسخه کامل کاور نمایش داده نمی شود، بلکه تنها بخشی از آن در ابعاد 1196 در 400 پیکسل نمایش داده می شود. نحوه برش آن در برنامه موبایل را ببینید:
برای جلوگیری از این اتفاق، عناصر اصلی پوشش خود را در 1196 در 400 پیکسل قرار دهید.
تصاویر پیوست شده
در طراحی به روز کنتاکت، عرض فید خبر ثابت شده است. این به این معنی است که تصاویر پیوست شده به پست دیگر کشیده نمی شوند، بلکه همانطور که هستند باقی می مانند. بنابراین، اگر می خواهید تصویر شما تمام فضای خود را در فید خبر پر کند، عرض آن باید حداقل 510 پیکسل باشد. بهتر است در جهت افقی مربع یا مستطیل باشد.
کمی گیج کننده به نظر می رسد :) بنابراین من با یک مثال به شما نشان خواهم داد.
فرض کنید یک تصویر مربع شکل با اضلاع 510 پیکسل داریم. اگر آن را به پست خود ضمیمه کنیم، در فید خبری همه دستگاه ها بسیار خوب به نظر می رسد:
و این همان چیزی است که یک تصویر افقی در جهت افقی به نظر می رسد (عرض 510 پیکسل):
همانطور که می بینید، هرچه تصویر باریکتر (از نظر ارتفاع) در فید گوشی هوشمند کوچکتر به نظر می رسد. برای مشاهده این موضوع به تصویر زیر نگاه کنید:
واضح است که تفاوت در اینجا بسیار مهم نیست و کاربران گوشی های هوشمند همچنان به تصویر شما نگاه می کنند، فقط در مورد دوم کمی راحت تر خواهند بود.
تصاویر برای پست های دارای پیوند
همه این داده ها از کد نشانه گذاری Open Graph می آیند:
اگر Open Graph مشخص نشده باشد، عنوان از متا تگ Title و تصویر از مقاله گرفته می شود. در همان زمان، می توانید به راحتی آن را تغییر دهید - یا با استفاده از فلش های ویژه، تصویر دیگری را از مقاله انتخاب کنید:
یا مال خودتون رو آپلود کنید:
حداقل اندازه تصویری که می توانید به عنوان اعلامیه مقاله خود استفاده کنید 537 در 240 پیکسل است. با این حال، تا زمانی که نسبت ها حفظ شود، می توانید تصاویر بزرگتر را آپلود کنید.
تصویر برای مقاله ایجاد شده در ویرایشگر
اندازه تصویر برای جلد مقاله ایجاد شده در ویرایشگر 510 در 286 پیکسل است. بهتر است رنگ آن تیره و کم و بیش تک رنگ باشد، زیرا نام مقاله و انجمن در زمینه روشن گم شده است.
مثال خوب:
مثال خیلی خوبی نیست:
اندازه عکس و ویدیو برای داستان ها
اندازه عکس ها 1080 در 1920 پیکسل است. اندازه ویدیو 720 در 1280 پیکسل است.
مشخصات فنی فیلمبرداری:
- حداکثر 15 ثانیه؛
- حداکثر 5 مگابایت؛
- کدک h.264;
- صدای AAC.
داستان‌ها باید از عکس‌ها و ویدیوها با فرمت عمودی استفاده کنند.
لطفاً توجه داشته باشید: داستان ها از طرف جوامع در حال حاضر فقط توسط جوامع بزرگی که توسعه دهندگان VKontakte این عملکرد را برای آنها باز کرده اند، می توانند اضافه شوند. و این با استفاده از برنامه رسمی انجام می شود. این کار را نمی توان از طریق کامپیوتر انجام داد.
اندازه جلد آلبوم عکس
اندازه تصویر ویدیویی
1280 در 720 پیکسل.
صفحه ویکی
عرض ناحیه محتوای یک صفحه ویکی 607 پیکسل است. اگر یک تصویر بزرگتر آپلود کنید، به طور خودکار با عرض 400 پیکسل آپلود می شود. مثال: من یک تصویر با ابعاد 1366 در 768 دارم. اگر آن را به صفحه ویکی اضافه کنم، این شکلی است:
برای تغییر اندازه یک عکس، باید روی آن کلیک کرده و مقادیر مورد نظر را تنظیم کنید:
در زیر به طور مفصل در مورد نحوه کار با صفحات ویکی صحبت خواهم کرد. بنابراین در اینجا به این موضوع نمی پردازیم.
چگونه مطمئن شویم که تصاویر VKontakte کوچک نمی شوند؟ تاثیر پس زمینه و اندازه بر کیفیت تصویر.
اگر تا به حال سعی کرده اید تصاویر VKontakte را آپلود کنید (مهم نیست که یک تصویر آواتار باشد یا فقط یک عکس از سفر شما)، احتمالاً از قبل می دانید که آنها تمایل به کوچک شدن دارند. این امر به ویژه در پس زمینه تیره (و مخصوصاً قرمز) و زمانی که اندازه تصویر خیلی بزرگ نباشد قابل توجه است. مثال:
چگونه مطمئن شویم که کیفیت تصاویر افت نمی کند؟
برای جلوگیری از کوچک شدن تصویر (یا بهتر است بگوییم کوچک شدن، اما به میزان بسیار کمتر)، لازم است آن را 2-3 برابر بزرگتر از اندازه مورد نظر کنید. به عنوان مثال، اگر بخواهیم یک آواتار با ابعاد 200 در 500 پیکسل بسازیم، عکسی با ابعاد 400 در 1000 پیکسل می گیریم. اگر می خواهید منویی با اندازه 510 در 400 پیکسل ایجاد کنید، 1020 در 800 را انتخاب کنید.
تصویر روی پس زمینه آبی تیره که درست در بالا نشان دادم دارای سایز 510 در 350 است که آن را دو برابر بزرگتر کردم (1020 در 700) و ذخیره کردم. این چیزی است که از آن بیرون آمد:
چطوری میشه اینو تعمیر کرد؟ پاسخ بسیار ساده است - شما باید پس زمینه متفاوتی را انتخاب کنید. واقعیت این است که پیکسل ها در پس زمینه تاریک بهتر از پس زمینه روشن قابل مشاهده هستند. بنابراین، اگر می خواهید به کیفیت عالی برسید (اگرچه تصویر بالا قبلاً کاملاً عادی به نظر می رسد) ، باید کمی طرح رنگ را تغییر دهید. به عنوان مثال، پس زمینه را سفید و متن را آبی کنید:
نحوه طراحی هدر صفحه
هدر صفحه یا گروه عمومی شما اولین چیزی است که کاربران هنگام مراجعه به شما می بینند. در بیشتر موارد، این مکان حاوی یک منوی ناوبری برای مطالب عمومی، برخی پست های جالب یا اطلاعیه های مهم است. بیایید به نمونه هایی از نحوه استفاده شرکت های مختلف از این فضا نگاه کنیم.
پوشش
چندی پیش، VKontakte یک به روز رسانی را معرفی کرد - اکنون می توانید جلدهای بزرگ و زیبا (1590 در 400 پیکسل) را در صفحات آپلود کنید. برای انجام این کار، به تنظیمات بروید و روی دکمه "دانلود" کلیک کنید.
روی جلد می توانید هر چیزی را که می خواهید قرار دهید: از نام و شعار شرکت خود گرفته تا انواع تبلیغات، پیشنهادات و حتی مسابقات.
توصیه می کنم به امکانات پوشش پویا توجه ویژه ای داشته باشید. مقاله ما را در مورد اینکه چگونه کار می کند، برای چه اهدافی می توان از آن استفاده کرد و با چه خدماتی می توان آن را نصب کرد، بخوانید.
نمونه هایی از پوشش های پویا:
جلد + توضیحات انجمن + لینک وب سایت
برخی از شرکت ها به طور خاص هیچ پستی را در هدر پین نمی کنند تا کاربران این فرصت را داشته باشند که اطلاعات اولیه صفحه را بخوانند و بلافاصله به سایت مراجعه کنند.
توضیحات با هشتگ
برخی از شرکت ها هشتگ هایی را به شرح استاندارد صفحه اضافه می کنند که مشخصه آن است. این کار به این منظور انجام می شود که صفحه ارتباط واضح تری داشته باشد و به همین دلیل در جستجوی پرس و جوهای مرتبط بالاتر است. راستش من نمیدونم این روش جواب میده یا نه. من هیچ موردی در این موضوع ندیده ام، بنابراین اگر کسی می داند، اگر لینک را به اشتراک بگذارد، ممنون می شوم.
پست پین شده که نشان می دهد صفحه درباره چه چیزی است
اگر می‌خواهید در مورد صفحه خود با جزئیات بیشتری بگویید (با عکس‌ها، لینک‌ها و طرح‌بندی زیبا)، می‌توانید یک پست ویکی یا مقاله‌ای که در ویرایشگر ایجاد شده است را با یک تصویر روشن روی اعلامیه که باعث تشویق کاربران می‌شود، به سربرگ پیوست کنید. تا روی آن کلیک کنید. نمونه ای از چنین پستی:
و این چیزی است که کاربر پس از کلیک بر روی پیوند می بیند:
منوی گروه باز است
من یک منوی باز را منویی می نامم که بلافاصله نشان می دهد که از چه مواردی تشکیل شده است. یعنی تصویر اعلام پست ویکی محتوای آن را کاملا کپی می کند. بنابراین، کاربران بلافاصله می بینند که در داخل چه چیزی در انتظار آنها است. من با یک مثال به شما نشان می دهم.
این چیزی است که یک پست پین شده در هدر صفحه Flatro به نظر می رسد:
منوی گروه بسته است
منوی بسته همان پست ویکی در پاراگراف قبلی است، فقط اعلامیه حاوی یک تصویر بدون آیتم های منو است. معمولاً روی آن می نویسند: "منو"، "منوی ناوبری" یا "ناوبری از طریق مواد عمومی".
و این چیزی است که وقتی روی آن کلیک می کنیم می بینیم:
به هر حال، شایان ذکر است که اینها از تنها گزینه ها فاصله دارند. در اصل، شما می توانید هر چیزی که می خواهید روی این تصویر بنویسید. نکته اصلی این است که کاربر می خواهد روی آن کلیک کند و می فهمد که پس از آن چه چیزی در انتظار او است. مثال:
منوی ادغام شده برای یک گروه
منوی ادغام شده زمانی است که تصویر روی اعلام منوی شما یک تصویر با آواتار تشکیل می دهد. در زیر با جزئیات به شما خواهم گفت که چگونه چنین منویی درست کنید، اما در حال حاضر فقط ببینید چقدر زیبا به نظر می رسد.
GIF و آواتار در یک تصویر
اما این گزینه طراحی برای کلاه واقعاً من را خوشحال کرد. GIF پخش شده به طور خودکار با آواتار در یک ترکیب واحد ادغام می شود و توجه کاربران را به خود جلب می کند، حتی اگر اصلاً اطلاعاتی در مورد آن وجود نداشته باشد.
به هر حال، من این نمونه را در گروه بازاریاب SMM سرگئی شماکوف مشاهده کردم. بنابراین، من از او برای یافتن تشکر می کنم :)
منوی مخفی
منوی مخفی فقط برای گروه ها در دسترس است (صفحات این قابلیت را ندارند). برای دیدن آن باید روی لینک مربوطه کلیک کنید. مزیت این روش طراحی این است که کاربران می توانند اطلاعات اصلی جامعه را ببینند و اگر بخواهند از منو استفاده کنند فقط باید یک کلیک انجام دهند. با این حال، یک نقطه ضعف کوچک در اینجا وجود دارد - همه کاربران از وجود این عملکرد اطلاعی ندارند، بنابراین ممکن است منوی شما نسبت به زمانی که در بالای صفحه پین شده باشد کمتر مورد توجه قرار گیرد.
پخش خودکار ویدیو
در پایان نوامبر 2015، یک نوآوری جالب در شبکه اجتماعی VKontakte ظاهر شد - به محض اینکه کاربر از صفحه شما بازدید می کند، ویدیوی متصل به هدر به طور خودکار شروع به پخش می کند. با استفاده از این تکنیک می توانید توجه کاربران را بیشتر جلب کنید (مخصوصاً کسانی که برای اولین بار از صفحه شما بازدید کرده اند) و در عین حال کسانی را که دوست ندارند محتوای آنها به آنها تحمیل شود را عصبانی نکنید، زیرا ویدیو پخش می شود. بدون صدا و عملا تداخل ندارد.
چگونه می توان چنین ویدئویی را به سربرگ صفحه خود اضافه کرد؟
برای این کار سه شرط باید رعایت شود:
- ویدیو را به پست پیوست کنید و این پست را به بالای انجمن پین کنید.
- به غیر از ویدیو، چیز دیگری نباید به ضبط ضمیمه شود. فقط ویدیو و متن اختیاری است.
- ویدئو باید در VKontakte آپلود شود - پخش کننده های شخص ثالث پشتیبانی نمی شوند.
پستی که به اشتراک گذاری زیادی دارد
راه دیگر برای استفاده مؤثر از فضا در هدر صفحه، پین کردن یکی از موفق‌ترین پست‌های خود در آن است - پستی که قبلاً تعداد زیادی لایک و اشتراک‌گذاری دریافت کرده و همچنان ادامه دارد. فکر می‌کنم چرا این کار را می‌کنید، فکر می‌کنم همه می‌دانند - هرچه ارسال مجدد بیشتر، دسترسی بیشتر باشد، اشتراک‌های بیشتری را صفحه دریافت می‌کند.
اطلاعیه های ویدیوها، آلبوم ها، رویدادهای جدید
ارائه محصولات/خدمات جدید
تخفیف و تبلیغات
موارد، نظرات مشتریان
تبلیغات اپلیکیشن
جوک های کاربردی
قوانین جامعه
پیوند به سایر شبکه های اجتماعی
من تمام گزینه های طراحی هدر را فهرست نکرده ام. اساساً، می توانید هر نوع اطلاعاتی را در صفحه جلد و پست پین شده خود قرار دهید: فرصت های شغلی، اطلاعیه ها، پیوندهای محصولات پرفروش و غیره. بنابراین خود را به مثال های بالا محدود نکنید. از تخیل خود استفاده کنید و از طراحی جامعه خود برای رسیدن به اهداف خود استفاده کنید.
آواتار باید چگونه باشد؟
آواتار نه تنها یک تصویر زیبا با لوگوی شرکت شما است، بلکه ابزار کاری یک بازاریاب است که با آن به اهداف خود می رسد. بیایید با جزئیات به این نگاه کنیم که برای جلب توجه کاربران و تشویق آنها به انجام عمل هدف چگونه باید باشد. بیایید با مینیاتور شروع کنیم.
تصویر کوچک آواتار
- متن روی تصویر کوچک آواتار شما باید به اندازه کافی بزرگ باشد که خوانده شود.
- متن نباید فراتر از تصویر کوچک باشد.
- کاربران باید آنچه را که در آواتار نشان داده شده است درک کنند.
- در صورت امکان، بهتر است از تصاویر استوک استفاده نکنید، زیرا اغلب اعتبار شرکت را کاهش می دهند.
- نامطلوب است که تصویر کوچک آواتار بیش از حد محو و خسته کننده باشد، در غیر این صورت در پس زمینه آواتارهای روشن تر رقبا از بین می رود.
- اگر می‌خواهید آواتارتان مدرن به نظر برسد، آن را به سبک مینیمالیستی بسازید: کمتر متن، سایه‌ها، گرادیان‌ها و عناصری که بار معنایی ندارند. آواتار شما باید تا حد امکان ساده و مرتب باشد. این سبک در حال حاضر مرسوم است.
- اگر هدف شما جلب توجه کاربران و متمایز شدن از دیگر آواتارها در فید است، باید از تخیل خود استفاده کنید. به این فکر کنید که وقتی به دنبال جوامع جالب می گردید به چه چیزی توجه می کنید؟ به عنوان مثال، بیش از یک بار توسط آواتارهایی با نور سوزان جذب شده ام، که معمولاً نشان دهنده ورود پیام جدید است. این یک تکنیک بسیار قدیمی است، اما به دلایلی هنوز روی من تأثیر می گذارد - وقتی چنین نوری را می بینم، قطعاً نگاهم را به آن نگاه خواهم کرد.
من نمی گویم که این تکنیک در صفحه شما کار خواهد کرد. نکته ای که می خواهم به آن بپردازم این است که راه های بسیار زیادی برای برجسته شدن وجود دارد، فقط باید از خود بپرسید و کمی خلاق باشید. برای مثال، در اینجا ایده جالب دیگری وجود دارد که به سختی به تنهایی به آن فکر می کردم:
آواتار یک دایره سیاه است: بزرگ و کوچک. به نظر می رسد، اصلاً چرا این کار را انجام دهید؟ اما هنگامی که در لیست جوامع حرکت می کنید، چنین آواتارهایی توجه را به خود جلب می کنند زیرا با بقیه تفاوت های زیادی دارند.
چه اطلاعاتی را می توان در تصویر کوچک آواتار قرار داد؟
حتی اگر تصویر کوچک آواتار بسیار کوچک است، می‌تواند (و باید) برای جذب فالوور به جامعه‌تان استفاده شود. چگونه انجامش بدهیم؟ بیایید به چند گزینه نگاه کنیم:
اعلام یک محصول/خدمات/رویداد جدید
مزایای شرکت/خدمات/صفحه
شماره تلفن شرکت
قیمت های مناسب
ارسال رایگان
ضمناً اغلب اوقات اطلاعاتی که شرکت ارسال رایگان ارائه می دهد به نام گروه اضافه می شود تا کاربران حتماً به آن توجه کنند.
موجودی
مسابقات
جای خالی
خود آواتار باید چگونه باشد؟
من نگاه کردم که تصویر کوچک آواتار باید چه باشد و چه متنی می تواند روی آن قرار گیرد. حالا بیایید به سراغ خود آواتار برویم. نسخه کامل آواتار فقط در جامعه ای که کاور نصب نشده است نمایش داده می شود. برای چنین مواردی است که این بخش را نوشتم. بنابراین، آواتار جامعه شما چگونه باید باشد تا کاربران فوراً بفهمند که شرکت شما مسئولانه و حرفه ای به ایجاد صفحه پرداخته است.
- آواتار باید از کیفیت بالایی برخوردار باشد. من در مورد چگونگی رسیدن به این کمی بالاتر نوشتم. برای کسانی که این قسمت را از دست داده اند، به طور خلاصه به شما می گویم - اندازه آواتار باید 2-3 برابر بزرگتر از آنچه شما برنامه ریزی کرده اید باشد.
- توصیه می شود که آواتار با منو ترکیب شود: طرح رنگی یکسان باشد، فونت ها، عناصر و غیره یکسان باشد. به همین دلیل، هدر صفحه شما مرتب تر و حرفه ای تر به نظر می رسد. مثال:
- خود آواتار و تصویر کوچک آواتار ممکن است متفاوت باشند. به عنوان مثال، می توانید یک دایره روی آواتار خود بکشید، آن را به شکلی که دوست دارید طراحی کنید، آن قسمت را به عنوان تصویر کوچک انتخاب کنید و بقیه آواتار را به سبک دیگری طراحی کنید.
- به منظور تشویق کاربران به عضویت در صفحه شما یا ارسال پیام به نماینده شرکت، می توانید یک فراخوان برای اقدام مربوطه را در پایین آواتار قرار دهید و آن را با فلشی که به دکمه اشاره دارد همراه کنید.
- سعی کنید اطلاعات زیادی روی آواتار خود قرار ندهید، در غیر این صورت پربار و نامرتب به نظر می رسد. فقط مهمترین نکات را به آن اضافه کنید و مطمئن شوید که بین آنها "هوا" وجود دارد.
گزینه دیگر این است که آواتار را به دو قسمت تقسیم کنید. یکی برای مینیاتور و دومی برای بقیه آواتار.
چه اطلاعاتی را می توان روی آواتار قرار داد؟
در اصل، شما می توانید هر چیزی را که می خواهید روی آواتار خود قرار دهید. برخلاف مینیاتور، اینجا واقعاً جا برای پرسه زدن وجود دارد. نکته اصلی این است که از آن سوء استفاده نکنید :)
دامنه سایت
تلفن/آدرس/ساعت کاری
مسابقات/تبلیغات
بیشترین محصولات خریداری شده/اقلام جدید
اطلاعات در مورد تحویل
تبلیغات اپلیکیشن موبایل
مزایای اصلی شرکت/صفحه/محصول و غیره
به روز رسانی مجموعه / خلاقیت جدید و غیره
اطلاعاتی که جامعه شما رسمی است
اطلاعات در مورد رویدادهای آینده
آدرس اکانت ها در سایر شبکه های اجتماعی
توضیحات صفحه گسترده
لاف می زند
به طور کلی، شما می توانید مطلقاً هر اطلاعاتی را روی آواتار خود قرار دهید. من فقط چند ایده گنجانده ام تا بتوانید ببینید دیگران چه می کنند و الهام بگیرید. خوب، توصیه های اساسی را در نظر داشته باشید: آواتار باید با کیفیت بالا باشد، فونت باید بزرگ باشد و باید "هوا" بیشتری بین عناصر وجود داشته باشد.
نحوه ایجاد یک آواتار و منوی بدون درز
برای ایجاد یک آواتار و منو ادغام شده، به Adobe Photoshop یا معادل آن نیاز دارید. من کل فرآیند را با استفاده از فتوشاپ به عنوان مثال توضیح خواهم داد. پس بزن بریم.
- قالب فتوشاپی را که مخصوص این مطلب آماده کردم دانلود کنید. در اندازه معمولی (عرض منو - 510 پیکسل، آواتار - 200) یا بزرگ شده (منو - عرض 1020 پیکسل، آواتار - 400).
- تصویری را که می خواهید به عنوان پایه استفاده کنید باز کنید.
- آن را کپی کنید، آن را در قالب بچسبانید و آن را طوری قرار دهید که می خواهید برش دهید.
- افکت، متن، گرافیک و غیره اضافه کنید.
- اگر نمی خواهید بخشی از تصویر را از دست بدهید (در آن شکاف 50 پیکسلی)، آن را همانطور که در GIF زیر نشان داده شده است به سمت راست حرکت دهید:
- ابزار "برش" را انتخاب کنید و روی دکمه "Fragments along Guides" کلیک کنید.
- قطعات غیر ضروری را حذف کنید (کلیک راست ماوس - "حذف قطعه") و موارد موجود را ویرایش کنید (کلیک راست ماوس - در فضای خالی کلیک کنید - ناحیه مورد نظر را بردارید و آن را به اندازه دلخواه بکشید).
- به بخش "فایل" بروید و دستور "ذخیره برای وب" را انتخاب کنید.
- به محلی که تصاویر را در آن ذخیره کرده اید (دسکتاپ یا دایرکتوری خاص) بروید و پوشه ای به نام "تصاویر" را پیدا کنید. این جایی است که تصاویر شما خواهند رفت. اکنون تنها چیزی که باقی می ماند این است که آنها را در صفحه پر کنید.
P.S.ارتفاع آواتار به صلاحدید شما قابل تغییر است. من حداکثر اندازه را گرفتم - 500 پیکسل، اما مقدار شما ممکن است کمتر باشد. به عنوان مثال، مانند صفحه "ویکی نشانه گذاری":
نحوه استفاده از ویجت ها
ویجت ها نیز بخشی از طراحی جامعه VK هستند. با استفاده از آنها، کاربر می تواند: سفارش دهد، در خبرنامه شما مشترک شود، در یک مسابقه شرکت کند، نظرات را بخواند و بگذارد، جستجویی را در جامعه باز کند، هدیه دریافت کند، کوپن تخفیف و غیره.
در اینجا چند نمونه از ظاهر ویجت ها در صفحه VKontakte آورده شده است:
نحوه طراحی تصاویر برای پست ها
اگر شما یک طراح وب هستید یا ذوق هنری و حس زیبایی دارید، پس برای شما سخت نخواهد بود که یک سبک شرکتی برای تصاویر خود ایجاد کنید. با این حال، به نظر من چنین افرادی در این مقاله در اقلیت خواهند بود (اتفاقاً من نیز یکی از آنها نیستم). بنابراین، بیایید بر اساس نمونه هایی از شرکت های موفق، نگاهی دقیق تر به نحوه انجام این کار بیندازیم.
به هر حال، لطفاً توجه داشته باشید که تقریباً همه شرکت های مشهور VKontakte تصاویر خود را مارک می کنند، یعنی یک لوگوی کوچک، آدرس صفحه خود یا یک واترمارک اضافه می کنند. این امر آگاهی برند را افزایش می دهد و از تصاویر شما در برابر کپی محافظت می کند. این که آیا ارزش انجام این کار را دارد یا خیر به هر کسی بستگی دارد که خودش تصمیم بگیرد. تنها چیزی که می خواهم به شما توصیه کنم این است: اگر تصمیم به انجام این کار دارید، سعی کنید مطمئن شوید که لوگوی شما خیلی روشن نباشد و فضای زیادی را اشغال نکند، در غیر این صورت تمام تاکید بر روی آن خواهد بود و تصویر جذابیت خود را از دست بدهد
از کجا می توانم تصاویر خوب تهیه کنم؟
ما یک مقاله خوب در مورد این موضوع در وبلاگ خود داریم - "". همه آنها رایگان هستند، اما برخی نیاز به ثبت نام دارند. اگر چیزی مناسب برای خود پیدا نکردید، سعی کنید با کلمه کلیدی + کاغذ دیواری (یا اگر به زبان انگلیسی، کاغذ دیواری) جستجو کنید. به طور معمول، این نوع درخواست منجر به تصاویر با کیفیت بالا می شود. اما در اینجا باید مراقب باشید و نوع مجوز را بررسی کنید، در غیر این صورت، اگر یک تجارت جدی دارید، ممکن است به مشکل بر بخورید.
کسانی که کار در فتوشاپ بلد نیستند چه کار کنند؟
اگر هرگز در فتوشاپ (یا هر ویرایشگر گرافیکی دیگری) کار نکرده‌اید و هنوز آماده نیستید تا زمانی را برای تسلط بر آن اختصاص دهید، می‌توانید از خدماتی استفاده کنید که قبلاً قالب‌های تصویری آماده برای شبکه‌های اجتماعی مختلف دارند:
1. Fotor.com
پس از آن، در سمت چپ صفحه، الگوی مورد علاقه ما را انتخاب کنید. لطفا توجه داشته باشید که فقط آن قالب هایی که نماد الماس ندارند به صورت رایگان ارائه می شوند.
ما آن را در قالب قرار می دهیم، با دکمه سمت چپ ماوس آن را انتخاب می کنیم، دستور Layer (آیکون ساندویچ) را انتخاب می کنیم و روی Move to bottom کلیک می کنیم. به این ترتیب تصویر ما در پس‌زمینه خواهد رفت و تمام کتیبه‌ها در بالای آن قرار می‌گیرند.
پس از آن، متن، فونت، اندازه فونت، موقعیت کتیبه و غیره را تغییر می دهیم.
سپس بر روی آیکون فلاپی دیسک کلیک کنید، نام، فرمت تصویر، کیفیت را انتخاب کنید و روی دکمه ورود برای دانلود کلیک کنید.
2. Canva.com
سرویس دیگری که به شما کمک می کند تا تصویر خود را به زیبایی طراحی کنید. بر اساس همان اصل قبلی کار می کند. در این سرویس ثبت نام کنید (می توانید از حساب یا ایمیل +Google خود استفاده کنید).
زمینه فعالیت خود را انتخاب کنید. از مرحله ای که از شما خواسته می شود دوستان را دعوت کنید، صرف نظر می کنیم. به منوی اصلی می‌رسیم، جایی که در صورت نیاز به عکس مستطیلی، یک پست فیسبوک یا اگر مربع است، یک پست اینستاگرام را انتخاب می‌کنیم.
یک الگو را انتخاب کنید (اگر الگو با علامت "رایگان" مشخص شده است، به این معنی است که رایگان است)، متن را تغییر دهید.
در صورت لزوم، تصویر خود را آپلود کنید، ابعاد را تنظیم کنید، متن، فونت و موقعیت کتیبه را تغییر دهید. پس از آن، روی دکمه «دانلود» کلیک کنید، فرمت تصویر را انتخاب کنید و آن را در رایانه یا هر دستگاه دیگری ذخیره کنید.
نحوه قالب بندی مقالات در ویرایشگر
اخیراً VKontakte امکان تایپ مقالات را در یک ویرایشگر ویژه فراهم کرده است. برای ایجاد یک مقاله، باید روی حرف "T" کلیک کنید:
نحوه استفاده از نشانه گذاری ویکی
خوب، در اینجا به جالب ترین و در عین حال سخت ترین بخش می رسیم. شاید در بین خوانندگان افرادی باشند که نمی دانند ویکی نشانه گذاری چیست و برای اولین بار است که این اصطلاح را می شنوند. بنابراین، به خصوص برای شما، من تعریفی را که خود "Contact" ارائه می دهد، ارائه می کنم.
نشانه گذاری ویکی یک زبان نشانه گذاری است که برای قالب بندی متن در وب سایت ها (معمولاً به عنوان پروژه های ویکی طبقه بندی می شوند) استفاده می شود و امکان دسترسی آسان تر به قابلیت های زبان HTML را فراهم می کند. در سایت ما، صفحات ویکی جایگزین خوبی برای پست های معمولی و پیمایش متنی هستند. اگر نیاز به ایجاد یک مقاله بزرگ با قالب بندی متن های مختلف (پررنگ، زیرخط، عنوان و غیره) دارید یا به آن گرافیک اضافه می کنید، یا به سادگی یک منوی پیمایش رنگارنگ برای جامعه خود ایجاد می کنید، ویکی ضروری است.
درست مانند وردپرس (یا هر CMS دیگری) یک ویرایشگر HTML دارد که با آن مقاله ایجاد می کنید، Contact نیز ویرایشگر خود را برای ایجاد و ویرایش صفحات ویکی دارد. به نظر می رسد این است:
با استفاده از این ویرایشگر، منوهای ناوبری و همچنین مقالاتی با تصاویر، فیلم ها و ضبط های صوتی ایجاد می شود. در زیر به طور مفصل درباره نحوه کار در این ویرایشگر صحبت خواهم کرد، اما ابتدا از شما می خواهم که دو پیوند را نشانک کنید. آنها در یادگیری نشانه گذاری ویکی کمک زیادی به شما خواهند کرد.
ویرایش مقاله در ویکی پدیا آسان است. پیوند "ویرایش" را دنبال کنید. صفحه ویرایش باز خواهد شد؛ دارای یک فرم متن با متن منبع مقاله است که شامل کاراکترهای خاص است - نشانه گذاری "ویکی" که در زیر توضیح داده شده است.
ویرایش
سپس: تغییرات مورد نظر را در متن مبدا اعمال کنید. معنای ویرایش خود را در خط «شرح تغییرات» به اختصار شرح دهید. برای بررسی نمایش صحیح صفحه، روی دکمه "پیش نمایش" کلیک کنید. اگر همه چیز با صفحه درست است، نسخه جدید خود را با کلیک بر روی دکمه "ذخیره صفحه" منتشر کنید.
لطفا از نقطه نظر خنثی بنویسید: از تعصب و احساسات بیش از حد خودداری کنید. منابع اطلاعات خود را مشخص کنید - این به دیگران کمک می کند کار شما را بررسی و تکمیل کنند. وویلام: سخت نیست و خیلی مفید است.
ویژگی های اضافی
در بالای فرم ویرایش متن دکمه هایی برای قالب بندی متن وجود دارد، در زیر یک پانل برای درج سریع کاراکترهای خاص، عناصر نشانه گذاری ویکی و الگوها وجود دارد. دکمه "تغییرات ایجاد شده" به شما امکان می دهد کد منبع را با آنچه در پنجره ویرایش دارید مقایسه کنید. اعضای ثبت نام شده همچنین به موارد زیر دسترسی دارند: یک چک باکس تغییر جزئی که به شما امکان می دهد تغییرات خود را جزئی علامت گذاری کنید. برای نظارت بر تغییرات آینده در این مقاله، کادر انتخاب «فهرست تماشای این صفحه» را علامت بزنید. اغلب راحت است که ابتدا متن را در یک ویرایشگر متن (از طریق کلیپ بورد) کپی کنید، آن را ویرایش کنید، و سپس آن را به فرم ویرایش در مرورگر بازگردانید. برای این منظور، باید از یک ویرایشگر متنی استفاده کنید که از یونیکد پشتیبانی می کند. علاوه بر این، می توانید در مورد مقالات با سایر اعضا بحث کنید. تقریباً هر مقاله در ویکی پدیا یک صفحه موازی با بحث خود دارد. اعضا به سادگی این صفحه را به همان روشی که مقاله ها را ویرایش می کنند ویرایش می کنند: به صفحه "بحث" بروید و روی "ویرایش" در آنجا کلیک کنید. در بحث، باز هم باید از قوانین پیروی کرد. نکته اصلی این است که از سختگیری خودداری کنید و مشترک شوید (four tildes niska 14:39، 14 ژوئن 2007 (MSD) در کد صفحه).
نشانه گذاری ویکی
در زیر یک جدول مرجع برای ویرایش در ویکی پدیا آمده است.
بخش ها، پاراگراف ها، فهرست ها و خطوط
بخش را با خط عنوان شروع کنید:
بخش جدید == === زیربخش === ==== زیربخش ====
فید تک خطی هیچ تاثیری بر نشانه گذاری ندارد. می توان از آن برای جداسازی جملات درون یک پاراگراف استفاده کرد. برخی از ویرایشگران معتقدند که این کار ویرایش را آسان‌تر کرده و ویژگی مقایسه نسخه را بهبود می‌بخشد.
اما یک خط خالی یک پاراگراف جدید را شروع می کند.
می توانید از تگ "br" برای شکستن خطوط بدون شروع پاراگراف جدید استفاده کنید
تهیه لیست بسیار آسان است
- هر خط با یک ستاره شروع می شود.
- هر چه تعداد ستاره ها بیشتر باشد، سطح عمیق تر است. تورفتگی داخل را می توان با استفاده از کولون نیز انجام داد
لیست های شماره گذاری شده نیز خوب هستند:
- لیست های شماره گذاری شده نیز خوب هستند:
- بسیار سازمان یافته؛
- آسان برای خواندن
شما همچنین می توانید لیست های ترکیبی ایجاد کنید:
- شما همچنین می توانید لیست های ترکیبی ایجاد کنید:
- و آنها را سرمایه گذاری کنید
- مانند،
- اینجا.
- و آنها را سرمایه گذاری کنید
یک نقطه ویرگول در ابتدای یک خط و سپس یک نقطه ویرگول یک لیست دو سطحی ایجاد می کند.
دو نقطه در ابتدای یک خط یک پاراگراف را فرورفته می کند.
یک شکست ساده خط یک پاراگراف جدید را آغاز می کند.
توجه: این در درجه اول برای صفحات بحث اعمال می شود.
اگر یک خط با فاصله شروع شود، به همان روشی که تایپ شده است قالب بندی می شود. فونت با عرض ثابت؛ بدون خط شکنی این را می توان برای موارد زیر استفاده کرد:
* درج متن از پیش فرمت شده. * توصیف الگوریتم ها؛ * کد منبع برنامه * هنر ascii (ایجاد تصاویر با استفاده از نمادهای متنی).
متن در مرکز
خط تقسیم افقی: چهار خط نقطه چین در یک ردیف (----)
می توانید تراز متن پاراگراف را با استفاده از تگ کنترل کنید
با پارامتر align، با مرکز مقدار برای تراز وسط، برای تراز عرضی، چپ برای تراز چپ، راست برای تراز راست توجیه کنید.
پیش فرض تراز چپ است.
به عنوان مثال، برای تراز کردن بر اساس عرض، از این طرح استفاده کنید:
متن پاراگراف
پیوندها، URL
لندن حمل و نقل عمومی خوبی دارد. حرف اول مقصد به طور خودکار بزرگ می شود. فضاهای داخلی به طور خودکار به عنوان زیرخط نمایش داده می شوند (تایپ کردن زیرخط تأثیری مشابه تایپ یک فاصله دارد، اما توصیه نمی شود).
بنابراین پیوند بالا به http://ru.wikipedia.org/wiki/Public_transport می رود که مقاله ای به نام "حمل و نقل عمومی" است.
توجه: اگر مورد کلمه یا عبارت ارجاع کننده با اسم اسمی مطابقت ندارد، باید یک خط عمودی در دو پرانتز قرار دهید و در سمت چپ آن حروف اسمی و در سمت راست - دستور زبان مربوطه را بنویسید. جمله ای که در آن لینک درج شده است.
مثال:لندن حمل و نقل عمومی خوبی دارد.
لندن [[حمل و نقل عمومی]] خوبی دارد. لندن [[حمل و نقل عمومی|] خوبی دارد حمل و نقل عمومی]].
پایان ها با مرجع ادغام می شوند: آزمایش، ژن
ناحیه محصور در پرانتز به طور خودکار پنهان می شود: پادشاهی .
به طور خودکار فضای نام را پنهان می کند: پورتال انجمن.
به طور خودکار مواردی را که در داخل پرانتز قرار گرفته اند پنهان می کند: [[پادشاهی (زیست شناسی)|]]. به طور خودکار فضای نام را پنهان می کند: [[ویکی پدیا:پورتال انجمن|]].
می‌توانید با نشان دادن آن پس از هش: پیوند، به زیربخشی در خود مقاله پیوند دهید.
می‌توانید با نشان دادن آن پس از هش، به زیربخشی در خود مقاله پیوند دهید: [[Wikipedia:Rules and Guidelines#Refer|Refer]].
هنگام افزودن نظرات به صفحه بحث، باید آنها را امضا کنید. این را می توان با افزودن سه تایلد برای دریافت نام کاربری انجام داد:
نسکایا چهار تا برای دریافت نام کاربری به اضافه تاریخ/زمان:
niska 14:39، 14 ژوئن 2007 (MSD)این گزینه با تاریخ و زمان است که ترجیح داده می شود.
هنگام افزودن نظرات به صفحه بحث، باید آنها را امضا کنید. این کار را می توان با افزودن سه تایل برای دریافت نام کاربری انجام داد: : ~~~ یا چهار تا نام کاربری به اضافه تاریخ/زمان: : ~~~~ این گزینه تاریخ و زمان است که ترجیح داده می شود. پیوند خارجی: ، برای پیوندهایی که به زبان روسی نیستند، توصیه می شود زبان را ذکر کنید: ((ref-en))
یا به سادگی URL را وارد کنید: http://www.nupedia.com.
این آدرس به عنوان نمونه ارائه شده است، از آن استفاده نکنید.
می توانید ایمیل خود را به صورت زیر مشخص کنید:
[[Media:Sg_mrob.ogg|صدا]] [[Media:Tornado.jpg|تصویر گردباد]]
شابک 0123456789X
قالب بندی متن
سبک‌های پررنگ و مورب در موارد زیر استفاده می‌شوند: استرس منطقی، تأکید ساختاری، تأکید منطقی در تأکید ساختاری (یا برعکس). استرس منطقی
برجسته سازی ساختاری
استرس منطقی در تاکید ساختاری (یا برعکس)
.
- اینها آپستروف های دوتایی و سه گانه هستند، نه گیومه.
"""انتخاب ساختاری"""
"""""تنش منطقی در تاکید ساختاری (یا بالعکس)""""".
همچنین اگر به یک سبک فونت خاص به جای تاکید منطقی علاقه دارید، مانند فرمول های ریاضی، می توانید با حروف کج و پررنگ بنویسید: F = ma
:اف = مترآفونت Monospace برای اصطلاحات فنی اصطلاحات فنی
اصطلاحات فنی
قالب بندی ویژه برای تکه های کد منبع
کد منبع
شما می توانید از متن کوچک برای عنوان استفاده کنید متن کوچک برای عنوان
متن کوچک>
می توانید مطالب حذف شده را خط بکشید و زیر مطالب جدید خط بکشید، مطالب حذف شده را خط بکشید و مطالب جدید را برجسته کنید
مطالب حذف شده را خط بزنیدو مطالب جدید را برجسته کنید
برای یک مدیر یا ناظم گروه بسیار مهم است که بداند چگونه یک صفحه ویکی VKontakte ایجاد کند، زیرا این یکی از ساده ترین راه ها برای طراحی زیبا یک پست و جلب حداکثر توجه به اطلاعات منتشر شده است. در واقع، برای یک صفحه ویکی عمومی، یک گام بزرگ به جلو در مبارزه برای یک مخاطب است.
نشانه گذاری ویکی، که مبنای ایجاد یک صفحه ویکی شد، یک زبان طرح بندی خاص است. در ابتدا برای ساختار مقالات ویکی پدیا استفاده می شد. اما وقتی مشخص شد که می توانید از آن در VKontakte نیز استفاده کنید محبوبیت بیشتری پیدا کرد.
اصول اولیه نشانه گذاری ویکی آنقدر واضح است که کاربر بدون مهارت برنامه نویسی می تواند آنها را یاد بگیرد.
دانستن نشانه گذاری ویکی چه فرصت هایی را فراهم می کند؟
هنگامی که بر روش آسان قالب بندی متن مسلط شدید:
- ایجاد سرفصل، فهرست، پاراگراف؛
- از فونت های ایتالیک و پررنگ استفاده کنید.
- درج تصاویر در متن؛
- از لینک های لنگر استفاده کنید.
- رسم صفحات فرود؛
- ایجاد کاتالوگ و سایت های چند صفحه ای؛
- یک منوی ناوبری برای صفحات عمومی ایجاد کنید.
- جداول را بکشید.
ایجاد یک صفحه ویکی VKontakte می تواند منبع درآمد اضافی باشد. نشانه گذاری ویکی به سادگی فرصت های بی پایانی را برای طراحی پست ها باز کرده است و به شما این امکان را می دهد که وحشیانه ترین خیالات خود را مجسم کنید. و هر چه طراحی برای یک گروه اصلی تر باشد، احتمال اینکه در بین صدها رقیب مورد توجه قرار گیرد بیشتر است. اما قبل از اینکه یاد بگیرید چگونه صفحات واقعاً ارزشمند بسازید، باید زمانی را صرف یادگیری کنید. نیازی به استخدام معلم یا گذراندن دوره های تخصصی نیست.
پیدا کردن یک آموزش در مورد نشانه گذاری ویکی برای آدمک ها در اینترنت و مطالعه آن آسان است.
چگونه یک صفحه ویکی VKontakte برای یک گروه یا عمومی ایجاد کنیم؟
برای فردی که هرگز در زندگی خود با این نوع طراحی محتوا مواجه نشده است، این کار غیرممکن به نظر می رسد. اما در واقعیت هیچ چیز فوق العاده پیچیده ای وجود ندارد. هنگامی که تئوری را مطالعه کردید و دانش خود را با تمرین کوتاه تأیید کردید، دیگر نمی خواهید از یادداشت های معمولی استفاده کنید. آنها در پس زمینه قابلیت های روشن نشانه گذاری ویکی بی چهره به نظر می رسند.
چگونه یک صفحه ویکی برای یک صفحه عمومی ایجاد کنیم؟
متن "عنوان صفحه" را با عنوانی که می خواهید در صفحه ویکی ببینید جایگزین کنید. با باز کردن هر پستی از دیوار، شناسه عمومی را خواهید فهمید. در نوار آدرس پیوندی را مشاهده می کنید که در آن بعد از id حروف اعداد مورد نیاز شما وجود دارد. آنها را کپی کنید و صفحه را پر کنید.
برای اینکه صفحه را از سایرین متمایز کنید، طرح را با دقت در نظر بگیرید. برچسب های ویژه در این مورد به شما کمک می کند:
برای در دسترس قرار دادن صفحات ویکی برای سایر کاربران، پیوندهای آنها را روی دیوار یا در منو قرار دهید.
نحوه ایجاد یک منوی ویکی VKontakte برای یک گروه: نشانه گذاری
افزودن یک منوی ویکی به یک گروه آسان است. باید قسمت آخرین اخبار را ویرایش کنید. در هدر انجمن قرار دارد و برای اهداف ما مناسب است. چگونه یک منوی زیبا درست کنیم؟ بدون نشانه گذاری ویکی نمی توانید انجام دهید. قبلاً می دانید که می توان از آن برای درج تصاویر در متن و پیوندهای لنگر استفاده کرد. اگر بتوانید به راحتی این دستکاری ها را مدیریت کنید، پس اجرای ایده نباید مشکلی داشته باشد.
منوی ویکی VKontakte یک لیست زیبا از پیوندها به صفحات دارای اطلاعات مهم طراحی شده است.
بنابراین، قبل از ایجاد خود منو، باید به این فکر کنید که دقیقاً می خواهید توجه کاربران را به خود جلب کنید. تصمیم گرفتی؟ سپس دریغ نکنید، زیرا شما از قبل تمام دانش لازم برای ایجاد صفحات ویکی و منوهای VKontakte را دارید.
من فکر می کنم همه کسانی که به طور فعال از شبکه اجتماعی VKontakte استفاده می کنند قبلاً با گروه ها و صفحات عمومی با طراحی زیبا روبرو شده اند. بسیاری از آنها علاوه بر منو، دارای صفحات فرعی، کاتالوگ و غیره نیز هستند که در اصل یک وب سایت کوچک درست در داخل شبکه اجتماعی ایجاد می کنند.
در اینجا چند مثال آورده شده است تا همه بفهمند ما در مورد چه چیزی صحبت می کنیم.
چنین گروه هایی به شما این امکان را می دهند که در بین رقبای خود متمایز شوید و کاربران بیشتری را جذب کنید. مخصوصا اگر مطالب هم جالب باشه :)
در این مقاله در مورد نحوه انجام این کار صحبت خواهیم کرد. برای تجزیه و تحلیل همه چیز با جزئیات بیشتر و کاوش در تمام ظرافت ها، بیایید یک مثال خاص بزنیم. یک کلاس کارشناسی ارشد کوچک در زمینه طراحی گروهی برگزار خواهد شد.
اولین مرحله کار ما ایده است. ما باید بفهمیم که چه چیزی و به چه کسی می خواهیم بگوییم. چندین قالب انجمن در VKontakte وجود دارد و شما باید بر اساس اهداف خود انتخاب کنید. اگرچه در آینده می توان گروه را به یک قالب عمومی و بالعکس منتقل کرد.
با انگشتانم توضیح می دهم. عمومی- این چیزی شبیه یک وبلاگ است. اخبار. به عبارت دیگر، ما به مشترکان خود در مورد موارد خاصی می گوییم و آنها نمی توانند روی دیوار جامعه ما بنویسند. حداکثر اظهار نظر است.
گروهبه شما این امکان را می دهد که جامعه ای بازتر برای گفتگو و بحث ایجاد کنید، جایی که افراد می توانند از طرف خود در فید پست بگذارند. همچنین می توانید دوستان خود را از لیست خود به آن اضافه کنید. چنین گزینه ای در انظار عمومی وجود ندارد. علاوه بر این، گروه گزینه‌های کمی بیشتر برای ادغام نشانه‌گذاری ویکی دارد (بخش «اخبار» وجود دارد که می‌توانید یک منو در آن ادغام کنید).
در سطح جهانی، می‌توانیم به این شکل فکر کنیم: اگر ما نیاز به ایجاد یک انجمن برای یک فروشگاه داریم، آنگاه قالب «عمومی» را انتخاب می‌کنم. اگر به عنوان مثال در مورد علاقه مندان به ماهیگیری صحبت می کنیم، بهتر است یک "گروه" انتخاب کنید. اگرچه، هر کس آزاد است که هر طور که صلاح می داند انجام دهد. پس از همه، قالب را می توان در هر زمان تغییر داد. با این حال، به خاطر داشته باشید که VKontakte محدودیتی را برای تغییر مجدد قالب انجمن ایجاد می کند و پس از اولین بار باید چندین روز صبر کنید تا در صورت لزوم بتوانید همه چیز را برگردانید. بنابراین، بهتر است قبل از اینکه گروه شروع به پر شدن از محتوا کند، عملکرد را آزمایش کنید.
به عنوان بخشی از این استاد کلاس، من بازی Mad Max بر اساس فیلمی به همین نام را که همین چند هفته پیش منتشر شد، به عنوان نقطه شروع انتخاب می کنم و یک انجمن برای بازیکنان با مواد مختلف در این بازی ایجاد خواهم کرد. . هدف اصلی تخلیه ترافیک به سایت بازی شما است.
قالب "گروهی" خواهد بود، زیرا برای ایجاد هجوم طبیعی مخاطبان و به حداکثر رساندن ارتباطات در جامعه ضروری است. اجازه دهید فوراً توضیح دهم که از یک تکنیک جهانی استفاده خواهم کرد که هم در قالب گروهی و هم در عموم قابل استفاده است. این در همه جا کار می کند.
مطالب زیادی وجود دارد، بیایید شروع کنیم به زنده کردن ایده!
ایجاد یک گروه
برای ایجاد یک گروه، به "گروه های من" در منوی سمت راست حساب VKontakte خود بروید و روی دکمه آبی در بالای "ایجاد انجمن" کلیک کنید.
پنجره ای مانند این ظاهر می شود که در آن نام گروه خود را وارد کرده و قالب را انتخاب می کنیم.
با وارد کردن اطلاعات لازم، کنترل پنل انجمن ما در مقابل ما باز می شود. در مورد من به نظر می رسد این است.
همانطور که می بینید، من چند پارامتر اضافه کردم: ویدیو، ضبط صدا، بحث و تعدادی ویژگی دیگر را در نظر گرفتم که در کار آینده هنگام جمع آوری محتوا برای من مفید خواهد بود. همه اینها در آینده بدون هیچ محدودیتی قابل تغییر هستند. آدرس سایتم را هم یادداشت کردم. اگر وب‌سایتی ندارید یا موضوع آن با قالب جامعه مطابقت ندارد (آنها در مورد چیزهای مختلفی هستند و به هیچ وجه به یکدیگر مرتبط نیستند)، این خط را می‌توان خالی گذاشت.
در این مورد، من محدودیت های سنی را از 18 سال تعیین کردم، مشابه مواردی که توسعه دهندگان برای بازی تعیین کردند. هرچند شک ندارم که بچه ها هم بازی می کنند.
همه. گروه ایجاد شد!
اکنون می توانید شروع به طراحی آن کنید.
قالب بندی یک گروه VKontakte
این مرحله را می توان به 2 جزء گرافیکی و فنی تقسیم کرد. برای کار به یک قالب برای ایجاد آواتار و منوی گروهی و همچنین کمی تخیل و دانش اولیه فتوشاپ (معروف به فتوشاپ) نیاز داریم.
الگوی نشانه گذاری
قالب چیست و حتی چیست؟ قالب نوعی خالی است. در این مورد، در قالب *.psd، قسمت هایی را برای تصویر زیر منو و آواتار گروه مشخص کرده ایم.
همانطور که در مثال دوم در ابتدای این مقاله مشاهده می کنید، می توانیم تصویر آواتار و منو را به همین سبک طراحی کنیم. در عین حال، به صورت بصری به 2 قسمت بریده می شود. بنابراین، این قالب به شما اجازه می دهد تا یک تصویر را به گونه ای تشکیل دهید که جابجایی گرافیک را از بین ببرید و تصاویر را تا حد امکان در یک سطح قرار دهید.
برای روشن تر شدن موضوع، در اینجا یک مثال آورده شده است.
می بینیم که در هر دو قسمت تصویر یک نوار مشرف به یک منطقه مسکونی وجود دارد. بدون استفاده از یک الگو، تقریباً غیرممکن است که آن را دقیقاً بار اول انجام دهید. شما باید تصاویر را تنظیم کنید و اختلافات را تا 1 پیکسل اندازه گیری کنید. در حالی که هنگام استفاده از یک قالب، ما به سادگی در نشانه گذاری به آن گرافیک اضافه می کنیم و بلافاصله به نتیجه دلخواه می رسیم.
لازم به ذکر است که این الگو برای 1 خط توضیح طراحی شده است. در اسکرین شات مثال، تلفن وجود دارد. اگر خط دوم ظاهر شد، باید از قالب دیگری استفاده کنید یا طرح را به صورت دستی اصلاح کنید.
در ضمن ما مستقیماً به سمت طراحی گرافیکی گروه جدیدمان می رویم. اینجاست که مسیری را انتخاب می کنم که کمترین مقاومت را داشته باشد و برای یافتن بخش هایی از طرح به Google Images می روم. همچنین می توانید از Yandex استفاده کنید. چه کسی چه چیزی را بیشتر دوست دارد؟
من تحصیلات طراحی ندارم، بنابراین در مورد مسائل مربوط به انتخاب فونت و سایر جزئیات صحبت نمی کنیم. بعد از انجام کمی جادو در فتوشاپ به این نتیجه رسیدم.
در قسمت سمت چپ (جایی که "منو" می‌گوید) می‌توانید چندین عامل را نیز اضافه کنید. در این مورد، تصمیم گرفتم بدون آنها کار کنم. همه. طرح آواتار آماده است. در فتوشاپ، کلید میانبر Shift+Ctrl+Alt+S را فشار دهید و قطعات ما را در یک پوشه در هارد دیسک خود ذخیره کنید.
مرحله اول کار با گرافیک به پایان رسید. بیایید دوباره با هم تماس بگیریم.
تنظیم آواتار و منو برای یک گروه
به جای ava گروه خود روی دو نوع کلیک می کنیم و تصویر خود را در آنجا آپلود می کنیم. این بچه ها هستند، زیر آنها همچنین می گوید "آپلود یک عکس".
یک عکس اضافه کنید. فیلدها را مشخص کرده و یک تصویر کوچک انتخاب کنید. همه چیز در اینجا ساده است و نباید هیچ مشکلی وجود داشته باشد.
همانطور که می بینیم، شما باید شناسه انجمن را بدانید. تشخیص او بسیار آسان است. منوی گروه خود را بیابید (بلافاصله زیر آواتار) و "آمار انجمن" را باز کنید. در این مورد، چیزی مشابه در نوار آدرس مرورگر ظاهر می شود (اعداد متفاوت خواهند بود).
این اعداد بعد از “?gid=” شناسه گروه مورد نظر هستند. مقدار به دست آمده را در فرم اسکریپت قرار می دهیم و نام صفحه ای را که می خواهیم ایجاد کنیم می نویسیم. در این مورد، "منو" را تایپ می کنم.
شایان ذکر است که صفحه تنها در صورتی ایجاد می شود که پنجره گروه در تب مجاور باز باشد. به عبارت ساده، شما باید در همان مرورگر وارد VK شوید. از این گذشته، فقط مدیر گروه و افرادی که توسط او منصوب شده اند به چنین دستکاری هایی دسترسی دارند. یک رهگذر تصادفی نمی تواند به راحتی برود و تنظیمات گروهی را که به پنل مدیریت دسترسی ندارد تغییر دهد.
اگر همه چیز به درستی انجام شود، صفحه ای مانند این باز می شود.
این همان پنجره ای است که بعداً یک نشانه گذاری ویکی ایجاد می کنیم و یک منوی داخلی برای گروه خود ایجاد می کنیم. در حال حاضر، تنها کاری که باید انجام دهیم این است که چیزی در اینجا بنویسیم. سپس روی دکمه آبی «ذخیره صفحه» کلیک کنید و روی پیوند بازگشت به صفحه در بالا کلیک کنید.
من "منو" را نوشتم و صفحه من پس از ذخیره به این شکل ظاهر شد.
هنوز هیچ طرحی وجود ندارد، اما اکنون فقط به پیوند این صفحه نیاز داریم. آن را در نوار آدرس مرورگر انتخاب می کنیم و به صفحه اصلی گروه خود باز می گردیم. به خوراک.
در اینجا ما یک پست با محتوای زیر ایجاد می کنیم: درج یک عکس و یک پیوند به صفحه منو برای گروه.
روی ارسال کلیک کنید. سپس بر روی زمان ارسال پیام کلیک کرده و از بین تمامی گزینه ها گزینه “Pin” را انتخاب کنید. صفحه را به روز می کنیم (کلید F5 روی صفحه کلید) و اگر همه چیز به درستی انجام شود، اولین نتیجه را می گیریم: گروه یک آواتار و یک پیوند برای رفتن به بخش منو پیدا کرده است.
نشانه گذاری ویکی برای منوی گروه VKontakte
حالا بیایید طراحی خود منو را شروع کنیم. بیایید دوباره به فتوشاپ برویم و یک طرح برای منوی خود ایجاد کنیم. هنگام طراحی رابط، باید افرادی را به خاطر بسپارید که از طریق برنامه از طریق تلفن همراه به VK دسترسی خواهند داشت. به عبارت دیگر، ما نباید عناصر کوچکی داشته باشیم و علاوه بر این، باید سعی کنیم همه چیز را تا حد امکان روشن کنیم. برای اینکه لازم نباشد حدس بزنیم همه چیز در اینجا چگونه کار می کند و کجا باید کلیک کنیم ... بلکه فقط به مورد مناسب اشاره کنید و اطلاعات مورد نظر خود را مطالعه کنید.
من در حال حاضر به جزئیات در مورد نحوه تنظیم منو نمی پردازم. این چیزی است که من دریافت کردم.
حداقل فیلدها طرح بندی عمودی فرمت ایده آل برای یک منوی پاسخگو. یعنی هیچ چیز در تلفن های همراه به جایی نمی رسد. همه چیز دقیقاً مانند صفحه نمایش رایانه ها و تبلت ها خواهد بود. عرض را به 500 پیکسل می رسانم تا بعداً چیزی کوچک نشود و کیفیت تصویر را دوبار از دست ندهم. قد مهم نیست
تصویر را تکه تکه می کنیم و ذخیره می کنیم.
همه. زمان آکورد نهایی فرا رسیده است - ما در حال جمع آوری منو در خود گروه هستیم.
برای انجام این کار، به صفحه اصلی گروه (جایی که فید و لینک تصویر ما منتهی به منو است) برمی گردیم. روی تصویر منو کلیک می کنیم و به همان صفحه ای می رسیم که قبلا برای منو ایجاد کرده بودیم.
اگر شما یک مدیر یا سازنده یک گروه هستید (در مورد ما، این مورد است)، در بالای صفحه پیوند "ویرایش" وجود خواهد داشت. بیایید روی آن کلیک کنیم.
سپس به حالت نشانه گذاری ویکی می رویم (زیر دکمه بستن در گوشه سمت راست بالای صفحه یک قاب با<>داخل). هنگامی که حالت مورد نظر فعال می شود، این دکمه به رنگ خاکستری مشخص می شود.
سپس روی آیکون دوربین کلیک می کنیم و تمام قطعات منو را به یکباره اضافه می کنیم. در حالت ویکی، ما خود تصاویر را نخواهیم دید، فقط کد این تصاویر را با ابعاد و پارامترها مشاهده خواهیم کرد.
من می خواهم منو را در مرکز قرار دهم و هیچ شکافی بین قطعات وجود نداشته باشد. بنابراین، ما هر یک از عناصر را در یک برچسب قرار می دهیم
اولین و آخرین عناصر منو نباید دکمه باشند - در تصویر من آنها فقط یک عنصر گرافیکی بدون پیوند به صفحه داخلی هستند، بنابراین پارامتر "nolink" را به آنها اضافه می کنیم. با این کار امکان کلیک روی این عنصر برای باز کردن یک قطعه از تصویر در یک پنجره جداگانه حذف می شود. حالا با یک کلیک ماوس هیچ اتفاقی نمی افتد. این پس‌زمینه عادی صفحه است. غیر فعال.
در مورد من کد منو به این شکل است.
به طور جداگانه، می خواهم به این واقعیت توجه کنم که پس از وارد کردن تصاویر به VK، سیستم داخلی گاهی اوقات اندازه های تصویر را به اشتباه نشان می دهد. بنابراین، ما باید به دقت بر این موضوع نظارت کنیم و دقیقاً مواردی را که در مرحله طراحی برنامه ریزی کرده ایم، نمایش دهیم. در غیر این صورت ممکن است همه چیز به هم بریزد و پازل در نهایت جمع نشود.
وقتی کد را نوشتیم و همه عناصر را تراز کردیم، صفحه را ذخیره می کنیم و همان چیزی که در فتوشاپ بود را می بینیم.
آخرین لمس باقی می ماند - ما باید همان صفحاتی را ایجاد کنیم که منوی ما افراد را در آنجا ارسال می کند. برای انجام این کار، اجازه دهید دوباره به اسکریپت تولید صفحات ویکی بپردازیم و این بار سه صفحه را همزمان سفارش دهیم. در این مورد، شما همچنین باید روی هر یک چیزی بنویسید و فراموش نکنید که آدرس آنها را در جایی از نوار آدرس مرورگر ذخیره کنید.
سپس پیوندهای صفحات جدید را در کد ویکی منو در فرم page-102302049_51013384 وارد می کنیم که شماره اول شناسه گروه و شماره دوم شماره صفحه است. اگرچه، به طور کلی، این مهم نیست. پس از همه، ما فقط باید این قطعه URL را کپی کنیم و آن را در نشانه گذاری قرار دهیم.
در نتیجه کد منو به شکل زیر در می آید.
در ظاهر هیچ چیز تغییر نکرده است. اما وقتی روی آیتم های منو کلیک می کنیم، می بینیم که الان کار می کند!
در مورد خود نشانه گذاری و قوانینی که کد نوشته شده است، به شما توصیه می کنم که گروه VKontakte را که به طور خاص به این موضوع اختصاص داده شده است بخوانید. بچه ها تمام نکات کلیدی را توصیف کردند و در کاتالوگ آنها می توانید به راحتی عنصر لازم را پیدا کنید و نحوه اضافه کردن آن را به صفحه ویکی خود بیابید.
