كيفية استخدام ووردبريسTheme Customizer مثل المحترفين (الدليل النهائي)

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

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

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

كيفية استخدام ووردبريس موضوع مخصص الدليل النهائي

كيفية الوصول إلى مُخصص ثيم ووردبريس

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

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

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

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

يتيح لك ذلك مشاهدة معاينة مباشرة لهذا المظهر وإجراء تغييرات قبل تنشيطه.

للقيام بذلك ، تحتاج إلى التوجه إلى المظهر » صفحة السمات .

بعد ذلك ، قم بتمرير مؤشر الماوس فوق أي سمة مثبتة وانقر فوق الزر Live Preview لفتح صفحة تخصيص سمة ووردبريس

خيار المعاينة المباشرة لموضوع ووردبريس

كيفية استخدام مُخصص ثيم ووردبريس

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

ووردبريس Theme Customizer

يأتي مُخصص سمة ووردبريس مع مجموعة من اللوحات الافتراضية بغض النظر عن المظهر الذي تستخدمه.

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

ملاحظة: ستضيف سمات ووردبريس المتقدمة لوحات إعداد إضافية للحصول على خيارات تخصيص إضافية (المزيد حول هذا لاحقًا).

دعنا نلقي نظرة على الخيارات الافتراضية المتاحة في أداة تخصيص سمات ووردبريس

لوحة هوية الموقع: أضف العنوان والشعار والأيقونة المفضلة

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

بشكل افتراضي ، يضيف ووردبريس “Just another ووردبريس Site” كشعار للموقع.

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

إعدادات هوية الموقع لتغيير عنوان الموقع والشعار والشعار والأيقونة المفضلة

تتيح لك لوحة Site Identity في أداة تخصيص سمة ووردبريس أيضًا إضافة شعار موقعك. ببساطة ، انقر فوق خيار تحديد الشعار لتحميل شعار موقع الويب الخاص بك.

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

ووردبريس Theme Customizer: قم بتغيير الألوان على موقع الويب الخاص بك

ستختلف عناصر التحكم في لوحة Colors في الغالب وفقًا لموضوع ووردبريس الذي تستخدمه.

على سبيل المثال ، يتيح لك موضوع Twenty Seventeen اختيار لون نص الرأس وتحديد نظام ألوان لموقع الويب بالكامل.

تغيير الألوان على موقع الويب الخاص بك

قد توفر سمات ووردبريس الأخرى خيارات ألوان مختلفة لعناصر الموقع مثل: العناوين ، الروابط ، النص الأساسي ، خلفية موقع الويب الخاص بك ، إلخ.

إضافة قوائم التنقل في أداة تخصيص السمات

و القوائم لوحة يسمح لك بإنشاء القوائم الملاحة والتحكم في موقعها على موقع الويب الخاص بك.

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

لوحة القوائم في مُخصص السمة

لإنشاء قائمة جديدة ، يجب النقر فوق الزر ” إنشاء قائمة جديدة” .

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

قم بإنشاء قائمة تنقل جديدة

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

إضافة عناصر إلى قائمة التنقل

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

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

و الحاجيات لوحة يسمح لك لإضافة وإدارة الحاجيات على موقعك.

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

على سبيل المثال ، توفر سمة Twenty Seventeen 3 مواقع لعناصر واجهة المستخدم ، بينما تأتي سمة Twenty Nineteen بموقع واحد فقط.

لوحة الحاجيات

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

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

إضافة أدوات إلى موقعك

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

لوحة إعدادات الصفحة الرئيسية في مُخصص السمة

بشكل افتراضي ، يعرض ووردبريس أحدث منشورات المدونة على صفحتك الرئيسية.

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

لاستخدام صفحة رئيسية مخصصة ، تحتاج إلى تحديد زر الاختيار “صفحة ثابتة” في لوحة إعدادات الصفحة الرئيسية .

إعدادات الصفحة الرئيسية في مخصص الموضوع

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

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

لوحة CSS إضافية لإضافة CSS مخصص

هل تريد إضافة كود CSS مخصص لتصميم موقع الويب الخاص بك؟ يمكنك القيام بذلك في لوحة CSS الإضافية .

غالبًا ما يقوم مستخدمو ووردبريس المتوسطون والمتقدمون بتخصيص مواقعهم عن طريق إضافة كود CSS مباشرة إلى ملف style.css الخاص بهم. يضيف هذا خطوات إضافية مثل الوصول إلى FTP لاستضافة ووردبريس ، وتعديل ملفات السمات ، وما إلى ذلك.

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

