Help:Skinning: Difference between revisions

Latest revision as of 09:23, 24 April 2025

Help:Skinning

تخصيص مظهر الموقع: دليل المبتدئين

مقدمة

مرحباً بك في دليل تخصيص مظهر الموقع (Skinning) الخاص بـ MediaWiki. يتيح لك تخصيص المظهر تغيير الطريقة التي يظهر بها موقع الويكي، بما في ذلك الألوان والخطوط والتخطيط العام. هذه المقالة موجهة للمبتدئين الذين يرغبون في فهم كيفية عمل المظاهر وكيفية تخصيصها لتناسب احتياجاتهم. فهم واجهة المستخدم هو الخطوة الأولى نحو تخصيص تجربتك.

ما هو الـ Skin؟

الـ Skin، أو "الجلد" باللغة العربية، هو مجموعة من الملفات (CSS، JavaScript، الصور) التي تحدد الشكل المرئي لموقع الويكي. يعمل الـ Skin كقالب يحدد كيفية عرض المحتوى. يأتي MediaWiki مع عدة مظاهر افتراضية، مثل Vector (وهو المظهر الافتراضي الحديث)، وMonoBook (مظهر تقليدي)، وModern. يمكنك اختيار أحد هذه المظاهر أو إنشاء مظهر مخصص بالكامل. تذكر أن اختيار الـ Skin يؤثر على تجربة المستخدم.

كيفية تغيير الـ Skin

هناك طريقتان رئيسيتان لتغيير الـ Skin:

تغيير الـ Skin الخاص بك كمستخدم: هذه الطريقة تسمح لك بتخصيص المظهر الذي تراه *أنت* فقط. يمكنك القيام بذلك من خلال تفضيلات المستخدم الخاصة بك. انتقل إلى "المظهر" في تفضيلاتك واختر المظهر الذي تريده من القائمة المنسدلة.
تغيير الـ Skin على مستوى الموقع: هذه الطريقة تتطلب صلاحيات إدارية وتؤثر على جميع المستخدمين. يتم ذلك عن طريق تعديل ملف LocalSettings الخاص بـ MediaWiki. ابحث عن السطر الذي يبدأ بـ `$wgDefaultSkin` وقم بتعيينه إلى اسم المظهر الذي تريده.

فهم ملفات الـ Skin

يتكون الـ Skin عادةً من الملفات التالية:

Common.css: يحتوي على أنماط CSS التي تنطبق على جميع الصفحات. هذا هو المكان الذي يمكنك فيه إجراء تغييرات عامة على مظهر الموقع.
Vector.css (أو اسم الـ Skin): يحتوي على أنماط CSS الخاصة بالـ Skin المحدد.
Common.js: يحتوي على كود JavaScript الذي ينفذ على جميع الصفحات.
Vector.js (أو اسم الـ Skin): يحتوي على كود JavaScript الخاص بالـ Skin المحدد.
Images: مجلد يحتوي على الصور المستخدمة في الـ Skin.

تخصيص الـ Skin باستخدام CSS

تعتبر CSS (Cascading Style Sheets) هي اللغة الرئيسية المستخدمة لتخصيص مظهر الـ Skin. يمكنك استخدام CSS لتغيير الألوان والخطوط والتخطيطات والمزيد.

أمثلة على قواعد CSS
القاعدة	الوصف
`body { background-color: #f0f0f0; }`	تغيير لون خلفية الصفحة
`h1 { color: blue; font-size: 2em; }`	تغيير لون وحجم عناوين المستوى الأول
`.mw-parser-output a { color: green; }`	تغيير لون الروابط
`table { border-collapse: collapse; }`	جعل حدود الجداول متجاورة

لإضافة CSS مخصص، يمكنك تعديل ملف `Common.css` أو `Vector.css` (أو ملف الـ Skin الذي تستخدمه). تذكر أن تقوم بتخزين التغييرات بانتظام. فهم CSS selectors أمر بالغ الأهمية.

