يقوم مكون السمة هذا بإدراج أزرار في شريط أدوات مُنشئ المنشور لمحاذاة الصور التي تم تحميلها إلى اليسار أو اليمين، أو في منتصف المنشور، أو لمحاذاة صور متعددة في شبكة، باستخدام علامات الشبكة المُطبقة حديثًا. ستقوم الشبكة تلقائيًا بتغيير حجم الصور لتناسب اعتمادًا على عددها وأبعاد كل منها، وستقوم أيضًا بالربط إلى النسخ المُحمّلة الأكبر حجمًا. يمكن استخدام الأزرار / وظائف المحاذاة عدة مرات في منشور واحد لإنشاء مجموعة متنوعة من التخطيطات. يعمل لكل من عرض سطح المكتب والجوال.
للاستخدام، ما عليك سوى النقر على زر محاذاة الصورة الذي تحتاجه، ثم تحميل الصور في المكان المخصص بين العلامات الناتجة (يشار إليها بنص نائب يمكن تحريره في إعدادات المكون).
لاحظ أن جزء الشبكة من هذا المكون مخصص لمحاذاة الصور التي تم تحميلها، وليس روابط الصور (ستعمل خيارات المحاذاة الأخرى لروابط الصور).
هل تقصد لوحة الإنشاء / المحرر مع شريط الأدوات؟ سيكون هذا هو لقطة الشاشة الأولى مع مثال الشبكة. سأضيف بعض لقطات الشاشة للمحرر مع رموز المحاذاة الأخرى حول الصور.
فقط قم بإدراج بعض علامات <br><br> HTML بين كتلة النص الأولى وعلامة <div-data-theme...> الثانية حتى يتم تباعدها بشكل صحيح. سأحاول برمجة عودة صعبة أو شيء من هذا القبيل عندما يكون لدي بعض الوقت.
نعم، أنا لا أحب هذه الطريقة أيضًا. كنت أفكر في محاولة حل خاصية المسافات البيضاء. في النهاية، تعمل بشكل أفضل إذا كانت الصور المحاذاة مشاركات منفصلة. للأسف، الصور في الجداول لا تعمل بشكل جيد أيضًا.
لم أجرب حلول خاصية flex align ولكن لم أتمكن من التوصل إلى شيء قابل للتطبيق باستمرار. لقد وجدت حلاً بديلاً قابلاً للاستخدام. إذا جعلت كل قسم من أقسام الصور والنصوص اقتباسًا، فسيؤدي ذلك إلى فصلها (ولكنه يتضمن تنسيق الاقتباس للنص):
في النهاية، تعمل بشكل أفضل إذا كانت الصور المحاذاة مشاركات منفصلة. للأسف، الصور في الجداول لا تعمل بشكل جيد أيضًا.
.