إضافة كود CSS مخصص إلى جزء CSS إضافي ؛

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

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

خيارات مخصصة أخرى للموضوع

تقدم بعض السمات المجانية والمميزة المزيد من خيارات تخصيص السمات .

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

يمكنك أيضًا إضافة ميزات محددة إلى أداة تخصيص السمات الخاصة بك بمساعدة المكونات الإضافية. على سبيل المثال ، يمكنك إضافة خطوط مخصصة في ووردبريس باستخدام المكون الإضافي Easy Google Fonts .

معاينة موقع الويب الخاص بك على درجات دقة الشاشة المختلفة

من المهم لكل مالك موقع ويب التأكد من أن موقعه على الويب يستجيب للجوّال ويبدو جيدًا على جميع أحجام الشاشات.

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

في الجزء السفلي من لوحة مُخصص القوالب ، ستجد ثلاثة رموز ورابط “إخفاء عناصر التحكم”.

معاينة الموقع على درجات دقة مختلفة للشاشة

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

يعد رابط إخفاء عناصر التحكم مفيدًا لإخفاء لوحة مُخصص ووردبريس بحيث يمكنك عرض موقعك بشكل صحيح في وضع سطح المكتب.

انشر أو احفظ أو جدولة إعدادات أداة التخصيص الخاصة بك

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

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

انشر إعدادات مُخصص ووردبريس

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

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

ووردبريس Customizer Save Draft option

ستجد هنا ثلاثة خيارات: النشر ، وحفظ المسودة ، والجدول الزمني.

تحتاج إلى تحديد زر الاختيار حفظ المسودة في لوحة الإجراء ثم النقر فوق الزر حفظ المسودة لتخزين تغييراتك.

يمكنك الآن نسخ رابط المعاينة ومشاركته مع الآخرين للحصول على تعليقات.

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

جدولة إعدادات أداة التخصيص في تاريخ محدد

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

قم بمعاينة المظاهر المختلفة بدون البث المباشر

هناك أوقات تريد فيها التحقق من شكل المظهر الجديد على موقعك. ومع ذلك ، لا تريد تنشيطها على موقع الويب المباشر الخاص بك.

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

في لوحة Customizer ، ستجد اسم المظهر النشط وزر التغيير .

قم بتغيير نسق ووردبريس من Customizer

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

للتحقق من سمة معينة ، تحتاج إلى النقر فوق الزر Live Preview .

معاينة السمات المثبتة على Theme Customizer

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

سيعرض هذا السمات من دليل ووردبريسorg. يمكنك النقر فوق الزر “تثبيت ومعاينة” للتحقق من المظهر الذي تريده.

دليل سمات ووردبريس

يمكنك أيضًا تصفية السمات عن طريق النقر فوق الزر تصفية السمات الموجود في الزاوية العلوية اليمنى من شاشتك.

ملاحظة: نوصي باستخدام موقع ويب مرحلي لـ ووردبريس لاختبار سمات جديدة بدلاً من استخدام أداة التخصيص على موقع مباشر.

استيراد أو تصدير إعدادات أداة تخصيص السمة

هل تعلم أنه يمكنك استيراد وتصدير إعدادات أداة تخصيص السمات الخاصة بك؟

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

للحصول على إرشادات مفصلة ، يمكنك اتباع دليلنا حول كيفية استيراد وتصدير إعدادات أداة تخصيص السمات في ووردبريس .

بدائل مخصص لموضوع ووردبريس

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

ماذا لو أعجبك المظهر الخاص بك ، ولكنك تتمنى أن يكون به خيارات تخصيص إضافية؟

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

بطل CSS

البرنامج المساعد CSS Hero

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

هل تريد تخصيص صفحة تسجيل الدخول لموقع ووردبريس الخاص بك ؟ يتيح لك CSS Hero القيام بذلك في غضون بضع دقائق.

يمكنك أيضًا تعديل ومعاينة التغييرات في الواجهة الأمامية للتأكد من أن التصميم الخاص بك يبدو مثاليًا على كل جهاز.

بيفر بيلدر

البرنامج المساعد Beaver Builder

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

أفضل جزء هو أن Beaver Builder يعمل مع كل سمة ووردبريس تقريبًا. هذا يسمح لك باستخدامه مع المظهر الحالي الخاص بك.

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

يمكنك أيضًا استخدام Beaver Builder لإنشاء سمة ووردبريس مخصصة بالكامل دون كتابة أي رمز.

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

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