إنشاء مظهر مخصص

إذا كنت ترغب في إنشاء مظهر مخصص بالكامل، فستحتاج إلى إنشاء مجلد جديد في دليل `skins` الخاص بـ MediaWiki. يجب أن يحتوي هذا المجلد على الملفات المطلوبة (CSS، JavaScript، الصور) وملف `skin.php` الذي يحدد معلومات حول الـ Skin. إنشاء مظهر مخصص هو مهمة متقدمة تتطلب معرفة جيدة بـ MediaWiki وCSS وJavaScript.

أدوات مفيدة

مطور أدوات المتصفح: معظم المتصفحات الحديثة تأتي مع أدوات المطور المدمجة التي تسمح لك بفحص HTML وCSS وتعديلها في الوقت الفعلي.
محرر نصوص: استخدم محرر نصوص جيد لتحرير ملفات الـ Skin.
مراجع CSS: هناك العديد من المواقع التي تقدم مراجع شاملة لـ CSS، مثل MDN Web Docs.

اعتبارات هامة

التوافق: تأكد من أن الـ Skin الخاص بك متوافق مع جميع المتصفحات الشائعة.
إمكانية الوصول: صمم الـ Skin الخاص بك مع مراعاة إمكانية الوصول، بحيث يكون سهل الاستخدام لجميع المستخدمين، بما في ذلك ذوي الاحتياجات الخاصة. راجع إرشادات إمكانية الوصول إلى محتوى الويب (WCAG).
الأداء: تجنب استخدام الكثير من الصور أو JavaScript، لأن ذلك قد يؤثر على أداء الموقع.

استراتيجيات التداول ذات الصلة (للمستخدمين المهتمين بالتحليل الفني)

التحليل الفني وحجم التداول

روابط مفيدة

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

@@ Line 1: / Line 1: @@
 '''Help:Skinning'''
+'''تخصيص مظهر الموقع: دليل المبتدئين'''
 == مقدمة ==
