معرفی افزونه ویژوال کامپوزر

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

در مقاله امروز تیم فعال شده با افزونه ویژوال کامپوزر بیشتر آشنا میشویم.

افزونه‌ی ویژوال کامپوزر چیست؟

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

مثل اغلب افزونه‌های وردپرسی، کارکردن با افزونه‌ی ویژوال کامپوزر نیازی به دانش برنامه‌نویسی و کدنویسی پیشرفته ندارد؛ شما می‌توانید پس از نصب افزونه‌ی ویژوال کامپوزر به‌راحتی و با کشیدن و رهاکردن الگوهای چیدمانی، نمای سایت خود را تنظیم کنید.

افزونه‌ی ویژوال کامپوزر بیش از ۴۰ الگو یا عنصر چیدمانی دارد و مخاطب می‌تواند بر اساس سلیقه و نیاز کاربران سایت خود، چیدمان سایتش را تغییر دهد. برای ساخت الگوهای مختلف در افزونه‌ی ویژوال کامپوزر تنها کافی است موس کامپیوتر خود را بکشید و سپس رها کنید؛ به‌همین سادگی الگوی موردنظر شما در سایت اجرا خواهد شد.

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

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

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

از جمله‌ مهمترین پلاگین‌هایی که می‌توانند با افزونه‌ی ویژوال کامپوزر سازگاری داشته باشند، پلاگین‌هایی همچون contact from 7 و layer slider و Yoast SEO هستند که به‌سادگی نصب‌شده و با وجود افزونه‌ی ویژوال کامپوزر عملکردی قابل قبول از خود به نمایش می‌گذارند.

افزونه‌ی مذکور همچنین توانایی این را دارد تا در ساختار وردپرس شبکه‌ای استفاده شود و نقش خود را به‌درستی ایفا کند. افزونه‌ی ویژوال کامپوزر همچنین برای فیلتر تصویر نیز از امکانات لازم برخوردار است و تصاویر موردنظر شما را با فیلتر دلخواه برای بارگذاری در سایت آماده می‌کند.

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

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

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

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

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

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

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

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

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

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

افزونه‌ی ویژوال کامپوزر با داشتن بیش از ۲۰۰۰ آیکون و ۸۰ قالب پیش‌ساخته می‌تواند فیلترهای مختلفی را برای تغییر صفحات سایت اعمال کند.

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

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

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

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

چگونه با افزونه‌ی ویژوال کامپوزر کار کنیم؟

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

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

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

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

همچنین این امکان وجود دارد تا ردیف‌های ایجادشده را ویرایش، حذف و یا تغییر دهید.

با استفاده از گزینه‌ی افزودن آیکون می‌توان اِلِمان‌های جدیدی را به ردیف‌ها اضافه کنید.

تنظیمات زیرمجموعه در افزونه‌ی ویژوال کامپوزر

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

به‌طور مثال تنظیمات طراحی، تنظیمات مربوط به css و تنظیمات عمومی بخش‌های مختلفِ زیرمجموعه‌ی افزونه‌ی ویژوال کامپوزر هستند که می‌توان آن‌ها را هم تغییر داد.

تنظیمات عمومی افزونه‌ی ویژوال کامپوزر

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

علاوه بر این در سربرگ تنظیمات عمومی افزونه‌ی ویژوال کامپوزر می‌توان زیرمجموعه‌ی فونت‌های گوگل را تغییر داد. این تنظیمات به‌صورت پیشفرض بر روی فونت latin تنظیم شده است اما می‌توان در سایر حالت‌ها ازجمله Greek و Cyrillic تنظیمش کرد.

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

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

• سربرگ «نقش مدیر» در افزونه‌ی ویژوال کامپوزر

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

به‌طور مثال دسترسی مدیر سایت به بخش‌های مختلف پنل وردپرس، بسیار بیشتر از دسترسی کاربری است که به‌عنوان نویسنده در سایت تعریف شده است. این ویژگی به‌ویژه برای وب‌سایت‌های خبری که معمولا چندین نویسنده و یک سردبیر دارند، بسیار حائز اهمیت است و به مدیریت کارها کمک می‌کند.

• سربرگ تنظیمات طراحی در افزونه‌ی ویژوال کامپوزر

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

علاوه بر این شما می‌توانید تنظیمات رنگ main accent را تغییر داده و رنگ اجراشده روی آن را به رنگ دلخواه‌تان تغییر دهید.

رنگ هاور و رنگ پس‌زمینه‌ی call to action نیز دو تنظیماتی اپهستند که در سربرگ طراحی افزونه‌ی ویژوال کامپوزر قابل تغییر هستند.

جالب است بدانید شما در این بخش می‌توانید رنگ پس‌زمینه‌ی گوگل‌مپ و همچنین رنگ نوشته‌ی درون اسلایدرها را هم تغییر دهید.

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

به‌طور معمول اِلِمان‌ها در افزونه‌ی ویژوال کامپوزر به‌رنگ خاکستری هستند اما با استفاده از تنظیمات رنگ می‌توان رنگ‌ آن‌ها را تغییر داد.

• سربرگ css در افزونه‌ی ویژوال کامپوزر

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

• سربرگ کد کوتاه در افزونه‌ی ویژوال کامپوزر

همچنین در سربرگ قراردهنده‌ی کد کوتاه افزونه‌ی ویژوال کامپوزر می‌توان افزونه‌هایی را که با افزونه‌ی ویژوال کامپوزر هماهنگ نیستند، اضافه کرد.

برای انجام این تغییرات ابتدا باید افزونه‌ای را که موردنظرتان است نصب کنید و سپس کد کوتاه مربوط به آن را در باکس مربوط به این قسمت وارد کنید.

پس از انجام این عملیات شما می‌توانید از افزونه‌ی موردنظر در کنار این افزونه استفاده کنید.

• ساخت صفحات گرافیکی

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

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

گزینه‌ی ویرایشگر پیشرفته نیز که دارای عناصری ویژه است، در ساخت صفحات گرافیکی کاربرد دارد.

لازم به ذکر است که اگر گزینه‌ی ویرایشگر حرفه‌ای را انتخاب کنید، در مرحله‌ی بعد با سه بخش «افزودن اِلِمان»، «اضافه‌کردن بلاک‌متن» و «اضافه‌کردن الگو» روبه‌رو می‌شوید.

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

• ذخیره‌کردن الگو در افزونه‌ی ویژوال کامپوزر

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

جمع‌بندی

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

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

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