كيفية إضافة ويدجات لوحة تحكم مخصصة في ووردبريس (2 طرق)

آخر تحديث بتاريخ أغسطس 13, 2025

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

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

قد ترغب في عرض رسالة ترحيب، أو عرض معلومات الاتصال بالدعم، أو تضمين شرح تعليمي سريع. مهما كان السبب، فالأمر سهل بمجرد أن تتقنه.

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

ما هي ويدجات لوحة تحكم مسؤول ووردبريس؟

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

يوفر لك ووردبريس افتراضيًا ويدجات مثل ‘نظرة سريعة’ و’النشاط’ و’حالة الموقع‘ و’مسودة سريعة’. ولكن يمكنك إضافة ويدجاتك الخاصة بمحتوى مخصص يناسب احتياجاتك.

ويدجات لوحة تحكم

نصيحة سريعة: يمكن لكل مستخدم على موقعك اختيار الويدجات التي يرغب برؤيتها. يمكنه إظهارها أو إخفاؤها أو إعادة ترتيبها بما يتناسب مع سير عمله.

لماذا تعتبر ويدجات لوحة التحكم مفيدة:

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

أين تجدهم:

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

خيارات الشاشة

هل ترغب في لوحة تحكم مخصصة دون الحاجة لكتابة أكواد برمجية؟ 🎯

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

لماذا وكيف نستخدم ويدجات الإدارة المخصصة في ووردبريس

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

سواء كنت تدير موقعك الخاص أو تدير عدة مواقع للعملاء، فإن الويدجات المخصصة توفر الوقت وتجعل منطقة الإدارة أكثر فائدة.

حالات الاستخدام في الحياة الواقعية:

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

كيف نستخدمها على مواقعنا:

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

إحدى هذه الويدجت التي نستخدمها بكثرة هي ويدجت ‘إستعراض عام لرانك ماث (Rank Math)’. تعرض هذه الأداة نتائج تحليلات ومراقبة 404 لمحتوانا وتوفر روابط مباشرة لتحسينها.

ويدجت لوحة تحكم RankMath

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

كما أنها مرنة أيضًا – حيث يمكننا اختيار البيانات التي نريد عرضها اعتمادًا على من يستخدمها.

ويدجت لوحة تحكم MonsterInsights

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

كيفية إنشاء ويدجات إدارة ووردبريس مخصصة

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

الطريقة 1: إنشاء ويدجات لوحة تحكم باستخدام الكود المخصص (أكثر قابلية للتخصيص)

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

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

سنعرض لك الكود الذي تحتاجه، ومن ثم يمكنك تخصيصه لإضافة الكود الخاص بك باستخدام PHP أو HTML أو JS.

عند إضافة كود مخصص إلى موقع ووردبريس الخاص بك، يفكر العديد من المستخدمين في ملف functions.php الخاص بالقالب. على الرغم من فعالية هذه الطريقة، إلا أننا نعتقد أن هناك طريقة أفضل وأكثر أمانًا للتعامل مع مقتطفات الكود المخصصة – باستخدام WPCode.

WPCode - اضافة مقتطفات الكود ووردبريس

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

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

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

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

بعد التفعيل، انتقل إلى صفحة Code Snippets » +Add Snippet، ثم اختر ‘Add Your Custom Code (New Snippet)’ لإنشاء مقتطف جديد.

إضافة مقتطف جديد بواسطة WPCode

في الشاشة التالية، ستحتاج إلى إدخال اسم للكود المخصص الخاص بك واختيار ‘PHP Snippet’ كـ ‘نوع الكود’.

بعد ذلك، أضف الكود التالي إلى مربع معاينة الكود:

//hooks up your code to dashboard setup
add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
   
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
// Register your custom WordPress admin dashboard widget
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
  
function custom_dashboard_help() {
// Replace this with any code you want to show in your custom admin widget
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.doctormega.com" target="_blank">DoctorMega</a></p>';
}

هكذا ينبغي أن تبدو واجهة WPCode الخاصة بك:

إضافة كود الويدجت المخصصة

فيما يلي شرح قصير للكود:

تسجل دالة my_custom_dashboard_widgets() الويدجت المخصصة باستخدام دالة wpb_add_dashboard_widget(). وتستقبل ثلاثة معاملات: الأول هو معرف (ID) الودجت المخصص، والثاني هو عنوانه، والثالث هو دالة الاستدعاء.