-تعد عملية "تغيير المظهر" أو "Skinning" في [[واجهة المستخدم]] لموقع الويكي الخاص بك خطوة مهمة لتخصيص تجربتك وجعلها أكثر راحة وسهولة في الاستخدام. تسمح لك هذه العملية بتغيير الشكل البصري للموقع، بما في ذلك الألوان، والخطوط، والتخطيط العام، دون تغيير المحتوى نفسه. هذا المقال موجه للمبتدئين لشرح كيفية تغيير المظهر في ميدياويكي.
+مرحباً بك في دليل تخصيص مظهر الموقع (Skinning) الخاص بـ [[MediaWiki]]. يتيح لك تخصيص المظهر تغيير الطريقة التي يظهر بها موقع الويكي، بما في ذلك الألوان والخطوط والتخطيط العام. هذه المقالة موجهة للمبتدئين الذين يرغبون في فهم كيفية عمل المظاهر وكيفية تخصيصها لتناسب احتياجاتهم. فهم [[واجهة المستخدم]] هو الخطوة الأولى نحو تخصيص تجربتك.
+== ما هو الـ Skin؟ ==
+الـ Skin، أو "الجلد" باللغة العربية، هو مجموعة من الملفات (CSS، JavaScript، الصور) التي تحدد الشكل المرئي لموقع الويكي.  يعمل الـ Skin كقالب يحدد كيفية عرض المحتوى.  يأتي MediaWiki مع عدة مظاهر افتراضية، مثل [[Vector]] (وهو المظهر الافتراضي الحديث)، و[[MonoBook]] (مظهر تقليدي)، و[[Modern]].  يمكنك اختيار أحد هذه المظاهر أو إنشاء مظهر مخصص بالكامل.  تذكر أن اختيار الـ Skin يؤثر على [[تجربة المستخدم]].
-== ما هو المظهر (Skin)؟ ==
+== كيفية تغيير الـ Skin ==
-المظهر في ميدياويكي هو مجموعة من ملفات القوالب (templates) وأوراق الأنماط (CSS) والصور التي تحدد كيفية عرض المحتوى للمستخدم. فكر فيه كقالب خارجي يرتديه موقع الويكي الخاص بك. هناك العديد من المظاهر المتاحة، ولكل منها تصميم وميزات فريدة. بعض المظاهر الشائعة تشمل [[Vector]] (المظهر الافتراضي)، [[MonoBook]]، و[[Modern]].
+هناك طريقتان رئيسيتان لتغيير الـ Skin:
-== الوصول إلى إعدادات المظهر ==
+* '''تغيير الـ Skin الخاص بك كمستخدم:'''  هذه الطريقة تسمح لك بتخصيص المظهر الذي تراه *أنت* فقط. يمكنك القيام بذلك من خلال [[تفضيلات المستخدم]] الخاصة بك.  انتقل إلى "المظهر" في تفضيلاتك واختر المظهر الذي تريده من القائمة المنسدلة.
+* '''تغيير الـ Skin على مستوى الموقع:''' هذه الطريقة تتطلب صلاحيات إدارية وتؤثر على جميع المستخدمين.  يتم ذلك عن طريق تعديل ملف [[LocalSettings]] الخاص بـ MediaWiki.  ابحث عن السطر الذي يبدأ بـ `$wgDefaultSkin` وقم بتعيينه إلى اسم المظهر الذي تريده.
-هناك طريقتان رئيسيتان لتغيير المظهر:
+== فهم ملفات الـ Skin ==
-* '''من خلال حسابك الشخصي:''' إذا كنت مسجلاً في الموقع، فانقر على اسم المستخدم الخاص بك في الزاوية العلوية اليمنى، ثم اختر "تفضيلات" أو "Preferences". ستجد قسمًا مخصصًا للمظهر (Appearance) حيث يمكنك تحديد المظهر المفضل لديك.
+يتكون الـ Skin عادةً من الملفات التالية:
-* '''من خلال رابط "تغيير المظهر" المباشر:''' في بعض الحالات، قد يوفر الموقع رابطًا مباشرًا لتغيير المظهر أسفل الصفحة أو في القائمة الرئيسية.
-== اختيار مظهر جديد ==
+* '''Common.css:''' يحتوي على أنماط CSS التي تنطبق على جميع الصفحات.  هذا هو المكان الذي يمكنك فيه إجراء تغييرات عامة على مظهر الموقع.
+* '''Vector.css (أو اسم الـ Skin):'''  يحتوي على أنماط CSS الخاصة بالـ Skin المحدد.
+* '''Common.js:''' يحتوي على كود JavaScript الذي ينفذ على جميع الصفحات.
+* '''Vector.js (أو اسم الـ Skin):''' يحتوي على كود JavaScript الخاص بالـ Skin المحدد.
+* '''Images:'''  مجلد يحتوي على الصور المستخدمة في الـ Skin.
-في صفحة التفضيلات (Preferences)، سترى قائمة بالمظاهر المتاحة. يمكنك اختيار مظهر من القائمة وتجربته. عادةً ما يوفر ميدياويكي معاينة للمظهر قبل تطبيقه بشكل دائم. يفضل تجربة عدة مظاهر للعثور على المظهر الذي يناسبك أكثر.
+== تخصيص الـ Skin باستخدام CSS ==
-== تخصيص المظهر ==
+تعتبر CSS (Cascading Style Sheets) هي اللغة الرئيسية المستخدمة لتخصيص مظهر الـ Skin.  يمكنك استخدام CSS لتغيير الألوان والخطوط والتخطيطات والمزيد.
-بعد اختيار مظهر، قد تتمكن من تخصيصه بشكل أكبر. تتضمن خيارات التخصيص الشائعة:
+{| class="wikitable"
+|+ أمثلة على قواعد CSS
+|-
+| القاعدة || الوصف
+|-
+| `body { background-color: #f0f0f0; }` || تغيير لون خلفية الصفحة
+|-
+| `h1 { color: blue; font-size: 2em; }` || تغيير لون وحجم عناوين المستوى الأول
+|-
+| `.mw-parser-output a { color: green; }` || تغيير لون الروابط
+|-
+| `table { border-collapse: collapse; }` || جعل حدود الجداول متجاورة
+|}
-* '''تغيير الخط:''' اختر الخط الذي يسهل قراءته بالنسبة لك.
+لإضافة CSS مخصص، يمكنك تعديل ملف `Common.css` أو `Vector.css` (أو ملف الـ Skin الذي تستخدمه).  تذكر أن تقوم بتخزين التغييرات بانتظام. فهم [[CSS selectors]] أمر بالغ الأهمية.
-* '''تغيير حجم الخط:''' قم بزيادة أو تقليل حجم الخط حسب تفضيلاتك.
-* '''تغيير الألوان:''' قم بتغيير ألوان الخلفية والنص والروابط.
-* '''تفعيل/تعطيل الشريط الجانبي:''' اختر ما إذا كنت تريد عرض الشريط الجانبي أم لا.
-* '''تفعيل/تعطيل وضع القراءة المريح:''' هذا الوضع يقلل من إجهاد العين عند القراءة في ظروف الإضاءة المنخفضة.
-== مظاهر مخصصة ==
+== إنشاء مظهر مخصص ==
-بالإضافة إلى المظاهر الجاهزة، يمكنك أيضًا إنشاء مظهر مخصص خاص بك إذا كانت لديك خبرة في تصميم الويب و[[CSS]]. يتطلب ذلك تعديل ملفات القوالب وأوراق الأنماط الخاصة بالموقع، وهو أمر قد يكون معقدًا للمبتدئين.
+إذا كنت ترغب في إنشاء مظهر مخصص بالكامل، فستحتاج إلى إنشاء مجلد جديد في دليل `skins` الخاص بـ MediaWiki.  يجب أن يحتوي هذا المجلد على الملفات المطلوبة (CSS، JavaScript، الصور) وملف `skin.php` الذي يحدد معلومات حول الـ Skin.  إنشاء مظهر مخصص هو مهمة متقدمة تتطلب معرفة جيدة بـ MediaWiki وCSS وJavaScript.
-== استكشاف الأخطاء وإصلاحها ==
+== أدوات مفيدة ==
-* '''المظهر لا يظهر بشكل صحيح:''' قد يكون ذلك بسبب مشكلة في ذاكرة التخزين المؤقت للمتصفح (browser cache). حاول مسح ذاكرة التخزين المؤقت للمتصفح وإعادة تحميل الصفحة.
+* '''مطور أدوات المتصفح:''' معظم المتصفحات الحديثة تأتي مع أدوات المطور المدمجة التي تسمح لك بفحص HTML وCSS وتعديلها في الوقت الفعلي.
-* '''المظهر يتسبب في مشاكل في التوافق:''' قد يكون المظهر غير متوافق مع بعض الإضافات (extensions) أو [[القوالب]] الموجودة على الموقع. حاول تعطيل الإضافات أو تغيير القوالب لمعرفة ما إذا كان ذلك يحل المشكلة.
+* '''محرر نصوص:''' استخدم محرر نصوص جيد لتحرير ملفات الـ Skin.
-* '''المظهر يظهر بلغة مختلفة:''' تأكد من أن لغة الواجهة (interface language) مضبوطة على اللغة التي تفضلها في إعداداتك الشخصية.
+* '''مراجع CSS:'''  هناك العديد من المواقع التي تقدم مراجع شاملة لـ CSS، مثل [[MDN Web Docs]].
-== روابط مفيدة ==
+== اعتبارات هامة ==
-* [[مساعدة:المحتوى]]
+* '''التوافق:''' تأكد من أن الـ Skin الخاص بك متوافق مع جميع المتصفحات الشائعة.
-* [[مساعدة:التنسيق]]
+* '''إمكانية الوصول:'''  صمم الـ Skin الخاص بك مع مراعاة إمكانية الوصول، بحيث يكون سهل الاستخدام لجميع المستخدمين، بما في ذلك ذوي الاحتياجات الخاصة.  راجع إرشادات [[إمكانية الوصول إلى محتوى الويب (WCAG)]].
-* [[مساعدة:الصفحة الرئيسية]]
+* '''الأداء:'''  تجنب استخدام الكثير من الصور أو JavaScript، لأن ذلك قد يؤثر على أداء الموقع.
-* [[مساعدة:البحث]]
-* [[مساعدة:التحرير]]
-* [[مساعدة:التوقيع]]
-* [[مساعدة:الروابط]]
-* [[مساعدة:الصور]]
-* [[مساعدة:القوالب]]
-* [[مساعدة:الفئات]]
-* [[مساعدة:الإضافات]]
-* [[مساعدة:تخصيص الواجهة]]
-* [[مساعدة:تفضيلات المستخدم]]
-* [[مساعدة:محرر VisualEditor]]
-* [[مساعدة:محرر Source Editor]]
-== استراتيجيات متقدمة (للمستخدمين المهتمين) ==
+== استراتيجيات التداول ذات الصلة (للمستخدمين المهتمين بالتحليل الفني) ==
-* [[التحليل الفني للمؤشرات]]
+* [[التحليل الفني]]
-* [[استراتيجية الاختراق]]
+* [[مؤشرات التداول الفني]]
-* [[استراتيجية المتوسطات المتحركة]]
+* [[الشموع اليابانية]]
-* [[استراتيجية RSI]]
+* [[أنماط الشموع]]
-* [[استراتيجية MACD]]
+* [[مستويات الدعم والمقاومة]]
-* [[تحليل حجم التداول]]
+* [[خطوط الاتجاه]]
-* [[مفهوم السوائل]]
+* [[التحليل الموجي]]
-* [[أنماط الشموع اليابانية]]
 * [[التحليل الأساسي]]
 * [[إدارة المخاطر]]
