وضع علامة مائية على جميع الصور التي تم رفعها

بعد بعض التجارب، وجدت حلاً مؤقتاً للعلامة المائية. :tada:

في حال قد يهتم به آخرون، أود مشاركة حلي البديلة. آمل أن يكون مفيداً. :heart_eyes:

  1. أولاً، قمت بتثبيت Chevereto (النسخة المجانية) على نطاق فرعي آخر.
    (من السهل جداً، فقط قم برفع ملف installer.php إلى الخادم، افتح الصفحة واتبع خطوات الإعداد. يتم ذلك في دقائق) :kiss_mark:

  2. النسخة المجانية تدعم أيضاً العلامة المائية، ويمكنك إعدادها من خلال لوحة التحكم في إعدادات رفع الصور.

يمكنك أيضاً تحديد أقصى عرض وارتفاع للصورة من لوحة التحكم، بحيث يتم تغيير حجم جميع الصور الكبيرة المرفوعة تلقائياً.

  1. أضف إضافة Chevereto (سكربت) إلى وسم <head> في Discourse
    <script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>

  2. يبدو أن Discourse لا يدعم وسم i مع أيقونات Font Awesome بعد الآن، لذا كان علي تعديل كود الجافا سكريبت من
    <i class="fa fa-cloud-upload d-icon d-icon-upload"></i>
    إلى
    <svg class="fa d-icon d-icon-cloud-upload-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#cloud-upload-alt"></use></svg>

  3. إذا تم كل شيء بشكل صحيح، ستظهر أيقونة تحميل السحابة في محرر Discourse.

  4. ما عليك سوى النقر على الأيقونة الجديدة، وسحب وإفلات الصورة في النافذة المنبثقة، وسيتم رفعها تلقائياً ولصق الكود في المحرر مع العلامة المائية. :tada:

  5. الآن يعمل كل شيء بشكل مثالي على سطح المكتب. لكنني ما زلت أحاول معرفة كيفية إضافة الأيقونة إلى الهواتف الذكية. :thinking: سأقوم بتحديث هذا المنشور إذا وجدت طريقة للقيام بذلك.

هذا مجرد حل مؤقت، بديل، وليس مثالياً على الإطلاق، لكنه يمكن تنفيذه بسهولة في دقائق. لا يزال لدي أمل في أن تضيف Discourse دعم العلامة المائية في النواة الأساسية أو عبر إضافة / TC في المستقبل.

9 إعجابات