كيفية تحميل صورة ووردبريس من الواجهة الأمامية باستخدام البرنامج الإضافي

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

وبصرف النظر عن هذا، فإن إعطاء المستخدمين إمكانية تحميل الصور في الواجهة الأمامية يمكن أن يمنحك العديد من المزايا مثل السماح لهم بتنزيل المستندات أو أي صورة يرغبون في استخدامها، على سبيل المثال، لملف تعريف.

في هذه التدوينة، سنقوم بتقييم بعض المكونات الإضافية التي تسمح لنا بتحقيق ما نريد القيام به.

كيفية تحميل صورة ووردبريس من الواجهة الأمامية باستخدام البرنامج الإضافي

سنناقش هنا عدة طرق لتحميل الصور على WordPress باستخدام عدة أنواع من المكونات الإضافية.

تحميل الملفات في الواجهة الأمامية باستخدام مكون إضافي للنماذج

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

هناك العديد من المكونات الإضافية التي تسمح لك بإنشاء نماذج مع حقل تحميل الملفات، أحدها هو Contact Form 7 الذي يسمح لك بتحميل الملفات إلى موقعك في الواجهة الأمامية مجانًا.

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

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

عندما نريد إضافة حقل تحميل الملف، انقر فوق المكان الذي تريد إضافة الحقل فيه، ثم انقر فوق الملف في الأزرار/الخيارات المتاحة.

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

سيؤدي هذا إلى إضافة الرمز المختصر للحقل في محتوى النموذج.

الآن يمكنك تخصيص نموذجك بقدر ما تريد، وإضافة حقول أخرى، أو إضافة HTML وأيضًا CSS إذا كنت تريد ذلك حيث أن النموذج يتقبل كل هذه الأنواع من التخصيصات.

عندما يتم الانتهاء من كل شيء، يمكنك إضافة عنوان ثم النقر فوق حفظ .

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

الآن عليك نشره وستتمكن من رؤية النموذج مع الحقول التي أضفتها وزر تحميل الملف.

كل ما عليك فعله هو النقر فوق "اختيار ملف" وتحديد الملف، في هذه الحالة، صورتك، من مجلداتك على جهاز الكمبيوتر الخاص بك.

بعد النقر على إرسال، يجب أن يتم ذلك ويجب أن تكون الصورة الآن على موقعك.

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

استخدام البرنامج الإضافي لتحميل الملفات في WordPress

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

أولاً، نحتاج إلى تثبيت البرنامج الإضافي "WordPress File Upload" لأنه سيوفر لنا جميع الخيارات اللازمة لإنشاء خيار تحميل الملف.

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

لكي نتمكن من استخدامه، كل ما نحتاج إلى فعله هو إضافة رمز قصير [wordpress_file_upload] حيث نريد عرضه، في هذه الحالة، لدينا منشور به بعض المعلومات المعدة حيث أضفنا الرمز القصير حتى تتمكن من التحقق من الشكل الذي سيبدو عليه في محرر Gutenberg والواجهة الأمامية.

محرر جوتبرج

الواجهة الأمامية

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

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

سيكون المكان الرئيسي الذي يمكننا من خلاله التحقق من التحميلات هو خيار "تحميل الملفات" في القائمة اليسرى من لوحة معلومات المشرف، وهذه هي الصفحة الرئيسية للمكون الإضافي حيث يتم عرض جميع الملفات التي تم تحميلها.

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

إدارة الوسائط لكل دور مستخدم باستخدام WP Media Folder

كما نرى، هناك طرق عديدة لتمكين مستخدمينا من تحميل الصور والملفات في الواجهة الأمامية، ولكن المشكلة في هذه الحالات هي أن الصور قد تُرفع "عشوائيًا" ولا نستطيع التحكم بدقة في مكان رفعها، لا تقلق! WP Media Folder هو الحل.

WP Media Folder على أداة خاصة مخصصة لإدارة الوصول إلى مكتبة الوسائط الخاصة بك، ويمكن أن يكون هذا مفيدًا حقًا عندما تريد التحكم في من يقوم بتحميل الصور وأين وكذلك إذا كنت تريد السماح لمستخدميك بإدارة الوسائط الخاصة بهم مباشرة في مكتبة الوسائط دون أن يتمكنوا من رؤية الوسائط الخاصة بالأدوار/المستخدمين الآخرين.

أولاً، نحتاج إلى تثبيت WP Media Folder، هذا هو البرنامج الإضافي الذي سيسمح لنا باستخدام جميع الميزات المتاحة لجعل هذا العمل.

الآن بعد أن قمنا بتثبيته، سنحتاج إلى تمكين خيار تقييد الوصول، لذلك، انتقل إلى الإعدادات > WP Media Folder ، وسنكون قادرين على رؤية صفحة التكوين الرئيسية WP Media Folder

في هذا القسم، انتقل إلى الوصول والتصميم > الوصول إلى الوسائط .

في هذا القسم، من أجل تحديد الوسائط لكل دور مستخدم وإنشاء مجلد مخصص لكل دور مستخدم تلقائيًا، سنقوم بتحديد الوصول إلى الوسائط حسب المستخدم أو دور المستخدم وأدوار المستخدم .

لدينا أيضًا المزيد من الخيارات مثل تحديد مجلد المسار أو السماح للدور/المستخدم برؤية جميع الوسائط الخاصة بالمستخدمين/الأدوار الأخرى.

الآن بعد أن قمنا بتمكين الخيار للسماح لدور المستخدم فقط بتحرير الوسائط الخاصة به، لنفترض أن لدينا دور محرر ونريد أن يتمكن جميع المستخدمين الموجودين تحت هذا الدور من رؤية الوسائط الخاصة بهم وإدارتها للمشاركات والصفحات.

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

عند تسجيل الدخول كمحرر، سوف تتمكن من رؤية مكتبة الوسائط مثل هذا.

كما ترى، هناك قسمين حيث تتيح لك مكتبة الوسائط معرفة أننا موجودون في مجلد يسمى "المحرر"، لذا دعنا نقوم بتحميل بعض الوسائط للتحقق من كيفية عملها.

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

إحدى مزايا استخدام WP Media Folder هي أن هذا الدور (وكل الأدوار الأخرى التي لديها إمكانية الوصول إلى wp-admin) سيكون قادرًا على إنشاء مجلدات باستخدام +إضافة مجلد جديد .

يمكننا التأكيد على أنه محرر وداخله يوجد المجلد الذي أنشأناه باستخدام دور المحرر، وكان الأمر سهلاً مثل النقر فوق زر!

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

يا لها من ميزة رائعة وسهلة الاستخدام! أليس كذلك؟

اسمح لمستخدميك بتحميل الملفات بالطريقة الأكثر احترافية

في هذه التدوينة، تعرّفنا على كيفية تمكين مستخدمينا من تحميل صورهم باحترافية عالية، وتكييف موقعنا مع كل حالة، مثل إرسال نموذج، أو السماح لمحررينا بإنشاء مجلد مشترك لا يمكن لأحد غيرهم رؤيته في مكتبة الوسائط، وهذا ليس كل شيء! مع WP Media Folder ستتمكن من القيام بالمزيد من الميزات، مثل ربط مكتبة الوسائط بخدمة سحابية ، رائع! أليس كذلك؟

تعرف على المزيد حول WP Media Folder وحدود الوصول هنا !