هل تحتاج إلى إيجاد طريقة لإنشاء صورة مستديرة؟

إذا كنت قد لاحظت بالفعل ، فإن بعض مواقع الويب تستخدم صورًا مستديرة على صفحة الفريق أو على صفحة "حول". أسفل الصورة المستديرة ، عادة ما ترى الرموز الاجتماعية التي ترتبط بحسابات الوسائط الاجتماعية لكل عضو في الفريق.

اكتشاف:  كيفية تثبيت Elementor على WordPress

في Elementor، يمكنك أيضًا إنشاء صورة مستديرة مثل تلك الموجودة في لقطة الشاشة أعلاه. لكن، Elementor لا يقدم أي إعدادات صورة محددة لتحويل صورة مستطيلة/مربعة إلى صورة مستديرة. أنت بحاجة إلى خدعة صغيرة لإنشاء صورة مستديرة Elementor.

عند إضافة صورة في Elementor ، يمكنك تعيين قيم نصف قطر الحدود. للحصول على صورة على شكل دائرة ، يمكنك تعيين قيم الحدود على أي رقم ، اعتمادًا على بُعد صورتك.

النصائح: للحصول على صورة في شكل دائرة بشكل مثالي ، يمكنك استخدام صورة مربعة بدلاً من مستطيل.

دعونا نبدأ.

اقرأ أيضا: كيفية إضافة رابط رقم الهاتف في Elementor

أولاً ، أضف صورة عن طريق سحب عنصر واجهة المستخدم Image إلى مربع تحرير Elementor وحدد صورة من جهاز الكمبيوتر الخاص بك.

كيفية إنشاء صورة دائرية في العنصر

بمجرد إضافة الصورة ، انتقل إلى علامة التبويب الطراز لتخصيصه. كما ذكرنا ، للحصول على الصورة على شكل دائرة ، يمكنك تعيين قيم نصف قطر الحد. تختلف القيم حسب حجم صورتك. على سبيل المثال ، بالنسبة لصورة 800 × 800 ، يمكنك تعيين القيم على 260 (كل الزوايا: أعلى ، يمين ، أسفل ، يسار).

إنشاء صورة مدورة

بالإضافة إلى نصف قطر الحد ، هناك العديد من الإعدادات الأخرى التي يمكنك تطبيقها على صورتك. يتيح لك Elementor أيضًا ضبط السطوع والتباين والتشبع والصبغة لصورتك. يمكنك العثور على هذه الإعدادات من خلال النقر فوق الخيار مرشحات CSS. ما عليك سوى اللعب باللوحة اليسرى لمعرفة نوع الأشياء التي يمكنك فعلها بصورتك.

احصل على Elementor Pro الآن !!!

وفي الختام

هنا! هذا كل شيء لهذه المقالة. إذا كان لديك أي أسئلة حول كيفية إنشاء قسم أعضاء الفريق باستخدام Elementor ، يرجى fاسمحوا لنا أن نعرف في تعليقات.

ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...