دالة custom_dashboard_help() هي دالة الاستدعاء الخاصة بنا، وقد أضفنا بداخلها كود HTML الذي نريد عرضه عند عرض الويدجت.

لقد ربطنا دالة my_custom_dashboard_widgets بـ wp_dashboard_setuphook باستخدام add_action. يقوم هذا الخطاف بشكل أساسي بإعداد صفحة لوحة التحكم للعرض.

بعد إضافة الكود المخصص، تحتاج إلى التمرير لأسفل إلى قسم ‘Insertion’ وتحديد ‘Admin Only’ من القائمة المنسدلة ‘Location’.

تشغيل الكود فقط في منطقة إدارة ووردبريس

أخيرًا، انقر فوق زر ‘Save Snippet’ وقم بتبديل خيار الحالة إلى ‘Active’.

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

معاينة ويدجت لوحة التحكم المخصصة

الطريقة 2: إنشاء ويدجت لوحة تحكم مخصصة باستخدام اضافة (أسهل)

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

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

للمزيد من التفاصيل، راجع مراجعة Ultimate Dashboard الكاملة.

أولاً، عليك تثبيت وتفعيل إضافة Ultimate Dashboard. لمزيد من التفاصيل، راجع مقالتنا حول كيفية تثبيت إضافة ووردبريس.

بعد التفعيل، عليك زيارة صفحة Ultimate Dash…» Add New. أولاً، عليك إدخال عنوان للويدجت، ثم تحديد نوع الويدجت.

إضافة ويدجت إدارية مخصصة جديدة

هناك ثلاثة أنواع من الويدجات التي يمكنك إنشاؤها:

  1. Icon Widget – إظهار أيقونة كبيرة وتوجيهها إلى أي صفحة على موقعك.
  2. Text Widget – تستخدم محرر مرئي، حيث يمكنك إضافة أي نص تريده مع بعض خيارات التنسيق الأساسية.
  3. HTML Widget – أضف كود HTML إلى الويدجت المخصصة.

دعونا نلقي نظرة على كل واحد منهم.

1. إنشاء ويدجت أيقونة مخصصة

اختر ‘Icon Widget’ كنوع الودجت، ثم اختر الأيقونة التي تريد عرضها. افتراضيًا، يأتي التطبيق مع عدد محدود من الأيقونات للاختيار من بينها.

حدد الأيقونة

أدناه، يمكنك إضافة نص تحت ‘ToolTip’ لشرح ما يحدث عند النقر على الأيقونة للمستخدمين. على سبيل المثال: ‘ينقلك إلى صفحة إعدادات ووردبريس’.

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

خيارات ودجت الأيقونات

أخيرًا، انقر على ‘نشر’ لحفظ التغييرات، ثم انتقل إلى لوحة التحكم لمشاهدة الودجت أثناء عملها.

هكذا سيبدو شكلها.

معاينة ويدجت الأيقونات

2. إنشاء ويدجت نص مخصصة

إذا لم تكن موجود بالفعل، فانتقل إلى صفحة Ultimate Dash…» Add New. اختر ‘Text Widget’ كنوع الويدجت.

ستعرض لك الإضافة محرر نص مرئي (يشبه محرر النص الكلاسيكي القديم) حيث يمكنك إضافة أي نص تريده بتنسيق HTML أساسي.

ويدجت النص

عند الانتهاء، انقر على ‘نشر’ لحفظ التغييرات.

يمكنك الأن زيارة لوحة تحكم المسؤول لمشاهدة ودجت الإدارة المخصصة هذه قيد الاستخدام.

معاينة ويدجت النص

3. إنشاء ويدجت HTML مخصصة

إذا لم تكن موجود بالفعل، فانتقل إلى Ultimate Dash…» Add New. اختر ‘HTML Widget’ كنوع الودجت.

ستعرض لك الإضافة محرر HTML حيث يمكنك إضافة أي كود HTML باستخدام CSS المضمن.

إضافة ويدجت HTML

عند الانتهاء، انقر على ‘نشر’ لحفظ التغييرات.

يمكنك الأن زيارة لوحة تحكم المسؤول لمشاهدة ويدجت المسؤول المخصصة هذه قيد الاستخدام.

معاينة HTML لويدجت المسؤول

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

رفع لوحة تحكم ووردبريس الخاصة بك إلى المستوى التالي

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

فيما يلي بعض الموارد الإضافية لتحسين لوحة تحكم إدارة ووردبريس:

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

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

فريق دكتورميجا

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

اترك تعليقاً