-* [[تنويع المحفظة]]
+* [[استراتيجية الاختراق]]
-* [[تداول الأخبار]]
+* [[استراتيجية الارتداد]]
-* [[تداول الخوارزمي]]
+* [[استراتيجية التداول المتأرجح]]
-* [[التحليل الموجي إليوت]]
+* [[استراتيجية التداول اليومي]]
-* [[نظرية فيبوناتشي]]
+* [[استراتيجية التداول طويل الأجل]]
+* [[استراتيجية المضاربة]]
+== التحليل الفني وحجم التداول ==
+* [[حجم التداول]]
+* [[مؤشر حجم التداول]]
+* [[مؤشر التوازن الحجمي (OBV)]]
+* [[مؤشر التدفق النقدي (MFI)]]
+* [[مؤشر القوة النسبية (RSI)]]
+== روابط مفيدة ==
+* [[MediaWiki]]
+* [[تفضيلات المستخدم]]
+* [[LocalSettings]]
+* [[CSS]]
+* [[JavaScript]]
+* [[واجهة المستخدم]]
+* [[إمكانية الوصول إلى محتوى الويب (WCAG)]]
+* [[MDN Web Docs]]
+* [[Vector]]
+* [[MonoBook]]
+* [[Modern]]
+* [[قوالب MediaWiki]]
+* [[تصميم الويب]]
+* [[تصميم تجربة المستخدم (UX)]]
+* [[تصميم واجهة المستخدم (UI)]]
-[[Category:**الفئة:مساعدة_واجهة_المستخدم**]]
+[[Category:الفئة:واجهة المستخدم]]
 == ابدأ التداول الآن ==