/, افزونه های وردپرس, افزونه وردپرس/معرفی و آموزش افزونه ی صفحه ساز Visual composer

معرفی و آموزش افزونه ی صفحه ساز Visual composer

 

بسیار مهم :

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

برای خرید این افزونه استثنایی اینجا کلیک کنید 

 

بروزرسانی افزونه صفحه ساز ویژوال کامپوزر به نسخه ۵.۴.۵ در تاریخ ۲۴ آذر ۱۳۹۶

 

Visual Composer که ما به اختصار آن را VC می نامیم، یکی از پر فروش ترین و کاربردی ترین افزونه های وردپرس است. این افزونه که توسط شرکت Wpbakery تولید شده، به سرعت مورد استقبال صاحبان سایت ها قرار گرفت و اکنون در بیش از ۶۵۰۰۰ وبسایت وردپرسی در سرتاسر دنیا استفاده می شود.

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

در ادامه به بررسی دقیق تر ویژگی های این افزونه و نحوه ی کار با آن می پردازیم.

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

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

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

  • وجود بیش از ۴۰ عنصر پایه

برخی از افزونه های صفحه ساز، به آنها مدول (ماژول) می گویند و برخی دیگر ویجت. همان برنامک های کد نویسی شده ی آماده ای که با نصب آنها می توانید قابلیت های وبسایتتان را افزایش دهید. Visual Composer نام آنها را عناصر پایه گذاشته است. بیش از ۴۰ عنصر پایه همراه با این افزونه ارائه می شوند. از بلوک های متن گرفته تا دکمه های شبکه های اجتماعی، ویدیو پلیر، آلبوم نمایش تصاویر، جداول و نمودار ها و بسیاری امکانات دیگر. همه ی این امکانات با همان قابلیت کشیدن و رها کردن، در جای مورد نظر شما قرار می گیرند، به همین سادگی!

  • قابلیت توسعه و شخصی سازی

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

  • ریسپانسیو (واکنش گرا) بودن امکانات

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

  • سازگار با قالب های وردپرس

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

 

چندی از قابلیت های افزونه ی Visual Composer  را بررسی کردیم. در ادامه به آموزش استفاده از این افزونه می پردازیم.  مراحل نصب VC، همانند سایر افزونه های وردپرس است.

 

تنظیمات افزونه

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

 

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

همچنین می توانید قابلیت ریسپانسیو بودن این افزونه را فعال یا غیر فعال کنید. در صورتی که از فونت های انگلیسی استفاده می کنید، نوع فونت هم قابل تنظیم است.

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

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

در بخش short codes، اگر کد های کوچک اجرایی دارید می توانید به افزونه اضافه کنید.

 

آشنایی با برخی امکانات افزونه ی ویژوال کمپوزر

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

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

این دو دکمه، ویرایشگر برون مدیریتی یا frontend editor و ویرایشگر درون مدیریتی یا backend editor هستند. تفاوت این دو، در این است که دکمه ی frontend editor، تغییرات اعمال شده را در ظاهر سایت اعمال می کند و دکمه ی backend editor این تغییرات را در همین صفحه ی ویرایش برگه اعمال می کند.

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

 

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

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

 

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

در ادامه به معرفی برخی از این ابزار ها می پردازیم.

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

 

ابزار های شبکه های اجتماعی

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

 

ابزار های تصویری و ویدیویی

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

ابزار ویدیو پلیر به شما امکان اضافه کردن فایل های ویدیویی را می دهد.

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

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

 

ابزار های ویرایش متن 

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

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

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

فاصله خالی، به میزان مورد نیاز بین دو المان فاصله خالی ایجاد می کند.

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

 

ابزار ویرایش سطر و ستون های صفحه 

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

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

 

ابزار های قرار دهی دکمه و آیکون

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

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

به کمک دستور فراخوانی واکنش، می توانید کاربر را ترغیب به انجام کار یا فشردن دکمه کنید.

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

 

ابزار های ارتباطی

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

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

 

ابزار های برنامه نویسان

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

 

بخش نمودار و نقشه

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

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

بسیار مهم :

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

برای خرید این افزونه استثنایی اینجا کلیک کنید 

 

در زیر تصاویری از محیط این افزونه بسیار کاربردی و ساده و قدرتمند را مشاهده می کنید :

 

 

 

 

 

 

بسیار مهم :

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

برای خرید این افزونه استثنایی اینجا کلیک کنید 

About the Author:

ثبت ديدگاه

کد امنیتی *