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

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

یزد, میدان مهدیه, رو به روی داروخانه شبانه روزی امامزاده یزدی,ساختمان نیلوفر, طبقه دوم,واحد204
یزد
youremail@yourdomain.com
09133505418
با ما در ارتباط باشید

برنا آی تی

آموزش کار با افزونه visual composer در وردپرس

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

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

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

ما سعی کردیم در این آموزش تمامی قسمت‌های visual composer در وردپرس را بررسی کنیم این بخش‌های آموزشی شامل موارد زیر است:

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

تنظیمات visual composer

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

تنظیمات visual composer

در هر کدام این بخش ها تنظیمات ویژه ای وجود دارد.

تنظیمات visual composer

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

گزینه های تنظیمات: اگر می‌خواهید این گزینه فعال یا غیرفعال شود، می‌توانید از این بخش آن را تعیین کنید.
الگوها: در این قسمت می‌توان تعیین کرد که چه کسانی به الگوها دسترسی داشته باشند.
المنت ها: دوست دارید چه کسانی به عناصر صفحه‌ساز visual composer در وردپرس دسترسی داشته باشند. از این بخش آن را مشخص کنید.
سازنده شبکه بندی: چنانچه می‌خواهید امکان دسترسی به عنصر شبکه‌ساز وجود داشته باشد می‌توانید این گزینه را فعال کنید.
پیش تنظیمات المان: عناصر هر کدام تنظیماتی دارند که با کمک این گزینه می‌توانید برای افراد صاحب دسترسی در سایت آن‌ها را فعال یا غیر فعال کنید.
Drag and Drop: المان‌های موجود قابلیت درگ و دراپ کردن (کشیدن و رها کردن) دارند. اگر می‌خواهید می‌توانید آن‌ها را فعال یا غیرفعال کنید.

ویرایشگر

قرار دهنده کد کوتاه

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

سازنده شبکه‌بندی

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

ویرایشگر پیشرفته

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

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

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

ارسال یک نظر