آموزش کامل ویژوال کامپوزر
ویژوال کامپوزر
ویژوال کامپوزر یکی از بهترین افزونه های صفحه ساز وردپرس است .
مطمئنا شما هم به دنبال راه هایی می گردید که با آن سایت خود را زیبا تر کنید و امکانات بیشتری را در اختیار کاربران قرار دهید .
یکی از راه های افزایش امکانات سایت استفاده از یک قالب پیشرفته است که این زیبایی و امکانات را در اختیار شما قرار می دهد اما مشکل این راه این است که هزینه زیادی برای شما ایجاد می کند .
اما شما می توانید با هزینه ای کمتر و با استفاده از یک قالب رایگان و یک افزونه صفحه ساز امکانات و زیبایی چشمگیری را به سایت خود اضافه کنید و سایت تان را در بین سایت های حرفه ای زیبا قرار دهید .
یکی از بهترین افزونه های صفحه ساز که برای استفاده از آن به هیچ دانش برنامه نویسی احتیاج ندارید افزونه ویژوال کامپوزر است که در این مقاله ما به آموزش کامل آن می پردازیم.
تنظیمات ویژوال کامپوزر
پس از نصب و راه اندازی ویژوال کامپوزر وارد تنظیمات عمومی این افزونه شوید
در این قسمت می توانید موارد زیر را پیکربندی کنید
- غیر فعال نمودن ریسپاسیو بودن المانها : با غیر فعال کردن این گزینه المان های ریسپانسیو برای نمایشگر های کوچک مثل موبایل از حالت ریسپانسیو خارج می شوند .
- فونت های گوگل : می توانید در این قسمت فونت هایی مختلف گوگل را برای استفاده در المان ها انتخاب کنید اما چون ما از زبان فارسی استفاده می کنیم تاثیری بر نوشتار ما نمی گذارد.
- افزونه صفحه ساز گوتنبرگ :حتما افزونه کوتنبرگ را غیر فعال کنید تا دچار تداخل با ویژوال کامپوزر نشود.
- الگوی پیش فرض برای انواع نوشته: در این قسمت شما می توانید یک بخش بندی پیش فرض برای نوشته ها یا برگه های خود در انتخاب کنید.
نقش مدیر
در این قسمت شما باید مشخص کنید که ویژوال کامپوزر در چه قسمت هایی فعال باشد
من به شما توصیه میکنم که از ویرایشگر ویژوال کامپوزر در همه قسمت ها استفاده کنید .
به صورت پیش فرض ویژوال کامپوزر فقط برای برگه ها فعال می باشد .
برای فعال کردن این ویرایشگر در قسمت نوشته ها و محصولات باید از قسمت پست تایپها از منوی کشویی گزینه سفارشی را انتخاب کنید .
و تیک محصولات و نوشته ها را فعال نمایید سپس تنظیمات را ذخیره کنید .
تنظیمات طراحی
به صورت پیشفرض رنگ المان های سایت خاکستری است.
مثلا اگر شما یک دکمه به سایت خود اضافه کنید رنگ آن خاکستری است.
و رنگ بقیه المان ها هم به همین شکل است.
شما در این قسمت می توانید این پیشفرض را تغییر دهید و رنگ های دلخواه برای قسمت های مختلف سایت انتخاب کنید.
css سفارشی
اگر شما کد css یک ابزارک را نوشته اید می توانید در این قسمت وارد کنید تا به المان های ویژوال کامپوزر اضافه شود
قرار دهنده کد کوتاه
شاید شما بخواهید از المان هایی در برگه یا مقالتان استفاده کنید که این المان ها در افزونه ویژوال کامپوزر قرار ندارد.
در این حالت شما می توانید با این ویژگی ویژوال کامپوزر المان دلخواهتان را به افزونه اضافه کنید.
مثلا اگر شما بخواهید از المان های یک افزونه فرم ساز در نوشته خود استفاده کنید.
باید برای این کار روی نقشه کد کوتاه کلیک کنید
و بعد از آن شورت کد آن افزونه را وارد کنید و روی تجزیه کد کوتاه کلیک کنید.
کار با ویژوال کامپوزر
پس از پیکربندی افزونه یک نوشته یا برگه جدید ایجاد کنید
در این برگ روی ویرایشگر پیشرفته کلیک کنید تا صفحه ی ویرایشگر ویژوال کامپوزر برایتان باز شود .
در این قسمت روی افزودن المان کلیک کنید .
المان های محتوا
در صفحه باز شده روی سربرگ محتوا کلیک کنید تا المان های مخصوص محتوا برایتان به نمایش دربیاید .
در این قسمت ما تعدادی از المان های مهم محتوا را برایتان معرفی می کنیم.
- یک ویرایشگر متن است که برای افزودن یک متن به نوشته استفاده می شود.
- این ابزارک آیکون هایی را در رنگ ها و اندازه های مختلف به نوشته اضافه می نماید.
- سه نوع المان جدا کننده وجود دارد که می توانید با استفاده از هر کدام قسمتی از نوشته را از قسمت دیگر جدا کنید.
- این المان عکس هایی را همراه با متن دلخواه ایجاد می کند.
- می توانید با این المان یک گالری تصاویر برای عکس هایتان ایجاد کنید .
- این المان اسلایدری با عکس های شما ایجاد می کند.
- برای ایجاد یک دکمه با رنگ و طرح دلخواه باید از این المان استفاده کنید.
- شبیه یک پوستر است که برای فرخوانی مخاطب به یک همایش یا جشنواره تخفیف استفاده می شود .
- یک اسلایدر از پست های اخیر شما یا پست های انتخاب شده ایجاد می کند.
- با این المان ها می توانید نمودار های دلخواه به نوشته خود اضافه کنید.
- با این المان ها می توانید یک الگوی پیش ساخته برای نوشته خود ایجاد کنید.
تنظیم ردیف ها و ستون ها
- با این دکمه می توانید ردیف مورد نظر خود را بین ردیف های دیگر تکان دهید و در جای دلخواه بگذارید.
- با این قسمت می تونید تعداد ستون های هر ردیف را مشخص کنید .
- با این دکمه می توانید یک ردیف دیگر ایجاد کنید.
- با کلیک این دکمه ردیف و ابزارک های داخل آن پاک می شوند.
سخن پایانی
کار با ویژوال کامپوزر بسیار جذاب و ساده است .
فقط کافیست اندکی با آن کار کنید تا روش کار با آن را به سرعت فرا بگیرید و صفحه هایی زیبا با امکانات بالا برای سایت خود ایجاد کنید .
امیدوارم این مقاله برای شما مفید بوده باشد .
سوالات ، پیشنهادات و انتقادات خود را با ما در میان بگذارید تا بنوانیم بهترین خدمات آموزشی را به شما ارائه کنیم.
جدیدترین نوشته ها
- افزونه المنتور چیست؟ بررسی مزایا و معایب المنتور 1403/01/26
- 9 راه ورود به اکسپلور اینستاگرام 1403/01/25
- طراحی سایت شبکه های اجتماعی 1403/01/23
- چگونه یک وب سایت ایمن داشته باشیم؟ 1403/01/22
- انواع تبلیغات در اینستاگرام 1403/01/21
دیدگاهتان را بنویسید