آیا می خواهید یک اثر نقطه ای به یک ستون در Elementor اضافه کنید؟

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

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

این مقاله به شما نحوه افزودن نمره به یک ستون در Elementor را نشان می دهد. ضمناً اگر در Elementor تازه کار هستید می توانید برای اطلاع از این موضوع به مقاله قبلی ما مراجعه کنید نحوه نصب Elementor.

نحوه افزودن افکت نقطه ای به یک ستون در Elementor

در Elementor ، ستون یک عنصر مورد نیاز است. اینجاست که می توانید ابزارک ها را اضافه کنید - عناصر طراحی واقعی برای ایجاد صفحه خود. مانند سایر عناصر موجود در Elementor ، می توانید یک ستون را نیز به صورت دلخواه تنظیم کنید.

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

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

یک اثر نقطه ای به یک ستون در Elementor اضافه کنید

در پانل تنظیمات (پانل در سمت چپ) ، به برگه بروید سبک و بلوک را باز کنید زمینه. در حالت دوم ، می توانید برگه را باز کنید AU بررسی اجمالی برای تنظیم پیش زمینه متفاوت در حالت اشاره

می توانید از پس زمینه یک رنگ ، پس زمینه رنگی شیب دار یا پس زمینه تصویر استفاده کنید. همچنین می توانید مدت انتقال (انتقال از حالت عادی به حالت اشاره) را در تنظیم کنید گزینه Transition duration.

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

افزودن افکت شناور پیشرفته به یک ستون در Elementor

برخلاف سازنده دیویElementor برای اثر شناور خود از تبدیل CSS استفاده نمی کند. بنابراین ، فقط می توانید جلوه های اساسی شناور را اضافه کنید. اما مانند Elementor (نسخه حرفه ای) شما به شما امکان می دهد CSS سفارشی اضافه کنید، می توانید از CSS سفارشی برای افزودن تغییر CSS برای افزودن اثر شناور پیشرفته استفاده کنید.

اثرات Rollover با استفاده از تحول CSS ایجاد می شود. برای افزودن تغییر شکل CSS به ستون ، ابتدا به این قسمت بروید زبانه Advanced و بلوک را باز کنید CSS سفارشی (مطمئن شوید که پانل تنظیمات در حالت پانل تنظیمات ستون باشد). کد CSS زیر را اضافه کنید.

یک اثر نقطه ای به یک ستون در Elementor اضافه کنید

کد :

Selector: شناور {گذار: همه .2s سهولت ورود؛ تبدیل: مقیاس (1.1)؛ مکان نما: نقطه؛ z-index: 1؛ }

در خود تحول CSS ، 5 ​​سبک تحول وجود دارد که می توانید استفاده کنید:

  • ماتریس
  • ترجمه کردن
  • مقیاس
  • چرخاندن
  • سیخ

کد CSS در بالا از تغییر مقیاس استفاده می کند. شما فقط می توانید آن را با هر سبک تغییر شکل که دوست دارید جایگزین کنید.

خواندن صفحه cette برای کسب اطلاعات بیشتر در مورد تحول CSS.

سایر افزونه های اضافی وردپرس برتر 

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

1. رزرو رستوران بصری

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

با استفاده از Drag & Drop می توانید انواع مختلف میز را به شبکه رستوران خود بکشید و حداکثر تعداد صندلی های هر میز و همچنین تعداد میزها را محاسبه کنید. بازدید کنندگان از رستوران شما می توانند شکل جدولی را که ترجیح می دهند و مکان جدول را نسبت به سایر جداول در شبکه انتخاب کنید.

اینجا برای شما پلاگین های WordPress 5 برای بهینه سازی توصیف ها و برچسب های گروه

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

از جمله ویژگی های دیگر ، پشتیبانی از Drag and Drop ، 3 نوع سیستم رزرواسیون، یک پردازش نسبتاً بصری ، سفارشی سازی کامل از طرح آن و موارد دیگر.

دانلود | نسخه ی نمایشی | میزبانی وب

2. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises محلی ، لیست های تامین کننده و غیره دایرکتوری وردپرس پلاگین Mapsvg

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

مقاله ما را نیز بخوانید چگونه بازدید کنندگان خود را طولانی تر در وب سایت خود نگه دارید

دانلود| نسخه ی نمایشی | میزبانی وب

3. انقلاب لغزان

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

لغزان پلاگین پاسخگو وردپرس پاسخگو

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

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

نتیجه

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

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری نیاز دارید ، با مشاوره راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

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

...