إدراج صور (Insert Images) على متجر ماجنتو 2

آخر تعديل يناير 27, 2021
الاصدار :

يإدراج الصور من الأشياء الهامة والأساسية عند إنشائك لصفحة جديدة على متجر ماجنتو 2 . بالإضافة لمرحلة إنشاء صفحة جديدة ، فإن ماجنتو 2 يوفر أداة المحرر (Editor Tool) و التى تُعرف بأسم WYSIWYG ، و الذى تتيح لك العمل فى طريقة عرض (ما تشاهده هو ما تحصل عليه) أثناء إنشائك للمحتوى . تحتوى هذه الأداة على شريط أدوات يتضمنها أداة إدراج الصور و التى تظهر على هيئة أيقونة عند الضغط عليها تستطيع إضافة أى صورة تريدها فى صفحة CMS . هناك طريقة أخرى لإدراج الصور فى صفحة على ماجنتو 2 و هى بواسطة Media Storage . سنشرح فى هذا الموضوع كلا الطريقتان فى إدراج صور فى صفحات ماجنتو 2 من خلال منصة ماجنتو 2 . 

إدراج صور (Insert Images) على متجر ماجنتو 2

إدراج صور

الطريقة 1 : إدراج صور من وسائط التخزين (Media Storage) 

1 – إذا أردت العمل فى المحرر بلغة الاكواد اضغط على زر Show / Hide Editor

2 – فى مربع النص للمحتوى فى المحرر ضع المؤشر فى الموضع الذى تريد إدراج الصورة فيه ، ثم اضغط على Insert Images .

إدراج صور (Insert Images) على متجر ماجنتو 2

إدراج صورة – Insert Image

3 – من قائمة الملفات الجانبية الموجودة اختر ملف الصور ، ثم اختر من الصور الموجودة فى الملف لإدراجها ، ثم اضغط على Add Selected

إدراج صور (Insert Images) على متجر ماجنتو 2

تحديد الصور – Select Images

4 – لإظهار الصورة فى وضعية WYSIWYG اضغط على Show / Hide Editor مجدداً . 

الطريقة 2 – إدراج صورة من سيرفر أخر 

تستخدم هذه الطريقة فى حالة إدراج صورة متوفرة على الإنترنت ، ولكن توجد على سيرفر اخر لذلك يجب أن يكون لديك رابط URL الخاص بها لتستطيع إرداجها . 

1 – اضغط على Show / Hide Editor إذا أردت العمل فى المحرر بالأكواد . و العكس إذا أردت العمل فى وضعية  WYSIWYG . 

2 – ضع المؤشر فى المكان الذى تريد إدراج الصورة فيه . 

3 – و من شريط الادوات للمحرر اضغط على أيقونة إدراج الصور (Insert Image) ، ثم قم بالتالى :

إدراج صور (Insert Images) على متجر ماجنتو 2

Insert Image

4 – سيظهر مربع يحتوى على عدة حقول ، قم بملأها كالتالى : 

إدراج صور (Insert Images) على متجر ماجنتو 2

  • ادخل رابط URL الخاص بالصورة فى حقل Source
  • ادخل وصف مختصر للصورة فى حقل Image Description
  • فى حقل Dimensions ادخل حجم الصورة التى تريد . 

5 – ثم اضغط OK لاستكمال الخطوات .

Tags:
Was this article helpful?
Dislike 0
السابق :
التالى :