لوگو خدمات طراحی سایت سپیاوب
  • صفحه نخست
  • خدمات سپیاوب
    • خدمات طراحی سایت
    • نمونه سایت های طراحی شده
    • خدمات سئو
    • طراحی لوگو و نماد کسب و کار
    • طراحی لوگوموشن
  • مجله سپیا
  • سوالات متداول
  • تماس با ما
سفارش طراحی سایت
لوگو خدمات طراحی سایت سپیاوب
  • صفحه نخست
  • خدمات سپیاوب
    • خدمات طراحی سایت
    • نمونه سایت های طراحی شده
    • خدمات سئو
    • طراحی لوگو و نماد کسب و کار
    • طراحی لوگوموشن
  • مجله سپیا
  • سوالات متداول
  • تماس با ما
سفارش طراحی سایت
لوگو خدمات طراحی سایت سپیاوب
  • صفحه نخست
  • خدمات سپیاوب
    • خدمات طراحی سایت
    • نمونه سایت های طراحی شده
    • خدمات سئو
    • طراحی لوگو و نماد کسب و کار
    • طراحی لوگوموشن
  • مجله سپیا
  • سوالات متداول
  • تماس با ما
  • صفحه نخست
  • خدمات سپیاوب
    • خدمات طراحی سایت
    • نمونه سایت های طراحی شده
    • خدمات سئو
    • طراحی لوگو و نماد کسب و کار
    • طراحی لوگوموشن
  • مجله سپیا
  • سوالات متداول
  • تماس با ما
خانه طراحی سایت راه حل مشکل بهم ریختگی المان ها در ویژوال کامپوزر

راه حل مشکل بهم ریختگی المان ها در ویژوال کامپوزر

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

اما اخیرا با بروز رسانی این پلاگین از نسخه ۵ به نسخه های ۶ ، برخی از کاربران و عموما ما ایرانی ها به مشکل ویژوال کامپوزر برخورد کرده اند که موجب بهم ریختگی المان ها ی اون شده و اون هم ناشی از باگ RTL Style این پلاگین(راست چین) هست که در نسخه های جدید اتفاق افتاده.

 

 

مشکل ویژوال کامپوزر - سپیا وب

مشکل ویژوال کامپوزر – سپیا وب

 

برای رفع این مشکل ویژوال کامپوزر راه حلی در نظر گرفتیم که با اضافه کردن Custom Style به محیط ادمین ،این مشکل برطرف میشه.

 

مشکل ویژوال کامپوزر - سپیا وب

مشکل ویژوال کامپوزر – سپیا وب

 

در مرحله اول :

 کد زیر را در فایل functions.php قالب خودتون وارد کنید همینطور میتونید از  child-theme خودتون هم استفاده کنید که حاوی همین فایل هستش:

/* Custom Style for WP Admin Panel  */ 
function wpadmin_style_custom() {
echo ' 	 	<link rel="stylesheet" href="https://domain.com/wp-content/themes/theme-child/wp-admin.css" type="text/css" media="all" />';
}
add_action('admin_head', 'wpadmin_style_custom');

سپس فایلی به نام wp-admin.css در آدرس بالا اضافه کنید و کد CSS زیر رو درون آن درج کنید:

/* wpbakery fix */
.vc_controls-row {
    direction: ltr;
}

فراموش نکنید که آدرس کد اول رو به آدرس سایت و موقعیت قالب خودتون تغییر بدید.من اینجا از عبارت domain  و  theme  استفاده کردم.

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

 

 

در واقع ما با این روش ابتدا یه فایل برای شخصی سازی استایل ادمین درست میکنیم و  سپس با دستور فایل Function فراخوانی شده و CSS موجود در افزونه Override و اصلاح می شود.

به امید موفقیت.

 

طراحی سایت سپیا وب .

148
ارتباط طراحی وب سایت و SEO سایتارتباط طراحی وب سایت و SEO سایتآذر 4, 1398
11 نکته در طراحی وب سایت تجاریآذر 4, 139811 نکته در طراحی وب سایت تجاری

پست های مرتبط

سئوطراحی سایت
ارتباط طراحی وب سایت و SEO سایت
آذر 2, 1398 توسط وبمستر
طراحی سایتنکته ها
بهترین طراحی وب سایت در سال 2021
فروردین 17, 1400 توسط وبمستر

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

دسته بندی
  • سئو (5)
  • طراحی سایت (6)
  • نکته ها (5)
  • نوآوری (1)

تلفن:  9123375765-0098

ایمیل:  info[at]sepiaweb.ir

طراحی سایت حرفه ای

خدمات سئو

لوگو خدمات طراحی سایت سپیاوب

خدمات طراحی سایت حرفه ای و سئو

تمامی حقوق برای طراحی سایت سپیاوب محفوظ است. هرگونه کپی برداری پیگرد قانونی دارد. مهیار موذنی 1402

#integrio_button_656faa139d394 .wgl_button_link { color: rgba(3,3,3,1); }#integrio_button_656faa139d394 .wgl_button_link:hover { color: rgba(255,255,255,1); }#integrio_button_656faa139d394 .wgl_button_link { border-color: rgba(7,7,7,1); background-color: rgba(49,49,49,0); }#integrio_button_656faa139d394 .wgl_button_link:hover { border-color: rgba(12,90,219,1); background-color: rgba(12,90,219,1); }#integrio_button_656faa139d394.effect_3d .link_wrapper { color: rgba(7,7,7,1); }#integrio_button_656faa13a1d42 .wgl_button_link { color: rgba(49,49,49,1); }#integrio_button_656faa13a1d42 .wgl_button_link:hover { color: rgba(255,255,255,1); }#integrio_button_656faa13a1d42 .wgl_button_link { border-color: rgba(12,90,219,1); background-color: rgba(49,49,49,0); }#integrio_button_656faa13a1d42 .wgl_button_link:hover { border-color: rgba(12,90,219,1); background-color: rgba(12,90,219,1); }#integrio_button_656faa13a1d42.effect_3d .link_wrapper { color: rgba(12,90,219,1); }#blog_module_656faa13b3efe.blog-posts .blog-post_title, #blog_module_656faa13b3efe.blog-posts .blog-post_title a { font-size:24px; line-height:36px; font-weight:700; }#blog_module_656faa13b3efe.blog-posts .blog-post_text { font-size:14px; line-height:24px; }