كيفية تخصيص سمة WordPress بواسطة Customizer

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

بعد اختيار سمة WordPress وتثبيتها ، يجب عليك استخدام أداة Customizer لتخصيص مظهر موقع الويب باتباع العرض التوضيحي للسمة أو النمط الخاص بك. ميزة هذه الأداة هي وضع المعاينة الحية الذي يسمح لك بمشاهدة النتائج مباشرة أثناء التخصيص. هذا يوفر لك الوقت ويسهل التعامل معه أكثر من التحرير في الخلفية (لوحة تحكم المسؤول).

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

افتح أداة التخصيص

أولاً ، انتقل إلى Customizer في شريط المسؤول أعلى الصفحة ، أو Dashboard > Appearance > Customize لفتح هذه الأداة.

تتكون واجهة أداة التخصيص من جزأين رئيسيين: يحتوي العمود الأيسر على خيارات التخصيص والشاشة اليمنى تعرض المعاينة المباشرة. هذه هي الواجهة الأكثر شيوعًا للمخصص.

العمود الأيسر يتضمن:

1: زر " نشر" لحفظ النتائج بعد التخصيص. إذا قمت بإغلاق الموقع دون النقر فوقه ، فلن يتم حفظ التخصيص الخاص بك. لذلك بعد كل تغيير ، لا تنس الضغط على هذا الزر.
2: تُظهر هذه المنطقة المظهر الذي تستخدمه. كما ترون في المثال الخاص بي ، أنا أستخدم سمة الذاكرة. (يمكنك تنزيل هذا الموضوع هنا).
3: خيارات تخصيص الموضوع. لاحظ أن خيارات السمة تختلف باختلاف السمات.
4: انقر فوق إخفاء عناصر التحكم لإخفاء هذا العمود. أيضًا ، إذا كنت تريد أن ترى كيف تبدو المعاينة المباشرة على الأجهزة الأخرى ، فما عليك سوى النقر فوق رموز الجهاز المقابلة هنا.

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

تخصيص السمة بواسطة Customizer

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

إعدادات الصفحة الرئيسية

هذا هو القسم الأكثر أهمية لتحديد عرض صفحتك الرئيسية.

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

بالنسبة لموقع قراءة مثل المدونات ، يجب عليك اختيار أحدث منشوراتك .

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

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

هوية الموقع

يساعدك هذا القسم في تغيير المعلومات حول موقع الويب مثل تغيير الشعار والعنوان والشعار.

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

اللون وصورة الخلفية والخطوط

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

اللون

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

أولاً ، انقر فوق العنصر الذي تريد إعادة تلوينه (1) (مثل اللون الرئيسي أو لون العنوان أو لون النص). يمكنك اختيار لون مباشرة على اللوحة (2) ، أو إدخال رمز اللون هنا (3).

الخط

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

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

إذا كانت السمات الخاصة بك تدعم خطوط Google ، فقد تحتاج إلى الحصول على رمز الخط أو اسمه أو ارتباطه من fonts.google.com ثم لصقها في المربعات مثل هذه.

تتمثل ميزة الطريقة الثانية في أن لديك العديد من خيارات الخطوط من Google Fonts.

الصورة الخلفية

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

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

لتغيير صورة الخلفية ، انقر فوق الزر " تغيير الصورة" . إذا كنت تريد حذف صورة الخلفية ، فاضغط على زر إزالة .

عند اختيار تكرار صورة الخلفية ، سيتم تكرار صورة الخلفية من بداية الصفحة إلى نهايتها. إذا اخترت Scroll with page ، فسيتم نقلها مع الصفحة عند التمرير على النحو التالي.

قائمة الطعام

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

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

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

القطعة

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

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

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

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

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

سيساعدك زر إعادة الترتيب على نقل عناصر واجهة المستخدم إلى منطقة أخرى من السمة. على وجه التحديد ، انقر فوق (1) ، وحدد منطقة عنصر واجهة المستخدم الجديدة (2) ، وانقر فوق الزر نقل (3). بالإضافة إلى ذلك ، سيساعد زر السهم لأعلى ولأسفل (4) في تحريك عناصر واجهة المستخدم في منطقة ما. عند الانتهاء ، اضغط على Done (5).

هذا كل شيء ، لقد انتهينا من الأدوات.

الكلمات الأخيرة

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

آمل أن يكون هذا المقال قد ساعدك في إنشاء مظهر رائع خاص بك لموقعك.